/* CSS Document */

body{
	background-color:#EEEEEE;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing: -1px;
}

.outer{
width:840px;
clear:both;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}

.outer2{
width:860px;
clear:both;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}

.header{
padding-left:30px;
padding-top:12px;
padding-right:30px;
}

.nav-box{
width:840px;
float:right;
margin-top:5px;
font-weight:bold;
color:#006699;
font-size:13px;}

.mid-section{
padding-top:20px;
width:760px;
margin-left:auto;
margin-right:auto;
}

.content_area{
padding-left:30px;
padding-right:30px;
padding-top:30px;
}

.sub_nav{
float:left;
width:180px;
margin-right:25px;
margin-top:15px;
}

.noticebox 
{ background-color: #FFFFBF; 
border: 1px solid #808080; 
padding: 5px; 
text-align: center; 
}
.noticebox h1 { 
border-bottom: 1px solid #808080; 
font-size: 95%;}
.small { 
font-size: 90%; 
}

.footer{
text-align:center;
font-size:10px;
padding-left:30px;
padding-right:30px;
padding-top:10px;
clear:both;
}

.google {
width:760px;
clear:both;
margin-left:auto;
margin-right:auto;
}



A {
font-style: normal;
color: #0055EE;
text-decoration: none;
}

A:hover {
font-style: normal;
color: #0000ff;
text-decoration: underline;
}

A:visited:hover {
font-style: normal;
color: #000088;
text-decoration: underline;
}

.style1 {
	font-size: 18px;
	font-weight: bold;
	color: #15a300;
}
.style2 {
	color: #000000;
	font-weight: bold;
}

.style6 {
font-size: larger;
}
.style7 {
font-size: 18px;
}

.style8 {
color: #999999;
}

.ad_box{
width:142px; 
height:342px;
padding-top:5px; 
padding-left:19px;
padding-right:19px;
background-image:url(images/side_banner.gif);
background-repeat:no-repeat;
text-align:center;
}

.banner{
font-size:10px;
padding-left:5px;
text-align:left;}

.title{
	font-size:28px;
	font-weight:bold;
	letter-spacing: -3px;
	color:#006699;
}

.style5 {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}

.ff {color: #FF0000}

.google {
	padding-left:10px;
	padding-right:0;
	float:left;
	width:468;
	height:15;
}

.navigation {
	float:right;
	padding-right:10px;
	width:370;
}

/*---Fonts for Google Style Title----*/
h3.g {
color:#133BC1;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:400%;
font-weight:100;
margin:0;
text-shadow:#999999;
}
h3.o1 {
color:#E33B21;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:400%;
font-weight:100;
margin:0;
}
h3.o2 {
color:#E6B500;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:400%;
font-weight:100;
margin:0;
}
h3.l {
color:#4BCE54;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:400%;
font-weight:100;
margin:0;
}
h3.lg {
color:#0048E3;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:400%;
font-weight:100;
margin:0;
}
h3.e {
color:#E33B21;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:400%;
font-style:italic;
font-weight:100;
margin:0;
}

/* --- Hideable Div --- */ 
	
#about { display:none; width: 90%; padding:0px 10px 0px 10px;  border-width:thin; border-style:dotted; margin-top:10px; font-size:1em; color:#333; }
#about p { text-align:left; }
#showaboutlink { display:block }
#hideaboutlink { display:none }

#showaboutlink A {
	font-size:10px;
	font-style: normal;
	color: #999999;
	text-decoration: none;
}

#showaboutlink A:hover {
	font-style: normal;
	color: #0000ff;
	text-decoration: underline;
}

#showaboutlink A:visited:hover {
	font-style: normal;
	color: #000088;
	text-decoration: underline;
}

/* --- Fix for Google CSE Watermark to make it go away on focus --- */ 
.searchbox:onfocus {background:none;
}

/*---------- Easy tooltip -----------*/

 a.ez:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
 a.ez span {display:none; padding:2px 3px; margin-left:8px; width:450px; text-align:center;}
 a.ez:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; z-index:100;}


/* --------- AdBrite Skyscrapers ---------*/

.stuckleft {
top:2px;
height:35px;
position:fixed;
left:3px;
text-align:left;
margin-left: 15px;
width:100%;
font-size:11px;
}

.stuckright {
top:2px;
height:35px;
position:fixed;
right:3px;
text-align:right;
margin-right: 15px;
width:100%;
font-size:11px;
}


/* Rollover image DIV - see in use on iframeHTML.com ///////////////////////////////////////////
.totop { background: url(images/to_top.jpg) no-repeat; width: 100px; padding: 28px 25px 15px 10px; color: #fff; text-decoration: none; }
.totop:hover { background: url(images/to_topbw.jpg) no-repeat; color: #fff; }
.preloader { background: url(images/to_topbw.jpg) no-repeat; margin-left: -1000px; visibility:hidden;  }
*/

/*---------- CSS Image Preloader - Preloads images 1000px to the left of the browser window------------------*/
/*
.loader{
background:url(images/makegoogle.swf) no-repeat;
margin-left:-1000px;
}
*/