/*
CSS for Clearpoint site
*/

body {
	font-family: univers, helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 78%;
	color:#FFFFFF;
	background-image:url(images/doublelines_v.gif);
	line-height: 140%;
	padding:0;
	margin:0;
	top: 0;
}

a {
	font-weight: normal;
	text-decoration: none;
}

a:link {color:#003366}

a:visited {color:#49484b}

a:hover {
	text-decoration: none;
	color:#999999;
	background-color:transparent;
}

a:active {color:#36ee36}


#container {
	width:75em;
	height:50em;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0; 	
	text-align: left;
	position: relative;
}

#mainimage img {
	margin:0;
	padding:0;
	position: absolute;
	right:0;
	top:0;
	width:55%;
}


#header {
	top:0;
	left:0;
	padding:0;
	width: 100%;
	height:17em;
	position: relative;
	z-index:500;
}

.header a img {
	border:0;
	position:absolute;
	bottom:4.5em;
	left:5%;
}

.header p {
	margin: 0;
	position: absolute;
	font-size:120%;
	letter-spacing: 1px;
	color: #666666;
	bottom:4em;
	right:5%;
	z-index:500;
}

#dropdown {
	bottom:0;
	left:0;
	padding:0;
	margin:0;
	display:inline;
	position:absolute;
	width:75em;
	height:4em;
	background:url(images/doublelines.gif) repeat-x;
	z-index:599;
}

ul.dropdown {
	width:66%;
	margin-top:1.5%;
	margin-left:33%;
	padding:0;
	float:left;
	display:inline;
	font-size:95%;
	letter-spacing: 1px;
	color: #006699;
}

ul.dropdown li {
	display:inline;
	float:left;
	margin:0 0 0 0;
	padding:0 6% 0 0;
	line-height: 210%;
	text-decoration: none;
	color:#003366;
}

ul li ul {
	margin:0;
	padding:0;
	float:left;
	position:absolute;
	clear:both;
	visibility:hidden;
}


/* Holly Hack. IE Requirement \*/
	* html ul li ul { float: left; height: 1%; }
	* html ul li a { height: 1%; }
/* End */


li:hover ul, li.over ul {
	/* for IE*/ 
	 filter:alpha(opacity=90);
	 /* CSS3 standard */
	opacity:.9;
	position:absolute;
	display:inline;
	padding:0 5px;
	margin:5px 0 0 -10px;
	width:6em;
	left:28%;
	top:67%;	
	visibility:visible;
	background:#FFFFFF;
	border-bottom:1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
	z-index:598;
}

/*ul.dropdown li.hover {
	padding:1em 1em;
	background-color:#FFFFFF;
	color:#999999;
	cursor:default;
	position:absolute;
}*/


ul.dropdown li:hover {
	background-color:#FFFFFF;
	color:#999999;
	cursor:default;
	position:relative; 
}


ul.dropdown a:link, ul.dropdown a:visited {
	color:#003366;
	text-decoration:none;
}

ul.dropdown a:hover {
	color:#999999;
}

ul.dropdown a:active {
	color:#66cc33;
}


#content {
	position:relative;
	width:100%;
	height:57%;
	top:0;
	left:0;
	overflow:hidden;
}

.content img {
	top:0;
	margin:0;
	padding:0;
	width:100%;
}

p.content a {
	font-weight: normal;
	text-decoration: none;
}

p.content a:link {color:#FFFFFF}

p.content a:visited {color:#999999}

p.content a:hover {
	text-decoration:none;
	color:#cccccc;
	background-color:transparent;
}



#wn {
	float:right;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:33%;
	width:66.9%;
	height:100%;
	overflow:auto;
}

#wnT {
	float:right;
	top:28%;
	padding:0;
	margin:0;
	position:absolute;
	left:5%;
	width:95%;
	height:73%;
	border:0;
	overflow:hidden;

}


#wn1 {
	top:0;
	float:left;
	width:25%;
	margin:5% 0 0 0;
	padding:0;
}

#wn2 {
	float:right;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:28%;
	width:71.9%;
	height:107%;
	overflow:auto;
}


#bio {
	top:0;
	float:left;
	width:100%;
	border-left:solid 1px #003366;
	margin:0;
	padding:0;
}


#bio dl {
	float:left;
	width:90%;
	margin:5% 5%;
	padding:0;
	color:#003366;
	display:inline;/* fixes IE/WIN double margin bug */
}

#bio dt {
	float:right;
	width:71.5%;
	margin:0;
	padding:0;
	font-size:120%;
	letter-spacing:1px;
	color:#003366;
}

#bio dd {
	margin:0;
	padding:0;
	line-height:140%;
	color:#003366;
}

#bio dd.img img {
	float:left;
	width: 25%;
	margin: 0 6px 0 0;
	padding:4px;
	border:solid 1px #003366;
	background:#ffffff;
}

#bio a {
	font-weight: normal;
	text-decoration: none;
}


#wn4 {
	top:0;
	float:left;
	width:50%;
	margin: -2% 0 0 0;
}

#wn5 {
	top:0;
	float:right;
	width:49%;
	margin: -2% 0 0 -3%;
}



h1 {
	line-height: 110%;
	font-size: large;
	font-weight: normal;
	color:#FFFFFF;
   	margin-top:5%;
	padding:0;
}

h2 {
	line-height: 110%;
	font-size: large;
	font-weight: normal;
	color:#003366;
   	margin-top:5%;
	padding:0;
}

h3 {
	line-height: 110%;
	font-size:medium;
	font-weight:normal;
	color:#003366;
   	margin-top:1%;
	margin-bottom:1%;
	margin-left:1%;
	padding:0;
}

h4 {
	line-height: 150%;
	font-size: large;
	font-weight: normal;
	color:#003366;
   	margin-top:4%;
	margin-bottom:-2%;
	margin-left:5%;
	padding:0;
}


 p.content {
	line-height: 1.75em;
	font-size: 100%;
	width:95%;
	padding:0;
	top:5em;
	left:0;
}


.blueText {
	color:#003366;
}


content_a ul {
	list-style-type: none;
	padding: 0px;
	margin: 0 0 0 -3%;
}

li.content_a {
	font-size: 100%;
	color:#003366;
	width:93%;
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 -5%;
}



#footer {
	margin:0;
    	padding:0;
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	height:4em;
	z-index:600;
	}

ul.footer {
	margin:0;
	padding:0;
	display:block;
	font-size:95%;
	letter-spacing:1px;
	color: #666666;
	list-style-type: none;
}

ul.footer li {
	margin:0;
   	display:block;
	float:left;
	padding: 0 3%;
	line-height:140%;
	background: url(images/navline.jpg) no-repeat left 50%;
}

ul.footer li.first_a {background: none}

#ft1 {
	float:left;
	width:30%;
	padding:0;
	display:block;
	margin: 1% 0 0 3%;
}

#ft2 {
	float:left;
	width:35%;
	line-height:140%;
	font-size:95%;
	margin:1% 10% 0 0;
	padding:0;
}

#ft3 {
	float:left;
	width:18%;
	line-height:140%;
	font-size:95%;
	margin: 1% 0 0 0;
}

.footer p {
	font-size: 115%;
	color:#003366;
	padding:0;
	margin:0;
}

.footer a {
	font-weight: normal;
	text-decoration: none;
}

.footer a:link {color:#003366}

.footer a:visited {color:#666666}

.footer a:hover {
	text-decoration:none;
	color:#cccccc;
	background-color:transparent;
}

#sitemap {
	margin:0;
    	padding:0;
	position:relative;
	left:0;
	width:75%;
	line-height:150%;
	font-size: 95%;
	visibility:visible;
}

.sitemap ul, ul.sitemap li ul {
	margin:0;
	line-height:175%;
	visibility:visible;
}

.sitemap li {
	font-size: 100%;
	color:#003366;
	max-width:70%;
	margin: 0 0 0 0;
	line-height:175%;
	visibility:visible;
}

ul.sitemap li:hover, sitemap li.over {
	text-decoration:none;
	color:#cccccc;
	background-color:transparent;
	position:absolute;
	border:0;
}