/* CSS Document */

/*=========================================LAYOUT STYLES==============================================*/

body {
	background: #d1efef;
	font: 90% "Verdana", "Helvetica", "sans-serif"; 
	color: #003366; 
}

*html body {/*So IE6 will center the div*/
	text-align: center;
} 

h1, h2, h3, h4, h5, h6, p, ul, li, dl, a {margin: 0; padding: 0;}

#wrapper {
	width: 1000px; 
	margin: 0 auto; 
	text-align: left; /*to move the text back over for IE6*/
	background-color: #fff;
}
#header {
	background: #fff url(../images/branding.jpg) no-repeat; 
	height: 186px;
}
#header h1#mainheader {
	text-indent: -9999em;
}
#contentwrapper {
	width: 1000px; /*Same width as overall wrap	background: #fff /*url(../images/content_background.gif) repeat-y*/; 
	overflow: hidden;
}
#maincontent {
	width: 770px; 
	float: right; 
	background: #fff /*url(../images/content_background.gif) repeat-y*/;
	padding: 1em 0 1em 0;
}
#columncontent {
	width: 230px; 
	float: left; /*background: #99d6d6 url(../images/right_column.gif) no-repeat;*/
}

/*====================================Styles for the Main Navigation Drop Down Menu================================================*/
body {behavior: url(../csshover.htc);} /* WinIE6 behavior call */

div#nav {/*This is the div that contains the navigational links*/
	background: #007bc3; 
	height: 30px;
	font: 90% "Verdana", "Helvetica", "sans-serif"; /*sets the font*/
}
div#nav ul#mainnav {/*This is the main unordered list that powers the navigational links*/
	 color: #fff; 
	 float: right; 
	 margin: 0; /*Removes any margin*/
	 padding: 6px 0 0 0; /*Adds a little space at top so nav links appear to be centered vertically*/
}
div#nav ul#mainnav li {
	position: relative; 
	margin: 0; 
	float: left; 
	line-height: 1em; 
	text-align: center; 
	list-style: none;
}
div#nav ul#mainnav li li {
	width: 11em;
}
div#nav ul#mainnav li li:hover {
	background: #003366;
}
div#nav ul#mainnav li a {
	display: block; 
	border-right: solid 1px #fff; 
	padding: 0.25em 6px 0.25em 6px; 
	text-decoration: none; 
	color: #fff; 
	font-weight: bold;
}
div#nav ul#mainnav li a.last {
	border-right: none;
}
div#nav ul#mainnav li a:hover {
	color: #fff;
}
div#nav ul#mainnav li li a {
	color: #fff; 
	width: 10.5em; 
	padding: 0.25em 0 0.25em 0.25em; 
	border-right: none;
}
div#nav ul#mainnav li li a:hover {
	color: #fff;
}
div#nav ul#mainnav ul {
	position: absolute; 
	width: 11em; 
	display: none; 
	padding-right: 0em;
}
div#nav ul#mainnav ul li {
	border-bottom: 1px solid #ccc;
}
div#nav ul#mainnav.level1 li.submenu:hover ul.level2 {
	display: block; 
	background: #007bc3;
}
div#nav ul#mainnav.level2 {
	top: 1.5em; 
	left: -1px;
}

/*Styles for the Pageheader navigation*/
#pageheadernav {margin: 0 0 .5em 0;}
#pageheadernav h1#pageheader {color: #fff; font-size: 1.5em;}
#pageheadernav span.bluebackground {background-color: #009999; padding: 0 4px;}
#pageheadernav ul {list-style: none; margin-left: -30px;}/*the negative margin moves the list to the left to line up with the header*/
#pageheadernav ul li {display: inline;}
#pageheadernav ul li a.subnavlast {border-right: 0;}
#pageheadernav ul li a {font-size: .75em; text-decoration: none; color: #000; border-right: solid 1px black; padding: 0 4px;}
#pageheadernav ul li a:hover {color: #009999;}

#maincontent h1 {
	font-size: 1.5em;
	padding: 0 0 0 30px;
	margin: .5em 1em 0.5em 0;
	color: #CA940B;
}
#maincontent h2 {
	font-size: 1.3em;
	padding: 0 0 0 30px;
	margin: 1.0em 2em .5em 0;
	color: #06C;
}
#maincontent h3 {
	font-size: 1em; 
	padding: 1em 0 0 30px; 
	margin: 0 2em .5em 0;
}
#maincontent p {
	padding: 0 0 0 30px; 
	margin: 0 2em 1em 0;
}
#maincontent a { color: #003366; text-decoration: underline; }
#maincontent ul, ol {
	padding: 0 0 1em 60px;
}

/*Styles for the column on every page*/

#columncontent a { text-decoration: underline; color: #000; border: none; }
#columncontent p, #columncontent img {
	font-size: .8em; 
	padding: 10px;
}
#columncontent h4 {
	font-size: 1.0em; 
	padding: 10px;
}
div.columnbox {
	border-top: 20px solid orange;
}
div.columnbox h3 {
	padding-top: .5em;
}
div.columnbox img {
	float: left;
}

/*Styles for the footer*/
#footer {
	font-size: .75em; 
	color: #fff; 
	text-align: center; 
	margin: 6px 0 20px 0;
	background: #cc3300; 
	padding: .25em;
}
#footer p {
	margin: 0;
}
#footer a {
	color: #fff; 
	text-decoration: undeline;
}
#siteinfo {
	width: 1000px;
	margin: 0 auto;
	font-size: .75em;
	text-align: center;
}
#siteinfo p {
	margin: 0;
}
#siteinfo a {
	text-decoration: underline;
}

/*Global classes*/
.clearing {clear: both;}
p.emphasis {font: 100% Geneva, Arial, Helvetica, sans-serif; color: #cc3300;}
p.quote {
	font-style: italic;
}
img.picleft {float: left; margin: 0 2em 2em 0; }
img.picright {float: right; margin: 0 0 2em 2em; }
.small {font-size: .75em; color: #666;}
div.emphasisbox {/*Use anywhere for a box with a solid blue edge*/
	border: solid 1px #009999; 
	margin: 2em; 
	padding-top: 1em;
}
p.firstletter:first-letter {font-size: 320%; float: left; color: #009999;}


/**********************************************Individual Page Styles Below****************************/

#homepagelist li {
	list-style-image: url(../images/bullet.gif);
}


/*======================Contact Form=========================*/

fieldset {
	border: 1px solid #007bc3; 
	width: 600px; 
	margin-left: 30px; 
	margin-bottom: 1em;
}
legend {
	color: #fff;
	background: #007bc3;
	border: 1px solid #007bc3;
	padding: 2px 6px; 
	margin-bottom: 1em; 
	margin-left: .5em;
}
label {
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}
input, textarea {
	color: #000;
	background: #fff;
	border: 1px solid #007bc3;
}
input.submit {
	color: #fff;
	background: #007bc3;
	border: 2px outset #007bc3;
}


/*======================================Styles for Officers page===============================================*/
#officers {margin-left: 40px;}
#officers dl.table-display {width: 95%; margin: 2em 0; padding: 0;}
#officers dl.table-display dt {width: 30%; float: left; margin: 0 0 0 0; padding: .5em; border-top: 1px solid #999; font-weight: bold;}
#officers dl.table-display dt.header-term {color: #009999;}
/* commented backslash hack for mac-ie5 \*/
dt {clear: both;}
/* end hack */

#officers dl.table-display dd {float: left; width: 65%; margin: 0 0 0 0; padding: .5em; border-top: 1px solid #999;}

/*======================================Styles for glossary===============================================*/
#glossary {margin-left: 40px;}
#glossary dl.table-display {width: 750px; margin: 2em 0; padding: 0;}
#glossary dl.table-display dt {width: 25%; float: left; margin: 0 0 0 0;
padding: .5em; border-top: 1px solid #999; font-weight: bold; }

/* commented backslash hack for mac-ie5 \*/
dt {clear: both;}
/* end hack */

#glossary dl.table-display dd {float: left; width: 65%; margin: 0 0 0 0; padding: .5em; border-top: 1px solid #999;}
#maincontent .pullquote200px {
	width: 220px;
	float: right;
	background-color: #F6EEFD;
	padding-top: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: Candara, Verdana, sans-serif;
	font-size: 1em;
}
#maincontent .pullquote300px {
	width: 320px;
	float: right;
	background-color: #F6EEFD;
	padding: 0 20px 0 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: Candara, Verdana, sans-serif;
	font-size: 1em;
}

.orangeDark { color: #672900; }
.orange { color: #CF5B22; }
.red { color: #C00; }