@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-color: #E7E7DD;
}

/* Link Colors */
a:link    { color:#06F; }
a:visited { color:#551A8B; } /*a:visited { color:#06C; }*/
a:hover   { color:#F00; }

a img {border:none;}

#main {
	padding: 0px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
}

#sidebar {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
	background-color: #000000;
}
#header {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 590px;
}

#header h1 {
	text-indent: -2000px;
	color:transparent;
	height: 37px;
	width: 383px;
}
#home #header h1 {
	background-image: url(img/tag.jpg);
	height: 37px;
	position:relative;
	margin-left:-7px;
	width: 597px;
}

#about #header h1 {background-image: url(img/fw.jpg);}
#benefits #header h1 {background-image: url(img/benefits.jpg);}
#board #header h1 {background-image: url(img/board.jpg);}
#mission #header h1 {background-image: url(img/mission.jpg);}
#international #header h1 {background-image: url(img/international.jpg);}
#newsletter #header h1 {background-image: url(img/newsletters.jpg);}
#southern #header h1 {background-image: url(img/southern.jpg);}
#join #header h1 {background-image: url(img/join.jpg);}
#resources #header h1 {background-image: url(img/resources.jpg);}
#jobs #header h1 {background-image: url(img/jobcenter.jpg);}
#links #header h1 {background-image: url(img/links.jpg);}
#events #header h1 {background-image: url(img/events.jpg);}
#calendar #header h1 {background-image: url(img/calendar.jpg);}
#meetings #header h1 {background-image: url(img/meetings.jpg);}
#pay #header h1 {background-image: url(img/pay.jpg);}
#recognition #header h1 {background-image: url(img/recognition.jpg);}
#bronze #header h1 {background-image: url(img/bronze.jpg);}
#silver #header h1 {background-image: url(img/silver.jpg);}
#gold #header h1 {background-image: url(img/gold.jpg);}
#contact #header h1 {background-image: url(img/contact.jpg);}

#content {
	float: right;
	width: 580px;
	margin-right: 10px;
}

#content b {color:#9752A7;}

#presidentsmessage {
	font-size:12px;
}

#presidentsmessage p {
	color:#FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
}
#presidentsmessage li {
	color:#FFFFFF;
	margin-bottom:1em;
	margin-right:10px;
}

.center {text-align:center;}

#footer {
	text-align: center;
	clear: both;
	font-size: 10px;
}
.nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#logo img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#primary {
	border-bottom:5px solid black;
	padding-bottom:1px;
}
#primary ul {
	background-image: url(img/toc.jpg);
	margin: 0px;
	padding: 0px;
	height: 41px;
	width: 590px;
	position: relative;
}
#primary li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	top: 0px;
}
#primary li, #primary a {
	display: block;
	height: 41px;
}
#panel1 {width: 118px;left: 0px;}
#panel2 {width: 118px;left: 119px;}
#panel3 {width: 118px;left: 236px;}
#panel4 {width: 118px;left: 355px;}
#panel5 {width: 118px;left: 472px;}
#panel1 a:hover, #panel1 a:focus, #panel1 a:active {background: transparent url(img/toc.jpg) 0 -41px no-repeat;}
#panel2 a:hover, #panel2 a:focus, #panel2 a:active {background: transparent url(img/toc.jpg) -119px -41px no-repeat;}
#panel3 a:hover, #panel3 a:focus, #panel3 a:active {background: transparent url(img/toc.jpg) -236px -41px no-repeat;}
#panel4 a:hover, #panel4 a:focus, #panel4 a:active {background: transparent url(img/toc.jpg) -355px -41px no-repeat;}
#panel5 a:hover, #panel5 a:focus, #panel5 a:active {background: transparent url(img/toc.jpg) -472px -41px no-repeat;}

#primary a {
	text-indent:-2000px;
	color:transparent;
	font-size:1px;
}

#header h1 {margin-bottom:0;}

#secondary {margin-top:17px;}
#secondary li {border-bottom:1px solid white;margin-left:4px;margin-right:3px;}
#secondary a {
	border-left:7px solid #895193;
	color:#FFFFFF;
	display:block;
	line-height:24px;
	padding-left:9px;
	padding-right:9px;
	text-decoration:none;
}
#secondary a:hover {border-left-color:#EDCA3F;}

#newsletters {margin:20px;text-align:center;}
.figure {
	text-align: center;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
}
.figcaption {
	display:block;
	font-style:italic;
	text-align:center;
}
.half {
	float:left;
	text-align:center;
	width:290px;
}
#resourcecenter {
	border:2px dotted #999999;
	margin-bottom:1em;
}
#keepconnected {
	background-color: #f4df8b;
	border:2px dotted #FFCC00;
	padding: 15px;
}

hr {
	clear:both;
	border-color:#F2CF3F;
	border-bottom-style:dashed;
	border-width:0 0 2px 0;
}