/* CSS Document */



/* ----- BASICS ELEMENTS ------------------------------------------------------------------------------------------------- */
body { 
	font-family: Tahoma;
	color: #666666;
	background-color: #330000; 
	margin: 0px; 
	padding: 0px;
	text-align: center;
	}

p { 
	padding: 0px;
	font: 11px Tahoma; 
	margin-top: 8px;
	margin-bottom: 15px;
	text-align: justify;
	}

h1,h2,h3 {
	margin-top: 15px;
	padding: 0px;
	color: #003366;
	}

h3 { 
	font: bold 11pt Tahoma;
	margin-bottom: 0px; 
	padding-bottom: 0px;
	}
h4 {
	font-size: .7em;
	color: #990000;
	}

#supportingText h3 span,#preamble h3 span {
	padding-bottom: 4px;
	padding-left: 24px;
	}

#linkList h3 span {
	padding-bottom: 4px;
	padding-left: 14px;
	}
	
ol {
	padding: 0px;
	font: 11px Tahoma; 
	margin-top: 8px;
	margin-bottom: 15px;
	text-align: justify;
	}
	
ol li {
	padding: 5px 0px;
	}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #990000;
	}

a:visited { 
	font-weight: bold;
	text-decoration: none;
	color: #663300;
	}

a:hover, a:active { 
	text-decoration: underline; 
	color: #CC0000;
	}
acronym {
	font-weight: bold;
	border-bottom: 1px dotted #bbbbbb;
	}

/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */
#container { 
	background: url(images/background.jpg) repeat; 
	width: 698px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	}

		#pageHeader { 
			background: url(images/pageheader.jpg) no-repeat right top; 
			width: 500px;
			height: 217px;
			float: left;
			}

		#secondHeader { 
			background: url(images/pageheader2.jpg) no-repeat left top; 
			width: 180px;
			height: 217px;
			float: right;
			}

		#preamble {
			margin-left: 20px;
			padding: 20px;
			padding-top: 1px;
			padding-bottom: 5px;
			width: 420px;
			clear: both;
			}

#supportingText {
	margin-left: 20px;
	padding: 0px 20px;
	width: 420px;
	position: relative;
	}
	
#supportingText p.p2 {
	text-align: left;
	margin-left: 80px;
	}
	
#explanation p.p1 {
	font-size: 12px;
	}
	
#explanation p.p3 {
	text-align: left;
	margin-left: 10px;
	}
	
#explanation p.p4 {
	font-size: .3em;
	text-align: right;
	}
	
#explanation ul li {
	font-size: 12px;
	}
	
#participation {
	clear: both;
	padding-top: 30px;
	}

#preamble h3 {
	margin-top: 10px;
	}

#reviews p {
	text-align: left;
	}

#reviews p.p1 {
	text-align:right;
	color: #003399;
	}
		
#linkList {
	width: 148px;
	font: 10px Tahoma; 
	position: absolute;
	top: 190px;
	left: 515px;
	margin: 0px;
	padding: 0px;
	}

#floatleft {
	float: left;
	padding-right: 20px;
	padding-bottom: 5px;
	}
	
#floatright {
	float: right;
	padding-left: 20px;
	padding-bottom: 5px;
	}

#footer {
	text-align: center;
	font: bold 10px Tahoma;
	padding: 20px;
	text-transform: uppercase;
	margin-top: 20px;
	border-top: 1px dashed #dddddd; 
	}
	
/* ----- OTHER ------------------------------------------------------------------------------------------------- */

#lselect {
	padding: 0px 15px 45px 15px;
	margin: 0px;
	}

#explanation h3 span {
	margin-top: 20px;
	}
	
#linkList h3 {
	font-size: 11px;
	padding: 3px 3px 3px 1px;
	color: #E98523;
	margin-bottom: 10px;
	margin-top: 20px;
	}

#lselect ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style: none;
	}

#lselect li {
	padding: 5px 0px;
	}

#lselect li a {
	display: block;
	}

#linkList #lselect ul li {
    border-bottom: 1px solid #EEEEEE;
    display: block;
    padding: 5px 0 5px 15px;
    }

#pageHeader h1 span,#pageHeader h2 span,#secondHeader p.p1 {
	display: none;
	}

#secondHeader p.p2 {
	text-align: left;
	color: #ffffff;
	font: 11px Tahoma;
	width: 120px;
	padding: 145px 0px 0px 15px;
	}
	
input.submitstyle {
	font: 11px Tahoma;
	color: #990000;
	}