@charset "iso-8859-1";

html {
  overflow: -moz-scrollbars-vertical;
}
	
body {
	margin: 3em;
	background: white url(images/bg.gif);
	background-color: white;
	font-size: 1.0em;
	text-align: left; 	
	max-width: 780px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: Black;
}

hr {
	color: black;
	border-bottom: 1px solid black;
}

H1 { 
	font-family: Avant Garde, Arial, Helvetica;
	font-weight: bold;
	margin-left: 10px;
	line-height: 1.3em;
	font-size: 1.5em;
	text-align: left;
	font-style: italic;
}

H2 { 
	font-family: Avant Garde, Arial, Helvetica;
	font-size: 1.3em;
	font-weight: bold;
	margin-left: 10px; 
}

H3 { 	
	font-family: Tahoma, Arial, Helvetica;
	line-height: 1.5em;
	margin-left: 75px; 
	font-size: 1.2em;
	font-weight: normal;
 	text-align: left; 	
}

H4 {
	font-family: Avant Garde, Arial, Helvetica;
	line-height: 1.3em;
	margin-left: 50px;
	font-size: 1.5em;
	font-weight: normal;
	text-align: left;
	font-style: italic;
}

A {
	color: black;
	text-decoration: none;
	list-style-type: none;
}

p {
	font-size: 1.0em;
	margin-left: 20px;
	text-align: justify;
}

p A {
	color: black;
	text-decoration: underline;
	list-style-type: none;
}

p A:LINK, p A:VISITED { color: black; }

p A:ACTIVE, p A:HOVER { color: silver; text-decoration: none; }

P.smallbold {
	font-size: small;
	font-weight: bold;
}
	
P.right {
	text-align: right;
}
	
P.small {
	font-size : xx-small;
}

.red {
	color: red;
}
	
img {
	border: none;
	position: absolute;
}

img.none {
	border: none;
	position: static;
}

img.right {
	position: relative;
	padding-left: 40px;
	right: 20px;
	float: right;
	clear: right;
}

img.left {
	position: relative;
	padding-left: 5px;
	left: 0px;
}

ol {
	font-size: 1.2em;
	line-height: 1.5em;
}

table {
	margin-left: 20px;
}

td {
	font-size: 0.8em;
	text-align: justify;
}

th {
	color: #663366;
}

form {
	left-margin: 20px;
}


/* commented backslash hack v2 \*/ 
html{height:95%;} 
/* end hack */ 

.bold_right {
	font-weight: bold;
	margin-left: 40px;
}

* html #minHeight{height:100%} /*for IE as IE treats height as min-height anyway*/

html>body  #minHeight{float:left;width:0px;height:100%;} /*safari wrapper*/
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both
}

/** Menu **/

ul#nav, ul {
	margin: 0;
	padding: 0;
	width:145px;
}
ul#nav li {
	position: relative;
	width:145px;
	float:left;
	clear:left;
}

#nav li ul {
	position: absolute;
	top: 0;
	margin-left:-999em;
	min-height:0;
}
/* Styles for Menu Items */
ul#nav li a {
	display:block;
	text-decoration: none;
	color: black;
	line-height: 2em;
	height: 2em;	
	padding-left: 5px;
	width:140px;
	border-top: none;
}
* html ul#nav a {
	width:140px;	
	w\idth:135px;
}

/* this sets all hovered lists to red */
#nav li:hover a,#nav li.over a,
#nav li:hover li a:hover,#nav li.over li a:hover {
   color: black;
   background-color: red;
}

/* set dropdown to default */
#nav li:hover li a,#nav li.over li a {
    color: #777;
   background-color: #ffffcc;
}
#nav li ul li a {  } /* Sub Menu Styles */
#nav li:hover ul,#nav li.over ul { margin-left:149px;  } 


/****** Containers ************/
	
	.container {
		position: absolute;
		min-height: 600px;
		max-width: 780px;
		top: 0px;
		left: 0px;
		margin: 0px;
		right: 0px;
	}

	.leftMenu {
		float: left;
		position: relative;
		min-width: 150px;
		margin-right: 5px;
		padding: 5px;
		min-height: 400px;
		color: white;
		font-size: 1.2em;
		font-weight: normal;
	}

	.copy {
		position: relative;
		width: 100%;
		padding-top: 50px;
		font-size: small;
		color: black;
		bottom: -10px;
		font-family: Arial, Helvetica;
	}
	
	.copyX {
		position: relative;
		width: 100%;
		font-size: x-small;
		color: black;
		bottom: -10px;
		font-family: Arial, Helvetica;
	}
	
	.topBar {
		margin-left: 165px;
		margin-bottom: 5px;
		color: white;
	}
	
	.content {
		position: relative;
		top: 100px;
		left: 0px;
		padding: 5px;
		margin-left: 170px;
		margin-right: 10px;
	}