<style type="text/css">

#top {
	position: absolute;
	width:100%;
	height:80px;
	top:0px;
	background:#ffffff;
	left: 15px;
}
#under_top{
	position: absolute;
	width:180%;
	height:30px;
	background:#003366;
	left: 0px;
}

#rightcontent {
	position: absolute;
	left:750px;
	width:80%;
	top:150px;
	background:#a2d1ff;
	height:500%;
	

}
img.rightimage {
	position: absolute;
	left:950px;
	top:700px;
}
img.roadsigns {
	position: absolute;
	left:30px;
	top:30px;
}
/*
----------------------------------------------
	special links are found on the right
	side of the screen, and are in a white
	box
-------------------------------------------------
*/
#special_links
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000099;
	position: absolute;
	top:10px;
	left:30px;
	width:200px;
	background-color: #ffffff;
	padding-left:20;
	padding-top:20;
	padding-right:20;
	list-style-type: disc;
	
}
#leftcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	position: absolute;
	padding: 15px;
	left:0px;
	width:175px;
	top:150px;
	background:#E6E6E6;
	height:500%;
	
}
/*
-----------------------------------------------------
	the code below is for menu items that
	are not indented
--------------------------------------------------------
*/
a.leftcontent:link {
	text-decoration: none;
	color:000000;
	
}
a.leftcontent:visited {
	text-decoration: none;
	color: #000000;

}
a.leftcontent:hover {
	text-decoration: none;
	color: #FFFFFF;
	background color:#003366;
	width:100%;
}
a.leftcontent:active {
	text-decoration: none;
}


/*
--------- menu items that are subordinate -----------

*/

a.leftsubcontent:link {
	padding-left: 10px;
	color: #000000;
	text-decoration: none;
	
}
a.leftsubcontent:visited {
	padding-left: 10px;
	text-decoration: none;
	color: #000000;

}

a.leftsubcontent:hover {
	text-decoration: none;	
	color: #FFFFFF;
	background color:#003366;
	width:100%;		
}

a.leftsubcontent:active {
	text-decoration: none;
}

/*-----------------------------------------------------
	the following code is for the index page's 
	golden four - middle blocks of information
--------------------------------------------------------
*/
#golden1, #golden2, #golden3, #golden4
{
	position: absolute;
	height:180px;
	width:225px;
	background:#ffffff;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border:1px solid #000;
	border-color:#6666CC;
}
#golden1{
	top:270px;
	left:195px;
	
}
#golden2{
	top:270px;
	left:465px;
}
#golden3{
	top:465px;
	left:195px;
}
#golden4{
	top:465px;
	left:465px;
}
/*
-----------------------------------------------------
    the code below is for most of the text on most of 
    the pages.  It is the basic content text
--------------------------------------------------------
*/
#basic_content
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	position: absolute;
	left: 190px;
	top: 165px;
	width:500px;
	margin: 0;
	background:#ffffff;
	text-align: left;
}
/*
-----------------------------------------------------
    the code below is for special text instances
--------------------------------------------------------
*/
p.page_heading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003366;

}
span.first_letter{
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: bold;
	color: #003366;

}
p.typical_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-align: left;
}
p.page_subheading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #660033;

}
p.indent_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#555555;
	text-align: left;
	position: relative;
	left: 20px;

}
LI.basic_list{
	list-style type: square;
	list-style image: url("images/star_bullet.gif");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #660033;
	
}

LI.list_indented{
	list-style type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #660033;
	
}
ul.list_less_indent{
	margin-left:0px;
	padding-left:15px;
	list-style type: square;
	list-style image: url("images/star_bullet.gif");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #660033;
	margin-left:5px;
	
}

table#special_list{
	padding:5px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-background: ##CDC4FB;
	
}

.leftcol{
	font-weight: bold;    
	text-align: left;    
	width: 70px;    
	background-color: #ECE8FD;
	text-align: right; 

}
.data {    
	color: #000000;    
	background-color: #ECE8FD;
	width: 1050px
	text-align: left;    
}

.instruction_text {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #000099;
	text-align: left;
	font-size: 10px;
}

#cll_footer {
	position: absolute;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
}
p.cll_footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
}
span.para_title{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	text-decoration: underline
	color: #660033;
	text-align: left;
	font-size: 14px;
}
table#info_sessions { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #660033;
	text-align: left;
	font-size: 12px;
}

.table_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #660033;
}

LI.basic_list_numbered {
	list-style-type:decimal;
	list-style-position: outside;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000033;

}
</style>