/* CSS Document */

/* This document controls the overall appearance of the website. Any 
changes made to it will affect ALL pages of the site. */


/* This controls the look of everything inside the body tags of the page
that doesn't have an alternate style assigned to it. */

body {
	background: #222758 url(images/bg_pattern.gif) repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: justify;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}


/* This controls the background color of all tables. Since the overall 
body background is dark, this background must remain white! */

td,th {
	background-color: #ffffff;
}


/* This controls the look of all paragraph text
that doesn't have an alternate style assigned to it. */

p {
	text-align: justify;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}


/* These control the look of all regular links
that don't have an alternate style assigned to them. */

a:link {
	color: #0f59d9;
	text-decoration: none;
}

a:visited {
	color: #003399;
	text-decoration: none;
}

a:hover {
	color: #0f59d9;
	text-decoration: underline;
}

a:active {
	color: #0f59d9;
	text-decoration: none;
}


/* These control the look of any text with heading 1, heading 2, or heading 3 formatting.*/

h1 {
	text-align: left;
	font-size: 13pt;
	font-weight: bold;
}


h2 {
	text-align: justify;
	font-size: 11pt;
	font-weight: bold;
}


h3 {
	text-align: justify;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}



h4 {
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
}


/* This controls the look of unordered lists. */

ul {
	margin-left: 10px;
	padding-left: 10px;
}


.inset {
	margin-left: 180px;
}


/* Following are special style classes that can be applied to text 
to deviate from the overall style set up in the sections above. */

.subhead {
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
}


.notation {
	text-align: justify;
	font-size: 9pt;
	font-style: italic;
}


.formtext {
	text-align: left;
	font-size: 9pt;
}


.caption {
	text-align: center;
	color:#4e547b;
	font-size: 8pt;
}


.copyright { 
	text-align: center;
	color: #222758;
	font-size: 8pt;
}

.special { 
	color: #e80808;
}


/* This special class controls the dimensions of the table that holds the 
web page header graphics. Do not alter it! */

.headerbox {
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 161px;
}


/* This controls the margins for table that holds the navigation menu
and graphics on the left side of the page. */

.leftbox {
	margin: 0px 0px 20px 3px;
	padding: 0px;
}


/* Thiscontrols the margins for the table that holds the main content (right side)
of each page. */

.contentbox {
	margin: 2px 30px 20px 30px;
	padding: 0px;
}


/* These are special classes can be applied to a table or image to
allow text to flow past it. */

.photoboxleft {
	float: left;
	margin: 0px;
	padding: 0px 15px 3px 0px;
}

	
.photoboxright {
	float: right;
	margin: 0px;
	padding: 0px 0px 3px 15px;
}


/* This is used to set the padding for a horizontal line that's 
made from stretching out the bluepx.gif image. */

.hline {
	margin: 0px;
	padding: 15px 0px 20px 0px;
}


/* This section controls the signup bar. */

.signupbox {
	margin-top: 0px;
	padding-top: 0px;
	width: 800px;
	border-bottom: 1px solid #9689c4;
	background-color: #e0d8ea;
	border-collapse: collapse;
}

.signupform {
	background-color: #e0d8ea;
}

.signuptext1 {
	margin-right: 3px;
	margin-left: 10px;
	background-color: #e0d8ea;
	color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

.signuptext2 { 
	background-color: #e0d8ea;
	color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.signuptext3 {
	margin-right: 3px;
	margin-left: 10px;
	background-color: #e0d8ea;
	color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}

.signuptext4 {
	margin-right: 6px;
	margin-left: 3px;
	background-color: #e0d8ea;
	color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}

.textbox1 {
	font-size: 9px;
}


/* The sidenav section below controls the side navigation menu. Be careful! */

#sidenav {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 160px;
}


#sidenav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 160px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}


#sidenav li {
	display: block;
	vertical-align: middle;
	border-bottom: 1px solid #ffffff;
}


#sidenav li.subhead {
	display: block;
	padding: 2px 10px 2px 10px;
	background-color: #9689c4;
	color: #efefef;
	font-size: 9pt;
	font-weight: bold;
}


#sidenav li a:link, #sidenav li a:visited {
	display: block;
	padding: 4px 10px 4px 10px;
	background-color: #e0d8ea;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}


#sidenav li a:hover, #sidenav li a:active {
	display: block;
	padding: 4px 10px 4px 10px;
	background-color: #bfa8e2;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}


/* This section controls the textual subnavigation
(previous, next links) used on some pages. */

.nextnav {
	float: right;
	margin: 0px;
	padding: 30px;
	background-color: #ffffff;
	text-align: right;
	font-size: 9pt;
	font-weight: normal;
}


/* This section controls the textual subnavigation
used at the top of some pages. */

#topnav {
	margin: 6px 0px 6px 0px;
	padding: 0px;
	vertical-align: left;
	background-color: #ffffff;
	text-align: left;
	color: #222758;
	font-size: 8pt;
	font-weight: normal;
}


#topnav a:link {
	background-color: #ffffff;
	color: #0f59d9;
	font-size: 9pt;
	font-weight: normal;
	text-decoration:none;
}

#topnav a:visited {
	background-color: #ffffff;
	color: #003399;
	font-size: 9pt;
	font-weight: normal;
	text-decoration:none;
}


#topnav a:hover, #topnav a:active {
	background-color: #ffffff;
	color: #0f59d9;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: underline;
}


/* The section below controls the bottom textual navigation (home, about, etc). */

#bottomnav {
	margin: 6px 0px 6px 0px;
	padding: 0px;
	vertical-align: middle;
	background-color: #ffffff;
	text-align: center;
	color: #222758;
	font-size: 8pt;
	font-weight: normal;
}


#bottomnav a:link, #bottomnav a:visited {
	background-color: #ffffff;
	color: #0f59d9;
	font-size: 8pt;
	font-weight: bold;
	text-decoration:none;
}


#bottomnav a:hover, #bottomnav a:active {
	background-color: #ffffff;
	color: #0f59d9;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
}