html, body{ 
margin:0;
 padding:0; 
		background-color:#F7F7F7;
		color:#000;
		font-family : verdana, arial, helvetica, sans-serif;
		font-size: 0.9em;
}
 
 
#pagewidth{ 
width:95%;
margin:10px; 
border:1px solid #CCCCCC;
}
 
#header{
 position:relative; 
 height:95%; 
 background-color:#F7F7F7;
 color:#000;
 width:100%;
margin: 5px 0;
} 
 
#leftcol{
 width:160px;
 position:absolute;
 left:10px;
 top:180px;
 background-color:#333366;
 color:#fff;
 margin-top:10px;
 border:10px solid #77AABB;
 }
 
#twocols{
 width:80%; 
 float:right; 
 position:relative; 
 margin-bottom:20px;
  }
  
#rightcol{
 width:200px; 
 float:right; 
 position:absolute;
 top:10px;
 right:0;
 background-color:#f7f7f7;
 color:#000;
 margin-top:0px;
 
 }
 
 #rightcol img {
z-index: -1;
margin:0 0 0 10px;
padding:0;
 }
 
 #maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:72%;
 background-color: #F7F7F7;
 color:#000;
 z-index:1;
 }
 
#leftcolalt {
 width:160px;
 position:absolute;
 left:10px;
 top:180px;
 background-color:transparent;
 color:#000;
 margin:0;
 border:none;
 padding-top:10px;
 }
 
 #leftcolfront{
 width:180px;
position:absolute;
 left:10px;
 top:180px;
z-index:-0;
 margin-top:10px;
 border:none;
  height:390px;
 }
 
 #twocolsfront{
 width:80%; 
 height:390px;
 float:right; 
 position:relative; 
 margin-bottom:20px;
 z-index:1;
  }
  
 
#leftcolalt p {
margin:20px 0 0 10px;
clear: left;
 }
 
#leftcolalt ul {
margin:0;
padding:10px 0 0 20px;
}

#leftcolalt ul li {
	line-height: 115%;
	margin: 0 0 0 5px;
	list-style: disc outside;
}
 
#footer{
 background-color:#F7F7F7;
 color:#000;
 clear:both;
 border-top: 3px solid #77AABB;
border-bottom: 5px solid #77AABB;
z-index:2;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print {

#topmenu {display:none;}
#leftcol {display:none;}
#leftcolalt img {display:none;}
#rightcol img {display:none;}
#twocols img {display:none;}
}

/*top menu - single level menu*/
#header #topmenu {
	float:left;
	border-top:1px solid #fff;	
	border-bottom:1px solid #fff;
	background-color:#f7f7f7;
	color: #fff;
	border-bottom: 1px solid #77AABB;
	width:980px;
}

#topmenu ul {
	margin:0 auto;
	text-align: center;
	padding: 0;
	
	}

#topmenu li {
	float:left;	
	position:relative; 
	list-style-type:none;	
	background-color:#333366;
	color:#ffffff;
	border-right:5px solid #ffffff;
	padding: 2px 0;
	}
	
	div#listmenu li:first-child {
	border-left:1px solid #069; /*the first vertical line on the menu */
	}

#topmenu li:hover { 
	background-color:#F7F7F7;
	}

#topmenu a {
	display:block;
	padding:3px 6px; 
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	}

#topmenu a:hover {
	color:#fff;
	background-color:#77AABB;
	}

/* hack for IE so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; 
	border-left:1px solid #999966; 
	margin-left:0; 
	}
	
#topmenu ul li.marker {
	background-color: #77AABB;
	color: #FFFFFF;
}

#topmenu ul li.marker a {
	display: block;
	padding: 2px 5px 3px 5px;
	border-left: 5px solid #333366;
	background-color: #77AABB;
	color: #FFFFFF;
	text-decoration: none;
}

/*end of single level top menu stuff*/

/*left menu*/
#leftcol #menu {
width:90%;
background-color:transparent;
color:#000;
float: left;
border: none;
margin: 1px; 
padding: 0;
font-size: 0.9em;
}

#menu ul {
background-color: #333366;
color: #FFFFFF;
margin:0;
padding:0;
}

#menu ul li {
list-style:none;
margin: 5px 0 0 10px;
}

#menu ul ul {
margin: 0;
padding: 5px 0 0 5px;
}

#menu ul ul li {
list-style: inside;
list-style-image: url(../images/arrow_2.gif);
margin: 0 0 0 3px; 
padding: 0 3px 0 0;
}

#menu a {
	background-color : #333366;
	color:#FFFFFF;
	text-decoration : none;
	font-weight:normal;
}

#menu a:visited {
	background-color : transparent;
	color : #FFFFFF;
	text-decoration : none;
	}

#menu a:active {
	background-color : transparent;
	color : #FFFFFF;
	text-decoration : none;
}

#menu a:hover {
	background-color : #4771A3;
	color : #FFFFFF;
	text-decoration : none;
}

/* - - - - - -*/

#maincol p {
margin:10px 0 10px 35px;
padding:0 10px;
overflow:visible;
}

#footer p {
	background-color: #F7F7F7;
	color: #333366;
	font-weight: bold;
	line-height: 120%;
	padding: 10px;
	margin: 0;
}

img {
border: none;
}

img.logo {
	margin: 5px;
}

img.spaced1 {
margin-top:3%;
}

img.marker1 {
vertical-align: middle;
}

img.pointer {
vertical-align: middle;
}

p.credit {
font-size: 80%;
text-align:right;
margin: 5px 0 10px 0;
}

p.credit a {
font-weight:normal;
}

p.credit a:visited {
font-weight:normal;
}
	
h1 {
	background-color: #F7F7F7;
	color: #333366;
	font-size: 1.7em;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	margin: 15px 0 20px 35px;
	
}

h1.pointer {
margin: 15px 0 20px 0;

}

h1.altspaced {
margin: 15px 0 5px 35px;
}
h2 {
background-color: #F7F7F7;
	color: #333366;
	font-size: 1em;
	font-family: Verdana, arial, helvetica, sans-serif;
	margin: 35px 0 0 10px;
}

#menu h2 {
	font-size: 1em;
background-color: #f7f7f7;
	color: #000000;
	padding:10px;
}
	
#maincol ul {
	margin: 0 0 0 20px;
	padding:0 10px;
}

#maincol ul li {
	margin: 10px 0 0 35px;
	
}

span.here {
background-color: #77AABB;
padding:3px;
}

div.quotebox {
border: 5px double #77AABB;
width:80%;
margin: 20px 0 0 35px;
}

div.quotebox h2 {
background-color: #77AABB;
color: #fff;
font-size:1.2em;
letter-spacing:0.25em;
padding:5px 10px 5px 35px;
}

div.quotebox p {
padding: 0 5px;
}

div.notebox {
border: 3px solid #77AABB;
margin:20px 0 0 0;
width:140px;
}

div.notebox h2 {
background-color: #77AABB;
color: #fff;
font-size:1em;
padding:3px;
margin: 5px;
width:90%;
}

div.notebox ul {
border: none;
margin:0;
padding:0;
}

div.notebox ul li {
margin:0;
padding:0 5px 5px 0;
}

/*form formatting */
form {
margin-top:0;
font-size:smaller;
}
/*highlight and enlarge for some browsers*/
form input:focus, select:focus, textarea:focus {
border:2px solid #73AC39;
color:#000000;
font-size:medium;
}

div.formrow {
	clear: both;
	margin: 10px;
	width: 80%;
}

div.formrow span.label {
	float: left;
	text-align: right;
	width: 33%;
}

div.formrow span.input {
	float: right;
	text-align: left;
	width: 65%;
}

fieldset {
	margin: 10px 0 20px 35px;
}

fieldset.wide {
width:100%;
}

fieldset legend {
	font-size:1em;
	background-color: transparent;
	color: #333366;
	margin: 10px 10px 5px 10px;
	font-weight: bold;
	
}

textarea {
	font-size:medium;
	font-family: verdana, helvetica, arial, sans-serif;
	margin: 10px 10px 5px 15px;
	width:80%;
}

.formbuttons {
	margin: 20px 0 10px 0;	
	text-align: center;
}

.formscript {
	border: none;
}

span.hide {
	background-color: #F7F7F7;
	color:#F7F7F7;
}

/*--------------------------*/


/* multicolumn list -1 of 2*/

#maincol div.multicol
{

  float: left;
  width: 14em;
}

#maincol div.multicol ul {
margin-top:10px; 
padding:0;
}

#maincol div.multicol ul li {
margin:0 0 0 35px; 
padding:0;
}

/* clear float after lists */
br
{
  clear: left;
}

/*end of multicol list*/

/* multicolumn list -2 of 2*/

#maincol div.multicol2
{

  float: left;
  width: 45%;
}

#maincol div.multicol2 ul {
margin-top:10px; 
padding:0;
}

#maincol div.multicol2 ul li {
margin:0 0 0 35px; 
padding:0;
}

/* clear float after lists */
br
{
  clear: left;
  margin:0; padding:0;
}

/*end of multicol list*/

a:link {
	background-color : transparent;
	color: #3366CC;
	text-decoration : underline;
	font-weight:bold;
}

a:visited {
	background-color : transparent;
	/*color : #333366;*/
	color: #000080;
	text-decoration : underline;
	font-weight:bold;
}

a:active {
	background-color : transparent;
	color : #333366;
	text-decoration : underline;
}

a:hover {
	background-color : transparent;
	color : #3333CC;
	text-decoration : underline;
}