html { 
 margin:0; 
 padding:0; 
 text-align: center; 
 background-color: #333399; 
 font-family:arial, helvetica, sans-serif;
 color: #000000;
 font-weight: normal;
 font-size: 10pt;
} 

     
h1 
   {
   text-align: center;
   font-family:  verdana,helvetica, sans-serif;
   }
   
h2 
   { 
   clear: both; 
   font-family:  verdana,helvetica, sans-serif;
   font-size: 130%;
   font-style: italic;
   background-color:#ffffff; 
   color: #333399;
   }
     
h3 
   { 
   clear: both; 
   font-family:  verdana,helvetica, sans-serif;
   font-size: 130%;
   background-color:#ffffff; 
   color: #333399;
   }

h4 
   { 
   clear: both; 
   font-family:  verdana,helvetica, sans-serif;
   font-size: 110%;
   background-color:#333399; 
   color: #ffffff;
   }
   
body 
   { 
   margin:0; 
   padding:0; 
   text-align:center; 
   } 
 
#pagewidth{ 
 width:770px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 border-left: 1px solid black;
 border-right: 1px solid black;
 margin-right:auto; 
 background-color: #ffffff; 
 color: #333399;  
} 
 
#header{ 
 height:190px; 
 width:100%; 
 text-align: center;
 background-image: url("images/logo-banner.jpg");
 } 
 
#leftcol{
 top: -90px; 
 width:170px; 
 float:left; 
 color: #ffffff;
 position:relative; 
 margin-left:-140px; 
 margin-right:1px; 
 }
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 140px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #ffffff;   /* left column colour */ 
border-left-style: solid; 
/*background-color: #ffffff;*/ /* center column colour */ 
width: auto; 
 } 
 
#footer{
 width:100%; 
 color: #333399;
 background-color:#ffffff; 
 font-weight: bold;
} 

#footer a:link, #footer a:hover, #footer a:active, #footer a:visited{
 color: #000066;
}
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: right; 
 width: 90%; 
 position: relative; 
 padding: 0px 10px 10px 10px;
 margin: 0 -0px 0 -2px; 
 }

#outer>#inner { border-bottom: 1px solid #ffffff;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}

img{ border: none;
 padding: 2px 5px 2px 2px;
}

#navigation {
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #cc3333;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 0px 5px 0px;
	border-left: 2px solid #cc3333;
	border-right: 1px solid #cc3333;
	background-color: #cc3333;
	color: #ffffff;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #ffcc67;
	color: #333399;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #999999;
	margin:0;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #CAE1F5;
	color: #000000;
}
#navigation ul ul a:hover {
	background-color: #95D2B5;
	color: #000000;
}

dt {
 font-weight: bold;
 font-size: larger;
}

.fred {font-weight: bolder;
	 color:#000066;}
	 
	
.eg {
	border: 1px solid #ffffff; 
	margin: 1em; 
	padding: 1em;
	float: left;
	}	
	
.eg_red {
	border: 1px solid #000066; 
	margin: 1em; 
	padding: 1em;
	float: right;
	text-align: center;
	}	
	
.eg_right {
	border: 3px dashed #cc3333; 
	margin: 1em 1em 2px 1em; 
	padding: 1em 1em 10px 1em;
	float: right;
	width:450px;
	font-size: 110%;
	font-family: verdana, arial, helvetica, sans-serif;
	
	}	
	
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#cc3333; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#cc3333; border:0 solid #08c;}
		
ul.checked {
	list-style-image: url(images/check-bullet.gif);
}		

.indent {
	padding-left: 60px;
}