/*
	Brockton Creative Group
	John Kellyn Resman
	brocktoncg.com

	COLORS
		dark yellow  8b6527
		dark brown  3d2c10
		dark green  64703e
		tan  f6ebd4
		dark tan  a6792e

*/

/*
	RESET
*/

*			{ margin: 0; padding: 0;}
html		{ overflow-y: scroll;}
html, body	{ height: 100%;}
body		{ font-size: 62.5%; background: #8c6627 url(../images/bg.jpg) no-repeat top center; font-family: Verdana, sans-serif; }
ul			{ color: #5e3b20;margin-left: 12px;}
ol			{ list-style: none;}
a			{ color: #5e3b20; text-decoration: underline; outline: none;  }
a:hover     { text-decoration: none; }
a img		{ border: 0; outline: none;}
img			{ vertical-align: middle;}
table		{ border: 2px solid #a6792e; }
td			{ padding: 10px;border: 1px solid #8b6527;}
caption     {font-family: Times, serif; font-size: 1.5em; color: #64703e; font-weight: bold; margin-bottom: 5px;}


/*
	UTILITY
*/

.left		{ float: left;}
.right		{ float: right;}
.clear			{ clear: both;}
.button			{ border: 1px solid ;background: #a6792e; color: #fff; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.button:hover	{ background: #fff; color: #3d2c10;}


/*
	FORM
*/

input { width: 250px; }
 
form label { display: block; width:75px; float: left; color: #5e3b20;}
 
textarea { width: 250px; height: 200px; font-size: 1.3em; font-family: Verdana, sans-serif; resize: none; }

.error { font-size: .8em; color: red; margin-left: 75px; display:none; }

/*
	TYPE
*/

p {font-size: 1.3em; line-height: 1.5em;color: #5e3b20;}

h1 {font-family: Georgia,Times, serif;font-size: 2.1em; font-weight: bold; color: #a6792e;}

h2 {font-family: Georgia,Times, serif; font-size: 1.9em; color: #64703e; font-weight: bold; margin-bottom: 5px;}

p.green {color: #64703e;}

p.yellow {color: #8b6527;}


/*
	STRUCTURE
*/

div#wrap {width:795px; margin: 20px auto 0 auto;border-top: 4px solid #3d2c10;border-bottom: 4px solid #3d2c10;}

div#header-wrap {width:795px; margin: 0 auto; padding-top: 15px;}

div#header { width: 100%; height: 125px; background: #f6ebd4; }

div#content { width: 775px; background: #f6ebd4; overflow: hidden; padding: 10px 10px 25px 10px; border-top: 4px solid #3d2c10;border-bottom: 4px solid #3d2c10; }

div#left-sidebar { width: 211px; height: 100%; padding: 0 10px 0 0; margin: 20px 0 0 0; border-right: 1px solid #3d2c10; float: left; }

table.months td {text-align: center;}

table.months td a {font-weight: bold;}

div#community a {font-size: 1.4em;  line-height: 1.7em;}
/*
	SIDEBAR
*/

div#left-message {margin-top: 20px; }
	div#left-message p {color: #8b6527;}

div#left-contact {margin-top: 20px; }
	div#left-contact p {color: #64703e;}


/*
	CONTENT
*/

div#main-content {  margin: 15px 0 0 15px;}

div#sub-main-content {  margin: 15px 0 0 15px; overflow: hidden; padding-left: 15px; }

div#mission { background: url(../images/mission-header.gif) no-repeat 15px 0; padding: 50px 0 15px 15px; overflow: hidden;}

div#mggkc { background: url(../images/mggkc-header.gif) no-repeat 15px 0; padding: 35px 0 0 15px; overflow: hidden;}

div#upcoming-events { background: url(../images/upcomingEvents-header.png) no-repeat top right; padding: 120px 0 0 0; border-top: 1px solid #3d2c10; overflow: hidden; margin-top: 40px; }

div#public-events {width: 235px; margin-left: 30px;  float: left; overflow: hidden;}

div#member-events {width: 235px; padding: 0 0 0 25px; overflow:hidden; }

div#public-events-header { width: 235px; height: 25px; background: url(../images/public.gif) no-repeat top left; margin-bottom: 10px; border-bottom: 1px solid #3d2c10;}

div#member-events-header {width: 235px; height: 25px; background: url(../images/members.gif) no-repeat top left; margin-bottom: 10px; border-bottom: 1px solid #3d2c10;}

/*
	FOOTER
*/

div#footer {margin: 20px 0 75px 0;}
	div#footer p {font-size:1.1em;color: #e7dfd4;}
		div#footer a {color: #e7dfd4;}
			div#footer a:hover {}