html, body{ 
 margin:0; 
 padding:0; 
 background-color:#cccccc; 
 text-align:center; 
 font-family:arial, helvetica, sans-serif;
} 

.mceContentBody { 
	background-image: none; 
	background-color: White;
	color: Black; } /*SnippetMaster editor bg color*/ 

h1
   { clear: both; 
     font-family: tahoma, verdana, arial, sans-serif;
     font-size: 150%;
     color: #000066;}
   
h2 
   { clear: both; 
     font-family:  tahoma, verdana, arial, sans-serif;
     font-size: 130%;
     color: #000066;}
     
h3 
   { clear: both; 
     font-family:  tahoma, verdana, arial, sans-serif;
     font-size: 110%;
     color: #990066;}
     
.lg-purple-font {
     font-family:  tahoma, verdana, arial, sans-serif;
     font-size: 110%;
     font-weight: bold;
     color: #990066;}

#pagewidth{ 
 width:959px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
 background-color: #FFFFFF;
} 
 
#header{ 
 width:100%; 
 border-top: #000066 solid 10px;
 border-bottom: #000066 solid 10px;
 background-color:#c6a5b5; 
 } 
 
#leftcol{
 width:170px; 
 float:left; 
 position:relative; 
 margin-left:-170px; 
 margin-right:1px; 
 }
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 170px ;  /* 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%; 
 text-align: center;
 } 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 90%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 text-align:left;
 }
 
#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;} 
}

#navigation {
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #000066;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #000066;
	border-right: 1px solid #000066;
	background-color: #c6a5b5;
	color: #000066;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #000066;
	color: #c6a5b5;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #000000;
	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;
}

.eg {
	border: 1px solid #000000; 
	margin: 1em; 
	padding: 1em;
	float: right;
	width: 400px;
}	
	
b{
	color: #000066;
}

.eg_left {
	float: left;
	width: 350px;
}

.eg_right {
	float: right;
	width: 350px;
}

.imgleft{	
 float: left;
 margin: 4px 15px 4px 4px;
}

.imgright{
 float: right;
 margin: 20px 4px 4px 15px;
}