/* @override 
	http://aai.dev/css/aai-styles.css
	http://aai.site/css/aai-styles.css
*/

/*Layout*/

body { background: rgb(160,160,160) url("/images/body-bg.png") repeat-x; font-family: "Lucida Grande", "Verdana", sans-serif; color: rgb(108,108,108); font-size: .8em; line-height: 1.2; text-align:center;
margin:0px auto; }
body a { color: rgb(28,50,94); font-weight: bold }
body h1, h2, h3, h4, h5, h6 { color: rgb(131,156,169); }
#main h1 {  }
/* #main h2 { margin-bottom: 1em; } */
#main h2 { margin-bottom: 1em; /* color: rgb(108,108,108) */ ; font-weight: bold; font-size: 1.1em; clear: both; margin-top: 0px }
#about-current main h2 { margin: 1em 0 0 0 }
#about-current main p { margin-top: 1em }
#main h3 { color: rgb(28,50,94); font-weight: bold; font-size: 1.4em; }
#main h4 { font-size: 1.2em; margin-bottom: 2em }
#main p { margin-bottom: 1em; }

.floatRight {float: right}
.floatLeft {float: left; margin-top: 3px}

#main ul, #data ul { list-style-type: disc; list-style-position: outside; padding-left: 1.5em; margin: 1em }
#main li, #data li { margin-bottom: .4em }

div#wrapper { /* position: absolute; width: 960px; margin-top: 0; left:  50%; margin-left: -480px; */  }
div#container { background: url("/images/sidebar-bg.png") repeat-y 620px 100px; /* background-color: rgb(200,200,200); */ width: 960px; margin: 0 auto; position: relative; text-align: left }

div#header { height: 160px; background: url("/images/body-bg.png") repeat-x }
div#header a { display: block; /* height: 100%;  */cursor: pointer; }
div#header a#logo { float: left; margin-top: 15px }
div#header a#contact {float: right; margin-top: 20px}
div#header div#searchwrapper {float: right; margin-top: 20px; width: 183px; height: 28px; background: url("/images/search-field.png") no-repeat bottom; padding: 0; position:relative; /*important*/}
div#header input#search-field { border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/ top: 5px; left: 30px }

ul#nav { clear: both; display: block; width: 960px; background: transparent; }
ul#nav li { display: inline; width: 136px; height: 35px; float: left; text-indent: 0px; text-align: center }
ul#nav li a { line-height: 3em; color: white; text-decoration: none; height: 100%; display: block }
ul#nav li a:hover { background: url("/images/nav-hover.png") no-repeat 0 bottom }

ul#nav li#reports a { background: url("/images/nav-reports.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#reports a:hover { background: url("/images/nav-reports-hover.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#data a { background: url("/images/nav-data.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#data a:hover { background: url("/images/nav-data-hover.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#news a { background: url("/images/nav-news.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#news a:hover { background: url("/images/nav-news-hover.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#commentary a { background: url("/images/nav-commentary.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#commentary a:hover { background: url("/images/nav-commentary-hover.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#education a { background: url("/images/nav-education.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#education a:hover { background: url("/images/nav-education-hover.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#membership a { background: url("/images/nav-membership.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#membership a:hover { background: url("/images/nav-membership-hover.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#about a { background: url("/images/nav-about.png") no-repeat 0 bottom; text-indent: -9999px }
ul#nav li#about a:hover { background: url("/images/nav-about-hover.png") no-repeat 0 bottom }

body#reports-current ul#nav li#reports a { background: url("/images/nav-reports-current.png") no-repeat 0 bottom; }
body#data-current ul#nav li#data a { background: url("/images/nav-data-current.png") no-repeat 0 bottom; }
body#news-current ul#nav li#news a { background: url("/images/nav-news-current.png") no-repeat 0 bottom; }
body#commentary-current ul#nav li#commentary a { background: url("/images/nav-commentary-current.png") no-repeat 0 bottom; }
body#education-current ul#nav li#education a { background: url("/images/nav-education-current.png") no-repeat 0 bottom; }
body#membership-current ul#nav li#membership a { background: url("/images/nav-membership-current.png") no-repeat 0 bottom; }
body#about-current ul#nav li#about a { background: url("/images/nav-about-current.png") no-repeat 0 bottom; }

div#hero { background-image: url("/images/promo-btn.png"); background-position-y: bottom; width: 600px; padding: 0; margin: 10px 0 0; float: left; font-weight: normal }
div#hero a {font-weight: normal}

div#main { width: 600px; padding: 0; margin: 10px 0 20px; float: left; background: white; }
#home-current #main { margin: 0 0 20px 0 }
div#main .page-content {margin: 0 20px 20px; padding-top: 1em}
div#main .page-content p {margin: 0 0 10px 0}

#about-current #main {padding-top: 140px; background: url("/images/about-header.png") no-repeat white}
#membership-current #main {padding-top: 140px; background: url("/images/membership-header.png") no-repeat white}
#education-current #main {padding-top: 140px; background: url("/images/education-header.png") no-repeat white}
#commentary-current #main {padding-top: 140px; background: url("/images/commentary-header.png") no-repeat white}

#data-current #main {height: 120px; background: url("/images/data-header.png") no-repeat white; margin-bottom: -10px}

#reports-current #main {padding-top: 140px; background: url("/images/reports-header.png") no-repeat white}



img.floatLeft {display: block; float: left; margin: 0 1em 2em 0}

div#sidebar { width: 320px; padding: 0px; float: right; /* background: url("/images/sidebar-bg.png") repeat-y; */ }
div#sidebar h1#sidebar-title { text-transform: uppercase; color: white; background: #c2cad2; padding: .4em; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 1em; }
div#sidebar div.sidebar-item { margin-bottom: 1em; }
div#sidebar div#home-upcoming-events { margin: .4em; padding: .4em; -webkit-border-radius: 8px; -moz-border-radius: 8px; border: 1px solid gray; }
#sidebar p { color: rgb(222,222,222); margin-bottom: 20px }
#sidebar span { margin-right: 10px }

#sidebar.agenda h1 {
	font-size: 1.5em;
	margin-top: .5em;
}
#sidebar.agenda ul {
	color: white;
	list-style-type: square;
	list-style-position: outside;
	margin-left: 2em;
	margin-bottom: 2em;
}

div#footer { /* border-top: 1px solid silver; */ font-size: .8em; text-align: center; clear: both; padding: 1em; height: 20px; background: #333; }

.form-input-field {overflow-x: hidden}


.tabbox { position: relative; overflow: visible; clear: both; }

.tabbox .tabPanel h3 { float: left; width: 150px; margin: 300px 0 0 0; border: none; font-size: .9em; ; padding: 0; height: 23px  }
.tabbox .tabPanel.last h3 { width: 147px }
.tabbox .tabPanel h3 a { text-decoration: none; color: #fff; display: block; height: 100%; text-align: center; padding-top: 6px }
.tabbox .tabPanel h3 a:hover { background: url("/images/promo-btn-hover.png") repeat-x 0 top }
.tabPanel.selected h3 a {  }

.tabbox .tabContent { position: absolute; top: -9999px; left: -9999px; border: none; width: 600px; /* height: 300px;  */padding: 0px; overflow: hidden; margin: 0 }
.tabbox .tabContent a {margin: 0; padding: 0; border: 0}
.tabbox .tabContent img {margin: 0; padding: 0; border: 0}
.tabbox .tabContent p {margin: 0; padding: 0}
.tabbox .selected .tabContent { top: 0px; left: 0; }


div#data { background: white url("/images/promo-btn.png") repeat-x top; width: 600px; padding: 0; margin: 10px 0 0; float: left; font-weight: normal; margin-bottom: 20px }

#data-current .tabbox { position: relative; overflow: visible; clear: both; }

#data-current .tabbox .tabPanel h3 { float: left; width: 120px; margin: 0 0 0 0; border: none; font-size: .9em; ; padding: 0; height: 30px; background: url("/images/promo-btn.png") repeat-x;   }
#data-current .tabbox .tabPanel.last h3 { width: 117px }
#data-current .tabbox .tabPanel h3 a { text-decoration: none; color: #fff; display: block; height: 100%; padding-top: 8px; text-align: center }
#data-current .tabbox .tabPanel h3 a:hover { background: url("/images/promo-btn-hover.png") repeat-x; height: 100%; }
#data-current .tabPanel.selected h3 a { background: url("/images/promo-btn-hover.png") repeat-x }

#data-current .tabbox .tabContent { position: absolute; top: -9999px; left: -9999px; border: none; width: 100%; padding: 0px; margin: 0; }
#data-current .tabbox .tabContent a {margin: 0; padding: 0; border: 0}
#data-current .tabbox .tabContent img {margin: 0; padding: 0; border: 0}
#data-current .tabbox .tabContent p {margin: 0; padding: 0}
#data-current .tabbox .selected .tabContent { top: 28px; left: 0; }

#disclaimer { background: rgb(222,222,222); padding: 1em }


#contact-wrapper {
	width:510px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}