/* CSS Document */

html,body {
	margin:0;	padding:0;
	height:100%; /* needed for container min-height */
}
body {	 background:#799aaf url(images/background.jpg) top left repeat-x; }

#wrapper { 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	position:relative; 
	padding: 0;  margin:0;
	background: #FFFFFF url(images/bg_header.jpg) top left repeat-x;
}
div.hassubnav { background-image:url(images/localbg_header.jpg) !important }
div#main {
	padding-bottom:220px; /* bottom padding for footer */
}


/************************ Header ************************/
#header { width:1010px; margin:0 auto; height:190px; position:relative; background:url(images/awards.png) top right no-repeat }
.hassubnav #header { height:198px; }
body.local #header { background-image:none !important }

#header a .logo { border:0; margin:7px 55px 0 0; position: absolute; }
#header .logobottom { border:0; margin:154px 55px 0 0; position: absolute; }
#header a .sponsorlogo { border:0; margin:0 0 0 300px; position: absolute; }

#subnav { font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; clear:left; width:880px;  text-align:left; padding: 8px 0 0 180px;  }
#subnav a { color:#c9dae9; padding:6px 0 4px 18px; text-decoration:none;  background: url(images/localbg_subnav.gif) 3px center no-repeat; }
#subnav a.subfirst { padding-left: 0; background-image:none; }
#subnav a:hover { color:#fff; text-decoration:underline }

/***************************************   Navigation Formatting   ********************************************/
ul#navigation {
	text-align:left; 
	margin:0 0 0 0; padding:113px 0 0 440px;
	font: normal 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	list-style:none;
}
ul#navigation li {
	margin:0;	padding:0;
	float:left;
}
* html ul#navigation li {
	width:10px; /* fix for IE width bug */
	overflow:inherit;
}
ul#navigation li a {
	margin:0; 
	display:block;
	height:41px; width:138px;
	background:url(images/navtab-blue.gif) bottom left no-repeat;
	text-decoration:none;  text-align:center;
	color:#232e36;
	cursor:pointer;
}
ul#navigation li.first { height:41px; width:3px; background:url(images/navtab-first.gif) bottom left no-repeat; }
ul#navigation li.last { height:41px; width:4px; background:url(images/navtab-end.gif) bottom left no-repeat; }
ul#navigation li a span { display:block; padding: 12px 0 0 0; }
#index ul#navigation li.nav1 a, #membership ul#navigation li.nav2 a, #resources ul#navigation li.nav3 a, #local ul#navigation li.nav4 a { 	
	background-image:url(images/navtab-red.gif);  color:#FFFFFF;
}
ul#navigation li a:hover { color:#ffffff; }

/************************************** Sidebar **********************************************/
div#sideBar { float:right; width:256px; margin-left:20px; padding:5px 4px 0 0; }
div#sideBar img { border:0 }
#sponsors { width:256px; background:url(images/bg_sponsors.gif) bottom left no-repeat; text-align:center; padding-bottom:5px; margin:5px 0; }

/** local sidebar **/
a#localMeeting { 
	display:block; width:226px; padding:58px 15px 1px 15px; background:url(images/localbg_nextmeeting.gif) top left no-repeat;
	font:16px/24px normal Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;	
} 
a:hover#localMeeting { color:#ccc }
a#meetMembers {
	display:block; width:256px; height:223px; background:url(images/localbg_meetmembers.gif) top left no-repeat;
}
a#meetMembers img { border:0; margin:9px 6px; }
a:hover#meetMembers img { border:3px solid #7e041f; margin:6px 3px; }

div#localtestimonial {
	width:261px; background:url(images/localbg_testimonial.gif) bottom left no-repeat; padding-bottom:10px; color:#3a5f76;
}
div#localtestimonial p { padding:0 25px 10px 25px; margin:0; }
div#localtestimonial span p { font-weight: bold; padding-left:40px }

/************************************** Content **********************************************/
div#content { width:1005px; margin:0 auto; position:relative }
	
div#contentInfo { margin:0 300px 0 0; padding:8px 0 0 10px; }
#index div#contentInfo, body.home div#contentInfo  { margin:0 280px 0 0; }

#index #content h1, #index #content p { margin-left:12px; margin-right:12px; } 
#homebox1 { 
	width:709px; height:197px; 
	margin:2px 0 0px 0; position:relative;
	background: url(images/bg_homebox1.jpg) top left no-repeat;
}
body.local #homebox1 { background-image: url(images/bg_homebox1-localb.jpg); margin-bottom:20px }
#homebox1 .buttonMore img { position:absolute; margin:145px 0 0 296px; width:200px; height:45px; border:0 }
a#homebox2, a#homebox3 { 
	width:293px; height:49px; display:block; float:left ;
	padding:245px 42px 0 14px; margin-bottom:10px;
	color:#ffffff; text-decoration:none; font-size:16px;
}
.sponsors {  } 
a#homebox2 { background:url(images/bg_homebox2.jpg) top left no-repeat;  }
a#homebox3 { background:url(images/bg_homebox3.jpg) top left no-repeat; margin-left:12px }
#testimonial { width:349px; padding-top:25px; height: 122px; clear:left; background: url(images/bg_homebox_testimonial.gif) top left no-repeat; float:left;  }
#testimonial img { float:left; margin:0 0 0 0; width:60px; height:30px } 
#testimonial p { padding:0 0 0 10px; font-style:italic; color: #524d4d; margin:0 0 5px 0;  }
#testimonial .referrer { color: #3a5f76; font-weight:bold; padding:2px 10px 0 25px; font-style:normal }/** #testimonial { padding:18px 15px 15px 12px; width:682px; clear:left; background:#c4d6e2 url(images/bg_testimonialbox.gif) bottom left no-repeat; }
#testimonial img { float:right; margin:-5px 0 0 0 } 
#testimonial p { padding-right:90px; font-style:italic; color: #524d4d;   }
#testimonial .referrer { color: #3a5f76; font-weight:bold; padding-right: 0; font-style:normal } **/
	
a.resourceLink { 
	padding:0 0 8px 0; width:215px;  display:block; float:left; margin-right:15px;
	text-align:left; color: #3a5f76; text-decoration:none; 	font-size: 125%;
}	
a.resourceLink img { border:0; margin-bottom:5px }

	
#twitter {
	float:left; margin-right:25px; width: 254px; background:url(images/bg_twitter.gif) top center repeat-y;
}
#twitter h2 { display:block; width:229px;  background:url(images/bg_twitterhead.gif) top center no-repeat; margin:0; padding:15px 0 10px 25px; }
#twitter ul { list-style:none; margin:0; padding: 0 15px 0 20px; color:#333; font-size:12px }
#twitter ul li { padding:4px 0; margin:0; border-bottom:1px dotted #9ab7c9; }
#twitter img { border:0; margin-left:2px; }
	
div.membersbox { float: left; width: 300px; }
div.membersbox img { border:0 }
div.membersbox ul {margin:0 0 0 15px; padding:0; font-size:13px; }
div.membership h3 { padding-top:10px; }
div.membersbox h3 span { display:block; padding:10px 10px 10px 18px; margin-bottom:20px; clear:left; border:3px solid #c4d6e2; background-color:#789aaf;  }
div.membersbox h3 span form {float:right; }
div.membersbox h3 a { text-decoration:none; color:#fff }
div.membersbox h3 a:hover { color:#c4d6e2 }

form#membershipform { text-align:center }

/** mailchimp form on newsletter page **/
#mc_embed_signup { float:left; width:360px; margin-right:35px; }
	
/************************************** LOCAL **********************************************/
img.leaderimg { border:4px solid #7e041f; }
img.leaderimgblue { border:4px solid #789aaf; }
body.local h1.redbg, body.local h2.bluebg  { 
	margin:10px 0 8px 165px; padding: 8px 0 0 30px; height:34px; 
	background: url(images/localbg_heading.gif) top left no-repeat; 
	font-size: 24px; color:#FFF; 
}
body.local h2.bluebg { background-image: url(images/localbg_headingblue.gif); color:#294b60 }

.localcontent { margin-left:195px; padding-right:20px; }
.localcontent h2 { color:#010000; font-weight:normal }
.localcontent p { text-align:left; color:#282828 } 

iframe { border:1px solid #666; float:right; margin-left:20px; }
small { display:none; }

div.memberitem { padding: 15px 5px 15px 450px; position:relative; border-top:1px dashed #CCC; clear:left  }
div.memberitem div.info { position:absolute; left:180px; top:15px; width: 220px; }
div.memberitem img { position:absolute; left:5px; padding:3px; border:1px solid #ccc }
div.memberitem div.info img { position:relative; border:0; margin:0; padding:0 3px 8px 0; }
div.memberitem h2 { margin:0 0 2px 0;}
div.memberitem h3 { margin:0 0 12px 0; color:#789aaf }
div.memberitem p { margin:0 0 2px 0; }
div.memberitem p strong { width:75px; display: inline-block;  }
div.memberitem p.profile { margin-top:10px;}
div.memberitem div.desc { min-height:230px; font-size:12px; color:#333 }
div.memberitem div.desc p { margin: 0 0 8px 0 }

/* contactform */
form#contactform {
	width: 250px;
	float:left; margin-right:30px; padding:10px 20px;
	background-color:#d5e4ec; border:1px solid #b7d1df;	
}
form#contactform select, form#contactform input, form#contactform textarea {
	width: 250px;
	float: left;
	margin-bottom: 7px;
	height:18px;
	border: 1px solid #999999;
}
form#contactform select {
	height:22px;
}
form#contactform textarea {
	height:80px;
}
form#contactform select.required, form#contactform input.required, form#contactform textarea.required {
	background-color:#f1f9fd;
	border: 1px solid #888888;
}
form#contactform label {
	text-align: left;
	width: 250px;
	font-weight:bold;
	margin-right: 5px;
	margin-bottom: 1px;
	height:18px;
}
form#contactform input.nopad  {
	width: 20px;
}
form#contactform a.submitform {
	font-family:"Arial Black", Gadget, sans-serif; text-decoration:none;
	border:1px solid #3a5f76; padding:2px 10px; 
}
form#contactform a:hover.submitform {
	border:1px solid #3a5f76; background-color:#fff;
}

#sponsors { clear:left; padding-top:15px }
#sponsors p { font-size:18px; color:#7e041f; margin-bottom:0  }

div.ads, div.textads {
	clear:both;
	padding:2px 0 10px 10px; 
}
div.ads img { margin-right:13px; border:0; }
div.textads .imgad {  margin-right:13px; border:0; }

/************************************** Footer **********************************************/
#footer { 
	position:absolute; bottom:0; 
	height:192px; width:100%;
	background: url(images/bg_footer.gif) top left repeat-x;;
	padding-top:42px; margin:0;
	background-color:#799aaf;
}
#footerContent { margin:0 auto; width: 1000px; height:140px; }
#footer ul#about, #footer ul.groups { margin:0; padding:0; float:left; width:230px; list-style:none; color:#333333 }
#footer ul.groups { width:150px }
#footer ul#connect { width: 195px }
#footer ul#about li.lhead, #footer ul.groups li.lhead { color:#799aaf; font-size:130%; width:210px; font-weight:normal }
#footer ul.groups li.lhead{ width:150px }
#footerContent h2 { color:#799aaf; font-size:130%; font-weight:normal; padding-top:5px; margin-bottom:0; }
#footer ul li { padding:2px 7px 2px 7px; font-size:80%; font-weight:bold }
#footer ul li a { font-weight:normal; }
#footer ul.groups li.nonactive { font-weight:normal; text-decoration:none; color:#666 }

#footer div#social { float: right; width:248px; padding-right:12px }
#footer div#social img { margin:5px 0 6px 0; }
#footer a { color:#333333; text-decoration:none; }

#footer p.copyright { clear:left; margin:0 auto; width:1000px; font-size:80%; color:#fff; padding-top:20px }
#footer p.copyright a { padding:0 6px; color:#C4D6E2;  }
#footer p.copyright a.glassraven { float:right; font-size:12px; color:#ffffff; padding:0 12px 0 0;   }