/* CSS Document */

body {
	background: #616161;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

* {
	margin: 0px;
	padding: 0px;
}

/* layout */

#container {
	width: 800px;
	text-align: center;
	margin: 0px auto;
}

#wrapper {
	width: 800px;
	text-align: left;
	background-color: #FFFFFF;
	float: left;
	position: relative;
}

#headerTop {
	background-color: #29486D;
	background-image: url(../img_layout/masthead.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header {
	text-align: left;
	height: 251px;
}

#flashIntro {
	float: left;
}

#tab {
	height: 31px;
	width: 800px;
	left: 0px;
	top: 320px;
	position: absolute;
	background-image: url(../img_layout/tab.gif);
}

#main {
	width: 760px;
	text-align: center;
	margin-top: 0px;
	margin-left: 20px;
	
}

#contentWrap {
	float: left;
	min-height: 500px;
	width: 760px;
	background-image: url(../img_layout/main_bg_col.gif);
	background-repeat: repeat-y;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}


#contentMain {
	width: 495px;
	text-align: left;
	margin-left: 25px;
	padding-top: 30px;
	float: left;
	
	padding-bottom: 30px;
	margin-right: 25px;
}

#colRight {
	width: 215px;
	float: left;
}


#footer {
	
}

/* nested divs */

.featured {
	width: 495px;
	margin-top: 20px;	
}

div.featLft {
	float: left;
	width: 247px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}

div.featRt {
	float: left;
	margin-left: 10px;
	
}

div.resources {
	margin-left: 20px;
	margin-bottom: 20px;
}

.boxin	{
	width: 200px;
	border: 1px dotted #A2A7B0;
	background-color: #f0f0f0;
	margin-bottom: 10px;
	float: right;
	margin-left: 15px;
}

div.sub  {
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left: 30px;

}

#calendar {
	margin-top: 30px;
	margin-left: 17px;
	width: 175px;	
}

div.rtSection {
	margin-top: 30px;
	margin-left: 17px;
	width: 175px;
}





/* heading styles */

#tab h1 {
	font-size: 14px;
	color: #29486D;
	margin-top: 10px;
	text-align: center;
	width: 200px;
	margin-left: 20px;
}

#contentMain h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 20px;
	margin-right: 125px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	
}

#contentMain h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	margin-bottom: 20px;
	
	
}

div.data h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #3B5E91;
	margin-bottom: 10px;
	margin-right: 125px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 30px;

}

.featured h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #3B5E91;
	margin-bottom: 10px;
}

.featured h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666;
	margin-bottom: 5px;
	
}

div.resources  h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #3B5E91;
	margin-bottom: 10px;
	

}
div.sub h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666;
	margin-bottom: 10px;
	margin-top: 20px;
	

}






/* paragraph and span styles */

#contentMain p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 10px;
	text-align: justify;
}

#contentMain p span {
	
	font-size: 14px;
	color: #5A862E;
	
}

#contentMain .boxin p {
	margin: 10px;
	font-size: 11px;
	text-align: left;
}

div.featLft p {
	margin-right: 10px;	
}


div.featRt p {
width: 237px;
	
}

#calendar p, .rtSection p {
	padding-top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 10px;

}

.rtSection p.join {
	text-align: justify;
	color: #515151;
}

#footer p {
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
}


/* image styles */

#contentMain img.divider {
	margin-bottom: 20px;
	margin-left: 126px;
	margin-top: 20px;
}


#contentMain img.map {
	margin-bottom: 20px;
}


ul.media li img {
	vertical-align: middle;
	margin-left: 5px;
}

#calendar img {
	margin-bottom: 10px;
	
}









/* links and anchors */
#contentMain .boxin a {
	
	font-size: 11px;
}

#contentMain a {
	color: #5A862E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#contentMain a:hover {
	color: #83C038;
}

ul.media li a {
	text-align: right;
}

#calendar a, .rtSection a {
	color: #5A862E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	padding-top: 20px;
}

#footer p a {
	color: #80C458;
}



/* list styles */

div.data ul,div.featured ul {
	list-style-type: circle;
	margin-bottom: 20px;
	margin-left: 40px;
}

div.data ul li,div.featured ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 8px;
}
div.data ul.loc {
	list-style-type: none;
	margin-left: 0px;
}

div.data ul.loc li {
	list-style-type: none;
	margin-bottom: 0px;
}

div.data ul.board {
	list-style-type:  none;;
	margin-bottom: 20px;
	margin-left: 40px;
}

div.data ul.board li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 8px;
	font-weight: bold;
}

div.data ul.board li ul {
	list-style-type:  none;
	;
	margin-bottom: 20px;
	margin-left: 40px;
	margin-top: 10px;
}

div.data ul.board ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 8px;
	font-weight: normal;
}

div.resources  ul {
	list-style-type: circle;
	margin-bottom: 20px;
	margin-left: 40px;
}

div.resources  ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 8px;
}


ul.media  {
	list-style-type: none;
	text-align: right;
}

ul.media li  {
	display: inline;
	padding-left: 8px;		
}




/* directory styles */

#contentBrowse {
	width: 495px;
	text-align: left;
	margin-left: 25px;
	padding-top: 30px;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 30px;
	margin-right: 25px;
}


#contentBrowse p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 10px;
}

#contentBrowse div.info p span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

#contentBrowse p.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 30px;
}



#contentBrowse h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;	
}


#contentBrowse h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	clear: both;
	margin-bottom: 20px;
	padding-top: 30px;
	margin-right: 125px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

#contentBrowse div.info h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #29486D;
}

#contentBrowse div.listing {
	clear: both;
	float: left;
	padding-bottom: 40px;
}


#contentBrowse div.listing img {
	float: left;
}

#contentBrowse img {
	float: left;
	margin-right: 20px;
}

img.left {
	float: left;
	margin-right: 10px;
}

#contentBrowse div.info a {
	color: #5A862E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contentBrowse div.info a:hover {
	color: #83C038;
}




#anchor {
	width: 180px;
	margin-left: 20px;
}

#anchor ul {
	list-style-type: none;
	margin-top: 20px;
}

#anchor ul li {
	text-align: left;
	margin-bottom: 5px;
}

#anchor ul li a {
	color: #5A862E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#anchor ul li a:hover {
color: #83C038;
}



/* navigation */

#nav {
	width: 470px;
	margin-left: 330px;
	padding-top: 40px;
}

#nav ul {
	list-style-type: none;
}

#nav ul li {
	float: left;
	padding-right: 25px;
}

#nav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

#nav ul li a:hover {
	color: #999999;
}


#directory {
	background-color: #80C458;
	background-image: url(../img_layout/directory_bg.gif);
	background-repeat: no-repeat;
	float: left;
	width: 330px;
	height: 250px;
}

#directory img {
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#directory ul {
	list-style-type: none;
	margin-left: 20px;
	margin-bottom: 10px;
}

#directory ul li {
	line-height: 16px;
}

#directory ul li a {
	color: #112830;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#directory ul li a:hover {
	color: #666666;
}



div.clear {
	clear: both;
}