/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
}



 
body {
	line-height: 1;
	color: black;	
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

/* this used to be display:block but it was messing everything up, so we changed it to inline.... */
a img,img{border:none;display:inline;}

a{
	text-decoration:none;
	color:#252e1c;
}
body {
	text-align:center;/* for ie5.+*/
	background-color: #051245;
}

#outer {
	width:760px;
	margin:auto;/* center the page*/
	/* text-align:left; reset text back to left due to ie5.x fix */
}

#header {
	width:975px;
}

ul#nav{
	font-size:92%;
	padding:18px 235px 5px 0;
	text-align:right;
}
 
ul#nav li{
	display:inline;
	padding:0 13px 0 0;
	text-transform:uppercase;
	font-style: italic;
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
 
ul#nav li a{
	color:#fff;
}
 
ul#nav li a:hover, ul#nav li.current a{color:#8bbd25}

ul#nav{
    position:relative;
    z-index:2
    }

/* tagline code */
#tagline{
	width:760px;
	height:165px;
	margin:20px 0 0 0;
	position:relative;
	z-index:1;
}

#tagline a,
#tagline a em{
	position:absolute;
	width:775px;
	height:165px;
	overflow:hidden;
	left:0px;
	top:0px;
	font-size: 12px;
}

#tagline a em{
	cursor:pointer;
	left:0;
	top:0;
/*background:url(test_images/logo.jpg) no-repeat 0 0; use this as an alternative to image in the html*/
}

#tagline span,
#tagline span em{
	position:absolute;
	width:383px;
	height:6051px;
	overflow:hidden;
	left:158px;
	top:51px;
	font-size: 12px;
	color:#fff;
}

#tagline span em{
	left:0;
	top:0;
}

#tagline h1{
	margin:0;
}

#menubar {
	width:775px;
	padding:0;
	font-size:x-small;
}

#postmenu {
	margin-left: 681px;
	margin-top: -53px;
	/* -54px for chrome and IE, -55px for firefox...  */
}


/* main content */
#main,#content,top{width:975px}
#content{
	min-height:270px;
	background:url(images/content_repeater.gif) repeat-y 0 0;
}
* html #content {height:270px}/* for ie6 and under*/




#top {
	background:url(images/content_repeater.gif) repeat-y 0 0;
	min-height: 375px;
	position:relative;
	width:775px;
}

#main {
	background:url(images/main_content_area.gif) no-repeat 0 0;	
	min-height:299px;
	position:relative;
}



#col1{
}

#maincol{

	width:545px;
	margin:0 22px 20px 7px;
	display:inline;/* cure IE6 double margin bug*/
	float:left;
	position:relative;
	z-index:3;
}

/* changed so that centered images would be centered.... */

#maincol img {
	display:inline;
}


#col2{
	width:180px;
	float:left;
	margin:0 0 0 3px;
	display:inline;/* cure IE6 double margin bug*/
	position:relative;
	font-size: 1.0em;
	text-align:left;
}


#col2 li a:link, #col2 li a:visited  {
        text-decoration:none;
        font-weight:    bold;
	color: #253265;
        }

#col2 li a:hover, li.current a{color:#ff0000}

midcol2 a, form, center {
	text-align:center;
}

#footer{
	width:775px;
	height:78px;
	padding:20px 0 0 0;
	background:url(images/page_footer.jpg) no-repeat 0 0;
	clear:both;
}


table#contact {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 320px;
	}

th {
	padding: 0 0.5em;
	text-align: left;
	}

tr.yellow td {
	border-top: 0px solid #FB7A31;
	border-bottom: 0px solid #FB7A31;
	background: #FFC;
	}

td {
	border-bottom: 0px solid #CCC;
	padding: 0 0.5em;
	}

td:first-child {
	width: 190px;
	}
/*
	changed to left so poll wouldn't be centered
*/
td+td {
	border-left: 0px solid #CCC;
	text-align: left;
	}

body {font-size:x-small;font-size:small}/*ie5 and 5.5. that are one size out*/
body table{font-size:x-small;font-size:small}