html { overflow-x: auto; height:100%;} /* fixes MSIE scrollbar bug, has no effect in other browsers */
	
body {
	font: 100% Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #01105C url(../images/site/sitebg.jpg) no-repeat scroll 50% 0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #444;
}

table tr {vertical-align: top;}
h2 {
	font: normal 18px/22px Arial, Helvetica, sans-serif; 
	color: black;
	margin-bottom: 0px;
}

ul.links, ul.links2 {height:auto; margin:0; padding:0; list-style:none; text-align:left;}
ul.links a, ul.links2 a {display:inline-block; padding-top:2px; padding-bottom:2px; text-decoration:none;}
ul.links a, ul.links2 a {display:block;}
ul.links a:hover {background-color:#FFFCF2;} ul.links2 a:hover {background-color:#FFF3C9;}
ul.links li, ul.links2 li {padding: 5px 0px; color:#363636;} 

.clearboth{clear:both;}
.floatleft{float:left;}
.textalignright{text-align:right;}
.textalignleft{text-align: left;}
.midyellowbg {background: #F5E9C9 none;}

#outercontainer {
	position: relative;
	width: 998px;
	margin: 0 auto;
	background: url(../images/site/sitebg.jpg) no-repeat 50% 0; /* re-renters bg-img position */
}
#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/* background: #333; used to give the background color to the secondary content */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	position:relative;
	height:135px;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#header div.votebutton {
	position:absolute; right:15px; bottom:7px; 
	width:320px;
	color:red; font-size:15px; font-weight: bold; font-style: italic;
	text-align: right;
	}
#header div.votebutton a {
	text-decoration: none; color:#FFF7DB;
	}
#header div.votebutton a:hover {color:red;
}
div.list p {
	text-indent: -15px;
	padding-left:15px;
	text-align: left;
}

/* MENU SECTION - CONDENSED | SEE CSS FOLDER FOR EDITS */
.slidemenu{float:left; width:100%; font-size:14px; line-height:normal; letter-spacing:1px; background: url(../images/site/slide-k-button.gif) repeat-x left top;} * html .slidemenu{/*IE6*/ margin-bottom:0em;} .slidemenu ul{list-style-type: none; margin:0; padding:0;} .slidemenu li{display:inline; margin:0; padding:0;} .slidemenu a{float:left; background: url(../images/site/slide-k-divide.gif) no-repeat left top; margin: 0 0 0 1px; padding:0 0 0 1px; text-decoration:none;} .slidemenu a span {float:left; display:block; background: url(../images/site/slide-k-button.gif) repeat-x right top; padding:12px 18px 12px 17px; font-weight:bold; color:#00105C;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ .slidemenu a span {float:none;} /* End IE5-Mac hack */ .slidemenu a:hover span, .slidemenu li.selected a span{color:#00105C;} .slidemenu a:hover, .slidemenu li.selected a{background-position:0% -125px;} .slidemenu a:hover span, .slidemenu li.selected a span{background-position:100% -125px;} html>/**/body .IEonlybr{display:none;} .dropmenudiv{position:absolute; top:0; border: 1px solid #918d8d; border-width: 0 1px; font:normal 12px Verdana; line-height:18px; z-index:100; background-color:#fffbed; width:200px; visibility:hidden;} .dropmenudiv a{width:auto; display:block; text-indent:5px; border: 0 solid #918d8d; border-bottom-width: 1px; padding: 2px 0; text-decoration:none; font-weight:bold; color:#444;} * html .dropmenudiv a{/*IE only hack*/ width:100%;} .dropmenudiv a:hover{background-color:#ffeeb8;}

.buttonb, .buttonb a span{background: url(../images/site/slide-b-button.gif); color:#F5F5F5;}
.buttonb a{background: url(../images/site/slide-b-divide.gif);}
.buttonb a:hover span, .buttonb li.selected a span{color:#F5F5F5;}

#maincontent {
	width: 960px;
	background: url(../images/site/contentbg.gif) repeat-y;
	padding: 0 0; /* was 0 20px remember that padding is the space inside the div box and margin is the space outside the div box */
}

/* CONTENT BEGINS ---------------------------------------------------------------------- */
#primarycontent {
	position: relative;
	width: 640px;
	float: left;
	background:#FFFCF2;
}
#secondarycontent {  /* DIFFERING VALUES */
	position: relative;
	width: 290px;
	background: url(../images/site/secondarybgtop.gif) repeat-x;
	padding: 0 15px;
	float: right;
}

#homeanimation {
	position: relative;
	width: 640px;
	height: 300px;
	background: #01105C none no-repeat scroll;
}

#secondarycontent div.blank {height:300px;}

#gtdlinkimg{
position:absolute; 
left:-74px; 
background: url(../images/home_gtdlink.png) no-repeat; 
height:447px; width:394px;
}
#gtdlink{position:relative;height:300px;}

#gtdlink div {
	position:absolute; right:0; bottom:15px; 
	width:200px;
	font-size:15px; font-weight: bold; font-style: italic;
	text-align: right;
	}
	
div.sbblank{background-image: url(../images/subbanner_short.jpg); position: relative; width:640px; height:21px;}
div.sbmeet{background-image: url(../images/meet_subbanner.jpg); position: relative; width:640px; height:135px;}
div.sbvision{background-image: url(../images/vision_subbanner.jpg); position: relative; width:640px; height:135px;}
div.sbendorsements{background-image: url(../images/endorsements_subbanner.jpg); position: relative; width:640px; height:135px;}
div.sbnews{background-image: url(../images/news_subbanner.jpg); position: relative; width:640px; height:135px;}

/* SECTION BEGINS ---------------------------------------------------------------------- */
/* SECTION CLASS STATEMENTS */
#primarycontent .section, #primarycontent .presection  {
	position: relative;
	width: 640px;
	background:#FFFCF2;
}
#primarycontent .modsection {
	position: relative;
	width: 640px;
	background: url(../images/site/pri_module_bg_hue46.jpg) repeat-y;  /* DIFFERING VALUE */
}
#secondarycontent .section, #secondarycontent .endorsementsection {
	position: relative;
	width: 290px;  /* DIFFERING VALUE */
	background:#FFFCF2;
	margin: 15px 0;  /* DIFFERING VALUE */
}
#secondarycontent .endorsementsection {
	background: #FFFCF2 url(../images/endorsement_body.gif) repeat-y;
}
/* MODULE CLASS STATEMENTS */ .moduleleft, .moduleright {position:relative; width:320px; float:left;} .moduleright {float:right;}

/* TITLEBAR AND PRETITLEBAR CLASS STATEMENTS */
.titlebar, .pretitlebar {
	position: relative;
	width: auto; /*pre-6 IEs doesn't add padding and margin to width values*/
	background-image: url(../images/site/sectiontitlebar.jpg);
	color: #01105C;
	letter-spacing: 2px;
	padding: 10px 15px 0px 15px;
	margin:0;
	font: bold 18px/22px Arial, Helvetica, sans-serif;
	height:42px; /*value for IE5.X hack, IE5.X hack begins*/ 
	voice-family: "\"}\"";
	voice-family:inherit;
	height:32px;/*All Browsers*/
}
html>body .titlebar, html>body .pretitlebar {height:32px;} /*Opera5*/ /*IE5.X hack ends*/ 

.pretitlebar {
	background-image: url(../images/site/sectionpretitlebar.gif);
	color: #F5F5F5;
}
/* POST CLASS STATEMENTS */
.post {
	position: relative;
	padding: 15px 15px;
}
.endorsementsection .post {
	padding: 15px 30px;
}

/* POST HEADER CLASS STATEMENTS */
.post .header {
	position: relative;
	color: black;
	font-size: 18px;
}

/* POST COMMENT CLASS STATEMENTS */
.post .content {
	position: relative;
	text-align: justify;
}

.moduleleft .post .content, .post .newsmultipostcontent {
	position: relative;
	text-align: left;
}
.moduleleft .post .content p {
	text-align: justify;
}

.post .newsmultipostcontent a {
	font: normal 16px/20px Arial, Helvetica, sans-serif;
}
.post .newsmultipostcontent p {
	font: normal 12px/15px Arial, Helvetica, sans-serif;
}
span.done{
background: transparent url(../images/done_check.png) no-repeat scroll left top;
font: bold 12px/14px Arial, Helvetica, sans-serif;
 padding: 4px 0 0 14px;
 margin:0;
}

/* POST FOOTER CLASS STATEMENTS */
.post .footer {
	position: relative;
	color: black;
	letter-spacing: 1px;
	font-weight: bold;
}

/* SECTIONFOOTER CLASS STATEMENTS */
.sctnfooter {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	clear:both;
}
.endorsementsection .sctnfooter {
	background: transparent url(../images/endorsement_footer.gif);
	height: 34px;
}
.modsection .endorseimgsctnfooter {
	padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	clear:both;
}

/* FOOTER BEGINS ---------------------------------------------------------------------- */
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	clear:both;
}
#footer div {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer div em {
	font-weight: bold;
	margin-left:5px;
}

.endorsementbdy{background: transparent url(../images/endorsement_body.gif) repeat-y scroll 0 0; width:290px;}
.endorsementftr{background: transparent url(../images/endorsement_footer.gif) repeat-y scroll 0 0;}
.endorsementsection .headergraphic{
	position: relative;
	width: auto; /*pre-6 IEs doesn't add padding and margin to width values*/
	height:20px;
	background: url(../images/endorsement_header.jpg) no-repeat;
}

tr.textinput td {
	vertical-align: middle;
}
tr.textinput input, td textarea {
	margin:2px 0px;
	background-color: #FFF;
	border: 1px solid #FAD96E;
	width:98%;
}
tr.posttextinput {
	line-height: 6px;
}