
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #399eae;
	margin: 0px;
	}

p { text-align: left; color: #fff; font-size: 0.70em; line-height: 1.25em; }
a:link, a:visited { text-decoration: underline; color: #396e72;	}
a:hover, a:active { text-decoration: none; color: red; }
li { text-decoration: none; list-style-type: disc; display: block;  }





#container { 
	width:1004px;
	padding-left: 20px; 
	padding-right: 0px; 
	padding-top: 20px;
	padding-bottom: 20px;
    margin: 173px auto 0px auto; 
	position: relative;
	z-index: 6;
	background-color: #c9dcea;
	}
/* background-color: #a4d3d6; */

#intro { width: 356px; float: left; }
#pageHeader { margin-bottom: 20px; float: left;	}




#pageHeader h1 { 
	background: transparent url(h1.gif) no-repeat top left;  
	width: 355px; 
	height: 29px; 
	float: left;
	margin: 0px;
	}
	
#pageHeader p.h4 { 
	letter-spacing: 1px; 
        margin: 0px 0px 20px 0px;
        font-family: Times New Roman ;
	color: #fff;
	width: 355px;
	height: 18px;
	}
#pageHeader p.h5
{
     margin: 0px 0px 6px 0px;
	 font-family:    Verdana;
	 font-weight:  bolder;
	 font-size: 14px;
	 color: #204e96;
	 
		width: 355px;
	height: 49px;
	}
	
	
#pageHeader h2 { 
	background: transparent url(h2.gif) no-repeat top left; 
	width: 167px; 
	height: 12px; 
	float: right;
	margin: 2px 0 0 0;
	}

#quickSummary {
	background: transparent url(divider01.jpg) no-repeat;
	float: left; width: 710px;
	margin-left: 25px;
	padding-top: 0px;
	}

#quickSummary p.p1 {
	 margin: 0px 0px 6px 0px;
	 font-family:  Times New Roman;
	 font-weight: bold;
	 font-size: medium;
	 color: #204e96;
	width: 356px;
	height: 49px;
	
	}
#quickSummary p.h4 { 
	letter-spacing: 1px; 
        margin: 0px 0px 20px 0px;
        font-family: Times New Roman ;
	color: #ffffff;
	width: 355px;
	height: 18px;
	}
#quickSummary  #pageHeader h2 span, #pageHeader h1 span 
{ display: none; }

#quickSummary p.p2 { width: 355px; display: block; 
    font: bold 12px/12px Verdana;
    }



/*-----------------------------------------------------------------------------------*/

#supportingText { width: 356px; float: left; }

#supportingText h3, #intro h3, #explanation h3 { 
	letter-spacing: 1px; 
        margin: 0px 0px 20px 0px;
        font-family: Times New Roman ;
	color: #fff;
	width: 355px;
	height: 18px;
	}
#preamble, #explanation, #participation,  #requirements 
{  padding-top: 30px; margin-top: 6px; float: left; }


#preamble { background: transparent url(divider02.jpg) no-repeat; }
#explanation { background: transparent url(divider03.jpg) no-repeat; }
#participation { background: transparent url(divider04.jpg) no-repeat; }
#requirements { background: transparent url(divider06.jpg) no-repeat; }


#preamble p.p1 
{
     margin: 0px 0px 6px 0px;
	 font-family:    Verdana;
	 font-weight:  bolder;
	 font-size: 14px;
	 color: #204e96;
	 
		width: 356px;
	height: 49px;
	
	}

#linkList {
	width: 192px;
	position: absolute;
	top: 0px;
	left: 794px;
	margin-top: 14px;
	
	padding-left: 7px;
	/* margin-right: 7px;
padding-right: 7px;
	background: #396e72;
	/*border: solid-left 1px #fff;
	border-bottom: solid 1px #fff; */
	background:  url("../images/mgrad.gif") repeat-y;
	}

#linkList2 { 
	font-size: 0.70em;
	background: transparent url(paper-bg.jpg) top left repeat-y; 
	padding: 0px; 
	width:190px; 
	}

#linkList ul {
	margin: 0px;
	padding: 0px;
	}

#linkList a.c {
    	display: inline;
    	color: #ff9600;
	text-decoration: none;
	font-weight: normal;
	}

#linkList li a { 
	color: #fff;
	text-decoration: none;
	FONT: bold 12px  Tahoma;
	
	}

#linkList li a:hover {
	
	background-color: #003d90;
	border-color: #003d90;
	font-weight: bolder;
	}

	
#linkList li p.H3 {
	
	color: red;
	font-weight:  normal;
	text-indent: 10px;
	}	
	

#lselect li {
	line-height: 16px; 
        padding: 5px 0px;
	
	}
#lselect li a {
	font-weight: bold;
	color: #fff;
	display: block;
     
        text-decoration: none; 
	}

#larchives li, #lresources li {
	line-height: 223px; 
        padding: 1px 0px;
	color: #fff;
	}



#linkList h3 {
	width: 141px;
	height: 20px;
	display: block;
	margin: 0px;
	}

#preamble h3 { background: transparent url(h3_road.gif) no-repeat; }
#explanation h3 { background: transparent url(h3_about.gif) no-repeat; }
#participation h3 { background: transparent url(h3_participation.gif) no-repeat; }
#requirements h3 { background: transparent url(h3_requirements.gif) no-repeat; }


#linkList h3.select { background: transparent url(h3_select.gif) no-repeat; }
#linkList h3.archives {
	margin-top: 22px; 
	background: url(somegif.gif) no-repeat; 
	}
#linkList h3.resources {
	margin-top: 22px; 
	background: transparent url(h3_resources.gif) no-repeat; 
	}



#participation h3 span,

#requirements h3 span,
#linkList h3.select span,
#linkList h3.archives span,
#linkList h3.resources span
{ display: none; }


/*------ footer ---------------------------------------------------------------------*/

#footer {
	margin-top: 70px;
	margin-bottom: 25px;
		color: #204e96;
	font: 12px Verdana;
	
}

#footer a:link, #footer a:visited { 
	margin-right: 6px; 
	color: #204e96;
	font: bold 12px Verdana;
	}


/*------ main images -----------------------------------------------------------------*/


#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5
{ position: absolute;  }


#extraDiv1 { 
	background: url("../images/sheader.gif") no-repeat center top; 
	top: 0px;
	width: 100%; 
	height: 173px;	}

#extraDiv2 { 
	background:  url(some_image.gif) repeat-x; 
	top: 104px;
	right: 0px; 
	width: 100%; 
	height: 75px; 
	}

	#extraDiv3 { 
	background: url(../images/some_image.gif) no-repeat left top; 
	z-index: 3;
	top: 475px;
	right: 21%;
	width: 180px; 
	height: 200px;
	}



#extraDiv4 { 
	background: no-repeat url(../images/some_image.gif) center bottom; 
	z-index: 3;
	top: 0px;
	left: 0px;
	width: 200px; 
	height: 520px; 
	}

#extraDiv5 { 
	background: no-repeat   ; 
	z-index: 7;
	top: 0px;
	left: 20px;
	width: 180px; 
	height: 80px; 
	}

#extraDiv6 {
	z-index: 2;
	clear:both;
	bottom:0px;
	left: 0px;
	width: 100%; 
	height: 216px; 
	background: url("../images/sfooter.gif") no-repeat center bottom;
	}








