body {
	font-family: Arial, Helvetica,Verdana, sans-serif;
	color: #333;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/bkg/bkg_page_gry.gif);
}

p {
	font-size: 0.9em;
	line-height: 1.2em;
	font-color: #606;
	padding-left:10px;
}

h1 {
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
	color: #330033;
	font-weight: bold;
	background-color: #F9f;
	
}

h2 {
	font: bold 1.30em Verdana, Arial, Helvetica, sans-serif;
	color: #663399;
	padding:4px;
}

h3 {
	color: #660066;
	padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
}


h1,h2,h3,p {
	margin: 0px 0px 1em;
}

br {clear:both}

#wrapper-outer{
  margin: 20px auto;
	width: 800px;
	background-image:url(../images/bkg/bkg_wrppr_dshdw.gif);
}
 
#wrapper{
  margin: 0px auto;
	width: 780px;
	background-color:#FFFFFF;
}

#banner {
	height:80px;
	margin-top:0px;
	width:780px;
}

#bannerlogosearch {
	height:30px;
	margin-top:5px;
	padding:2px;
	width:775px;
}
	
#logo {
float:left;
	height: 80px;
	width: 200px;
}

#advert {
float:right;
width:580px;
height: 80px;
}
#listen{
	margin-top: 0px;
	width: 250px;
	height: 30px;
	font-size:1em;
	font-family: Arial, sans-serif;
	color: #ccffff;
	font-weight: bold;
	float: left;
}

#search{
	float:right;
	height: 30px;
	width: 300px;
	padding-right:10px;
	text-align:right;
}

#search h1 {
	font-family: Arial, Helvetica,Verdana, sans-serif;
	font-weight: bold;
	color: #660066;
	font-size:30px;
}

#navcontainer ul
{
text-align: left;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #FFf;
color: white;
width: 100%;
font: bold 16px Arial, Helvetica, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 2px solid #fff;
background-color:#9966CC;
}

#navcontainer ul li a:hover
{
background-color: #FFCC66;
color: black;
}

#navcontainer #active { border-left: 5px solid #fff; }

#left {	
	float: left;
	width: 180px;
	margin-top:0px;
	padding-right:0px;
	margin-left: 0px;
	text-align:left;
}

#middle {
	margin-top: 0px;
	margin-left:15px;
	width:575px;
	float:left;
	padding-top: 0px;
	background-color:#fFF;
}
#centerleft {	
	float: left;
	width: 280px;
	margin-top:0px;
	padding-right:0px;
	margin-left: 0px;
	text-align:left;
	border: #9999CC 2px solid;
	background-color:#FFFFFF;
}
#centerleft h3 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color: #9999CC ;
	}

#centerright {
	float: right;
	margin-top: 0px;
	width: 280px;
	padding-top: 0px;
	background-color:#FFf;
	border: #9999CC 2px solid;
	background-color:#FFFFFF;
}

#centerright h3 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color: #9999CC ;
	}


a:link {
	color: #663399;
	text-decoration: none;
}
a:hover {
	color: #669;
	text-decoration: underline;
}
a:visited {
	color: #663399;
	text-decoration: none;
}


#emps
{
	position: absolute;
	top: 0px;
	height: 80px;
	width: 100%;
	margin-left:200px;
	font: bold 14px "Arial", sans-serif;
	padding: 0 1px 1px;
	text-align:left;
	background: top right url() no-repeat;
}



#navbar a.currentpage {
	color: #FFFFFF;
	background-image: url();
}


#contentheader {
	float:left;
	background-color: #FFCCFF;
	border: #FF99FF 1px dashed;
	background-color: #fff0f5;
	font: normal 1em Arial, Helvetica, sans-serif;
}

#contentWhatsNew{
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-image:url(../images/bkg/bkgfreetime.gif);
	border: #fc9 2px dotted;
}

contentWhatsNew p {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #639;
	line-height: 0.9em;

	}
	
#contentWhatsNew h2 {
	font: bold 1.50em Arial, Helvetica, sans-serif;
	color:#639;
	background-color:#FFCC99;
	}
	
.contentWhatsNew h3 {
	font: bold 1em Arial, Helvetica, sans-serif;
	color:#6ff;
	}
	
.contentWhatsNew li{
list-style-image:url();
padding-left:0px;
position: 0.1em;
padding-left:0px;
}

.contentWhatsNew ul{ 
padding-left:30px;
font-size:100%; 
font-family:Arial;
}

#contentFunStuff{
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-image:url(../images/bkg/bkgmoney.gif);
	border: #98fb98 1px dashed;
	width:200px;
}

.contentFunStuff p {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #639;
	line-height: 0.9em;
	}
	
.contentFunStuff h1 {
	font: normal 1.75em Verdana, Arial, Helvetica, sans-serif;
	color: #330033;
	font-weight: bold;
	background-color: #FFCC66;
	
}
	
.contentFunStuff h2 {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #FFCC66;
	background-color: #FFCC66;
	}
	
.contentFunStuff h4 {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #66FFCC;
	}
	
.contentFunStuff li{
list-style-image:url(images/bullets/but_ced.gif);
padding-left:0px;
position: 0.1em;
padding-left:0px;
}

.contentFunStuff ul{ 
padding-left:30px;
font-size:100%; 
font-family:Arial;
}

/*#content img{ 
float:left; 
width:75px; 
margin:0px 3px 0px 10px;
}*/

.floatimgleft {
float:left;
margin-top:0px;
margin-right:10px;
margin-bottom:10px;
} 

.floatimgleft_tophome{
float:left;
margin-top:0px;
margin-right:10px;
margin-bottom:10px;
}


.floatimgright {
float:right;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
} 

#testcol {margin-top: 0px; margin-left:5px; width: 180px; text-align:left;}

#testcol ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
#testcol li {height:30px; margin-left: 0px;
 border: 1px solid; border-color: #FFF #AAA #AAA #FFF; }

#testcol li a {
		color: #000;
		text-decoration: none;
		width: 100%;
		}

#testcol li a:hover {
		color: #660033;
		text-decoration: underline;
		}
		
#testcol h2 {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #663399;
	margin-top:4px;
	border-bottom:0px;
	line-height:1em;
		}
		
#testcol h3{
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #663399;
	padding:0px;
	background-color:#CCCCFF;
		}

#testcol p{
	font: normal 0.9em Arial, Helvetica, sans-serif;
	color: #663399;
	padding:0px;
	background-color:#F1EDE9;
		}

.blue {background: #66CCFF; font-size:16px; color: #ccc; font-weight: bold;}
.lblue {background: #66FFFF; font-size:16px; color: #ccc; font-weight: bold;}
.dblue {background: #6699FF; font-size:16px; color: #ccc; font-weight: bold;}
.cream {background: #FFFFCC; font-size:16px; color: #ccc; font-weight: bold;}
.pink {background: #FFCCFF; font-size:16px; color: #ccc; font-weight: bold;}
.offwhite {background: #FFFAF0;font-size:16px; color: #ccc; font-weight: bold;}
.peach {background: #FFCC99; font-size:16px; color: #ccc; font-weight: bold;}
.mauve {background: #CC99FF; font-size:16px; color: #ccc; font-weight: bold;}
.red {background: #FF6666; font-size:16px; color: #ccc; font-weight: bold; }
.midgreen {background-color: #66FF99;font-size:16px; color: #ccc; font-weight: bold;}
.orange {background: #FF9933; font-size:16px; color: #ccc; font-weight: bold;}
.green {background:  #33CC00; font-size:16px; color: #ccc; font-weight: bold;}
.palegreen {background: #CCFF99; font-size:16px; color: #ccc; font-weight: bold;}
.purple {background:  #9999CC; font-size:16px; color: #ccc; font-weight: bold;}
.dgreen {background:   #006600; font-size:16px; color: #ccc; font-weight: bold;}
.yellow {background:  #FFFF66;font-size:16px; color: #ccc; font-weight: bold; }

#relinks {margin-top: 0px; margin-left:5px; width: 180px; text-align:left; border:1px #3cf solid; font: normal 0.9em Arial, Helvetica, sans-serif;
	color: #663399;
	background-color:#CCFFFF;}


#relinks a {
		color: #000;
		text-decoration: none;
		width: 100%;
		}

#relinks a:hover {
		color: #ccf;
		text-decoration: underline;
		}
		
#relinks h2 {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color:white;
	border-bottom:1px #FFCC99;
	background-color:#33ccFF;
		}
		
#relinks h3{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #663399;
	background-color: #33ccFF;
		}

#relinks p{
	font: normal 0.9em Arial, Helvetica, sans-serif;
	color: #663399;
	background-color:#CCFFFF;
		}

#footer {
	text-align: center;
	color:#000;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	margin-top: 20px;
	border-bottom: 2px solid #CCCCFF;
	clear: both; 
	background-image:url(../images/bkg/bkg_page_gry.gif);
}

#btmpge {
	text-align: center;
	padding-top: 0px;
	height:20px;
	padding-bottom: 2px;
	margin-top: 10px;
	clear: both; 
	background-color: #9966CC;
}
