/* Global Values */

body {
  	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 14px;
	background-color: #00B7CF;
}

div {
	z-index: 1;
}

/* Alignment */

.align_center {
	margin-left: auto;
	margin-right: auto;
	display: block;
	border: 1px black solid;
}
	
.align_right {
	padding: 0px;
	margin: 9px 15px 9px 15px;
	float: right;
	border: 1px black solid;
}

.align_left {
	padding: 0px;
	margin: 9px 15px 9px 15px;
	float: left;
	border: 1px black solid;
}

/* Headers */

h1 {
	font-size: 150%; 
	font-weight: 900;
	text-align: center;
	padding: 5px;
	margin: 5px 0px 0px 0px;
	border: 2px black solid;
}

h2 {
	color: #0000CC;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	margin: 15px 20px 0px 20px;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
}

h3 {
	color: #0000CC;
	font-size: 120%;
	font-weight: bold;
}

/* Links */

a, a:visited, a:active {
	color: black;
	font-weight: bold;
}

a:hover {
	font-weight: bold;
	text-decoration: none;
}

/* Unordered Lists */

ul {
	padding-bottom: 10px;
}

	li {
		padding-top: 7px;
	}

/* Definition Lists */

dl {
	font-size: 100%;
	font-weight: 900;
	padding: 5px 0px 15px 0px;
	margin: 0px;
}
	
	dl a, dl a:visited {
		font-weight: normal;
		text-decoration: underline;
	}	
	
	dl a:hover {
		font-weight: normal;
		text-decoration: none;
	}
	
	dt {
		color: #0033FF;
		padding: 25px 0px 5px 10px;
		font-size: 120%;
		font-weight: 700;
	}
	
		dt a, dt a:visited {
			color: #0033FF;
			padding: 25px 0px 5px 10px;
			font-weight: 700;
			text-decoration: underline;
		}
		
		dt a:hover {
			color: #0033FF;
			padding: 25px 0px 5px 10px;
			font-weight: 700;
			text-decoration: none;
		}
	
	dd {
		padding-left: 10px;
		padding-top: 7px;
		font-weight: normal;
		font-size: 85%;
	}
	
/* Link Boxes */

.info_box {
	width: auto;
	padding: 5px 5px 5px 5px;
	margin: 15px 40px 15px 40px;
	border: 2px solid #0000CC;
}

	.info_box img {
		border: 1px black solid;
		text-align: center;
		display: block;
		margin: 5px auto 5px auto;
	}

	.info_box div {
		text-align: center;
	}

	.info_box .info_title {
		margin: 0px;
		padding-bottom: 2px;
		color: black;
		text-align: center;
		font-size: 125%;
		font-weight: bold;
		font-variant: small-caps;
	}
	
	.info_box .info_details {
		text-align: center;
		font-size: 70%;
		padding: 0px 0px 5px 0px; margin: 0px;
	}
	
	.info_box .info_details a, .info_box .info_details a:visited {
		font-weight: normal;
	}

	.info_box ul {
		padding: 0px 5px 0px 20px;
		margin: 0px;
		text-align: left;
	}

	.info_box li {
		font-size: 85%;	
		padding: 2px 0px 2px 0px;
	}
	
/* Background Black Boxes */

#black_horz {
	background-color: black;
	height: 32px; width: 725px;
	position: absolute;
	top: 155px; left: 70px;
}

#black_vert {
	background-color: black;
	height: 600px; width: 35px;
	position: absolute;
	top: 155px; left: 70px;
}

/* Title Bar */

#logo {
	position: absolute;
	left: 14px; top: 7px;
	border: 0px;
}

#logo_words {
	position: absolute;
	left: 320px; top: 70px;
	border: 0px;
}
	
	#logo_words a, #logo_words img {
		border: 0px;
	}

#our_name {
	font-size: 15px;
	font-weight: 900;
	color: white;
	position: relative; float: left;
	top: 1px;
	padding: 5px 0px 0px 10px;
}

/* Mailing List */

#mailing_list {
	position: absolute;
	text-align: right;
	padding: 0px 5px 0px 5px;
	top: 160px; left: 500px;
	width: 275px;
}

	#ml_fieldset {
		vertical-align: middle;
		position: relative;
		border: 0px; margin: 0px; padding: 0px;
	}

	#ml_email {
		vertical-align: middle;
		position: relative;
		margin: 0px; padding: 0px;
		height: 15px; width: 160px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: black;
		background-color: white; 
		border: 1px solid black;
		text-align: center;
	}
	
	#ml_submit {
		vertical-align: middle;
		position: relative;
		margin: 0px; padding: 0px; 
		height: 17px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: black;
		background-color: white; 
		border: 1px solid gray;
	}
	
/* Bottom Info */

#siteinfo {
	position: absolute;
	top: 790px; left: 40px;
}

	.info, .info:visited {
		position: relative;
		margin-right: 25px; float: left;
		background-color: black;
		color: white;
		padding: 5px;
		border: 1px black solid;
		color: white;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
	}
	
	.info:hover {
		border: 1px white solid;
	}
	
/* Meeting Information */

#mtginfo {
	display: none;
	position: absolute;
	top: 50px; left: 550px; 
	height: 50px; width: 215px;
	background-color: #FF8848;
	border: 3px solid black;
	padding: 0px 11px 30px 11px;
}

	#mtginfo p {
		padding: 0px; margin: 0px;
		height: auto; width: auto;
	}

	#mtginfo p#mtgtext {
		text-align: center;
		vertical-align: middle;
		margin: 10px 0px 35px 7px;
		font-size: 12px;
		font-weight: bold;
		position: relative;
	}
	
	#mtginfo p.mtgimg {
		float: right;
		margin: 10px 5px 0px 0px;
		padding: 0px;
	}
	
		#mtginfo p.mtgimg img, #mtginfo p.mtgimg a {
			border: 0px;
		}

/* Navigation */

#icons {
	height: 680px;
	width: 131px;
	position: absolute;
	top: 185px; left: 20px;
}

	#icons img {
		border: solid black 1px;
	}
	
	#icons img:hover {
		border: solid white 1px;
	}

	.icon {
		position: relative;
		margin-top: 10px;
		height: 88px; width: 131px;
		float: right;
	}

#sections {
	height: 680px; width: 100px;
	position: absolute;
	top: 185px; left: 153px;
	border: 0px;
}

	#sections img {
		border: solid black 1px;
	}
	
	#sections img:hover {
		border: solid white 1px;
	}

	.section {
		position: relative;
		margin: 30px 0px 48px 0px;
		height: 50px; width: 100px;
		text-align: center;
	}
	
	#sections a, #sections a:active, #sections a:hover {
		border: 0px;
		text-decoration: none;
	}

/* Content */

#content_box {
	height: 605px; width: 510px;
	position: absolute;
	top: 200px; left: 275px;
	border-right: 5px solid black;
	border-left: 5px solid black;
	border-top: 5px solid black;
}

	#header_wrap {
		width: 510px;
	}

#section_icon {
	position: relative; float: left;
	height: 88px; width: 131px;
	border-right: solid black 2px;
	border-bottom: solid black 2px;
}

#section_heading {
	position: absolute;
	height: 50px; width: 377px;
	top: 0px; left: 133px;
	padding-top: 3px;
	text-align: center;
	font-size: 36px;
	font-weight: 900;
	font-variant: small-caps;
	background-color: #FF8848;
}

	#section_heading_v2 {
		position: absolute;
		height: 35px; width: 377px;
		top: 0px; left: 133px;
		padding-top: 0px;
		text-align: center;
		font-size: 28px;
		font-weight: 900;
		font-variant: small-caps;
		background-color: #FF8848;
	}

#subsections {
	position: absolute;
	background-color: black;
	height: 40px; width: 377px;
	top: 50px; left: 133px;
}

	#subsections_v2 {
		position: absolute;
		background-color: black;
		height: 55px; width: 377px;
		top: 35px; left: 133px;
	}

	#subsections a, #subsections_v2 a {
		position: relative; 
		margin: 3px; padding: 2px;
		font-size: 12px;
		font-weight: 700;
		font-variant: small-caps;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: white;
		display: block; float: left;
		left: 5px;
	}
	
	.subsection, .subsection:visited, .subsection_cur, .subsection_cur:visited {
		top: 6px;
	}
	
	.subsection_v2, .subsection_v2:visited, .subsection, .subsection:visited {
		background-color: black;
		border: 1px black solid;
	}
	
	.subsection_cur_v2, .subsection_cur_v2:visited, .subsection_cur, .subsection_cur:visited {
		background-color: black;
		border: 1px white solid;
	}
	
	.subsection:hover, .subsection_v2:hover, .subsection_cur:hover, .subsection_cur_v2:hover {
		background-color: gray;
		border: 1px white solid;
	}

#content_main {
	min-height: 500px; width: 500px;
	background-color: #E1E1E1;
	overflow: visible;
	position: absolute;
	padding: 5px 5px 8px 5px;
	top: 90px; left: -5px;
	border: 5px solid black;
	border-top: 0px;
	z-index: 2;
}