body { 
	color: #444; 
	background-color: #C9C8C8;
 	background-image: url(../images/content-bg4.gif);
	background-position: top center;
	background-repeat: repeat-y;
	font-size: 11px; 
	line-height: 14px;
	font: 12px Arial, sans-serif;
	text-align: left;
	margin: 0px; 
	padding: 0px;
	height: auto;
	}
	
#container { 
	width: 760px;
	height: auto;
	position: relative;   
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border: none;
	}

div#header {
	position : relative;
	background : transparent  url(../images/header-g.jpg) no-repeat;
	width: 738px;
 	height: 320px;
	text-align: center; 
	margin: 0 auto 0 auto; 
	padding: 0;
      }
      	

/*banner --------------------------------------- */

#banner {
	position : relative;
	width : 728px;
	height : 90px;
	text-align: center; 
	margin: 0 auto 0 auto; 
	padding: 5px;
      z-index: 100;
	 }
	      

/*hot Container --------------------------------------- */

#hotContainer {
	position: absolute;
	left: 552px;
	top: 130px;
	text-align:left;
	width: 146px;
	height: 58px;
	padding: 2px 0 5px 5px;
	z-index: 100;
	}
* html #hotContainer {
	top: 125px;
	left: 552px;
	}
	
#hotContainer p {
	width: 96px;
	}

#hotContainer a:link, #hotContainer a:visited  {
	color: #4275D1; 
	background: url(../images/links-doth.gif) no-repeat 9px 4px; 
	margin-bottom: -25px; 
	padding: 2px 0px 8px 20px;
	text-decoration: none; 
	}
#hotContainer a:hover, #hotContainer a:active  { 
	color : #89B0F7;
	background: url(../images/links-dot.gif) no-repeat 9px 4px; 
	margin-bottom: -25px; 
	padding: 2px 0px 8px 20px;
	text-decoration: none; 
	}
#hotContainer em  {
	color: #fff;	
	font: 10px verdana, sans-serif;
	padding: 0 15px 1px 15px;
	background-image: url(../images/bx-header.jpg);
	}

#hotlinks ul  {
	margin: 7px 0 0;
	padding: 0 2px;
	list-style-type: none;
	color: #E4F0FA;
	font: 10px verdana, arial, helvetica, sans-serif; 
	}

#hotlinks ul li a:link,  #hotlinks ul li a:visited{
	text-decoration: none;
	color: #6495ED;
	}

#hotlinks ul li a:hover, #hotlinks ul li a:active {
	text-decoration: none;
	color: #6495ED;
	}

/* hor navigation --------------------------------------- */

#hnavcontainer ul {
	position: absolute;
	left: 82px;
	top: 222px;
	padding: 2px 0 2px 0;
	list-style-type: none;
	color: #fff;
	background: #E4F0FA;
	}
* html #hnavcontainer ul {
	position: absolute;
	left: 38px;
	top: 234px;
	}

#hnavcontainer ul li { 
	display: inline; 
	}

#hnavcontainer ul li a {
	text-decoration: none;
	padding: .1em 1em;
	color: #191970;
	background-color: #E4F0FA;
	border: 1px solid #BAC4E4;
	background-image: url(../images/background-blu-bar.png);
	}

#hnavcontainer ul li a:hover {
	color: #000;
	background-color: #E4F0FA;
	background-image: url(../images/background-blu-hov2.png);
	border-left: 1px solid #4169E1;
	border-top: 1px solid #4169E1;
	}
		
/* send to --------------------------------------- */	 

#sendTo {
	position: absolute;
	left: 252px; 
	top: 278px;
	width: 148px;
	height: 15px;
	padding: 1px 0 7px 4px;
	background:#f5f5f5 url(../images/send-to-bg.png) no-repeat bottom left;
	border-right: 2px solid #DCDCDC;
	border-bottom: 2px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;	
	}
* html #sendTo {
	top: 278px;
	left: 252px;
	padding: 5px 0 0 7px;
	height: 10px; 
	}

#sendTo p {
	color: #525252; 
	font: 9px verdana, sans-serif;
	margin: -3px 0 1px;
	padding: 2px;
	}

/* searchBox --------------------------------------- */	

#searchBox  { 				
	position: relative; 
	top: -30px; 
	left: 477px; 
	width: 300px; 
	height: 39px;
	text-align: left; 
	padding: 0 0 0 5px;  
	z-index: 50;
	 }
* html #searchBox  { 	
	top: -30px; 
	left: 490px;
	}
	
.textfield {
	font: 10px Verdana, sans-serif;
	color: #000; 
	margin: 3px 0 2px;
	padding: 0 0 0 3px;
	background: #EEF6FD;
	}	

/* content --------------------------------------- */

#content {
	position: relative;   
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	top: -35px;
	width : 728px;
	height: auto;
	text-align: center;
	border: none;
	 }
	 	 
#navBar {
	width: 25%;
	min-height: 750px;
	text-align: left;
	float: left;
	margin-top: 5px;
	margin-left: 0;
	margin-bottom: 8px;
	border: none;
      } 
	
#midcol {
	width:73%;
	min-height: 750px;
	text-align: left;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 0px;
	border: none;
      }

/* copy --------------------------------------- */    

h1 {
	text-align : center;
	color:#1E90FF;
	font: 18px "Times New Roman", times, serif;
	letter-spacing : 0.1em;
	font-weight : 900;
	padding: 8px 0 10px 0;
	background: #fff url(../images/bg-title.gif) no-repeat right bottom;
	}

h2 {
	color: #CC9966;	
	font-weight : 900;
	font-size : 18px;
	border-bottom:1px solid #F4A460;
	}

h2 a:link {
	color: #3B6DC8;
	  }

h2 a:hover {
	color: #6495ED;
	text-decoration : none;
      }
      
h3 {
	color: #2F447E;
	background: #EEF6FD url(../images/monthBg.gif);
	background-repeat: repeat;
	background-position: bottom right;
	font-size: 11px; 
	line-height: 16px;
	font-weight: bold;
	font-style: normal; 
	font-family: "Times New Roman", times, serif; 
	text-transform: uppercase;
	text-align: left; 
	border: 1px solid #A9A9A9;
	margin: 10px 0px 10px 0px; 
	padding: 3px 5px 3px 5px;
	}
* html h3 {
	min-height: 40px;
	}

h4 {
	color: #00008B;	
	font-weight : 900;
	font-size : 13px;
	margin : -5px 0 0 0;
	padding : 0 0 5px 5px;
	}

h5 {
	color : #6b6b6b;
	font-weight : normal;
	font : 11px/20px verdana, sans-serif;
	margin : 0 0 16px;
	padding : 0 0 0 5px;
	}
      
.plus {
	color: #CC9966;	
	font : bold 11px arial, sans-serif;
	margin : 0 0 0 0;
	padding: 0 2px 0 0;
	border-bottom: 1px dotted #666;
	}

.links {
	font:  bold 12px verdana, sans-serif;
	line-height : 22px;
	word-spacing : 0.2em;
	padding: 10px 0 10px;
      }

p {
	font : 10px verdana, sans-serif;
	color : #000;
	margin : 0 0 10px;
	padding : 2px 0 2px;
      }

 a {
	color: #0505ab;
	font: 11px verdana, sans-serif;
	font-weight : 400;
	text-decoration : none;
      }

 a:link {
	color: #3B6DC8;
	  }

 a:hover {
	color: #6495ED;
	text-decoration : none;
      }

.update2  {
	color: #525252; 
	font: 9px verdana, sans-serif;
	 } 

#sponsor {
	color : #525252;
	font : 10px helvetica, sans-serif;
	background-color : #FFEED1;
	text-align : center;
	letter-spacing : 0.2em;
	padding : 5px;
      }

.credit {
	color : #7384a5;
	font : bold 9px verdana, sans-serif;
	line-height : 9px;
      }

.smart {
	color : #DC143C;
	font : bold 9px verdana, sans-serif;
	line-height : 9px;
	letter-spacing : 0.3em;
      }
      
 .head-date {
	 color : #6b6b6b;
	font-size : 11px;
      }

.update  {
	color: #525252; 
	font: 9px verdana, sans-serif;
	 } 
	 
#cap {
	font-size:40px; 
	color:#A9A9A9; 
	font-weight:bold; 
	float:left; 
	height:34px; 
	line-height:34px; 
	overflow:hidden;
	 margin-top:2px; 
	 margin-right:1px;
	 }	 

.copy {
	color : #696969;
	font: 10px verdana, sans-serif;
	font-weight : bold;
	text-decoration : none;
      }
.copy a:link, .copy a:visited {
	color: #6495ED;
	font-weight : bold;
	text-decoration : underline;
	}
.copy a:hover {
	color: #6495ED;
	font-weight : bold;
	text-decoration : none;
	}
	
.validate {
	color : #696969;
	font: 10px  arial, sans-serif;
	font-weight : bold;
	text-decoration : none;
       }
      
.validate a:link, .validate a:visited {
	color: #5084E1;
	font-weight : bold;
	}

.validate a:hover {
	color: #89B0F7;
	font-weight : bold;
	text-decoration : none;
	}
	
.map  {
	 margin : 0 0 0 10px;
	color : #0000FF;
	font: 10px  arial, sans-serif;
	font-weight : bold;
	text-decoration : none;
       }
      
.map a:link, .map a:visited
	{
	color: #6495ED;
	font-weight : bold;
	text-decoration : underline;
	}
.map a:hover
	{
	color: #6495ED;
	font-weight : bold;
	text-decoration : none;
	}

.button  {
	color: #7384A5; 
	font: 9px Arial, sans-serif;
	text-align: center;
	 }
	
.textfield {
	font: 10px Verdana, sans-serif;
	color: #000; 
	margin: 3px 0 2px;
	padding: 0 0 0 3px;
	background: #EEF6FD;
	}	

img {
	border: none;
	}


/* vert navigation --------------------------------------- */	

#vertnav {
	position: relative;
	text-align: left; 
	font: 10px verdana, sans-serif; 
	width: 160px;
	clear: both;
	padding-left: 10px;
	}
		
div#links a {
	width: 135px;
	display: block; 
	text-align: left; 
	font: 10px verdana, sans-serif; 
	padding: 2px 8px;
	margin: 0 0 1px; 
	border-width: 0; 
	text-decoration: none; 
	color: #525252; 
	background-image: url(../images/background-silver-bar.png);
	border-right: 1px solid #A9A9A9;
	border-bottom: 1px solid #C0C0C0;
	}

div#links a:hover {
	font: 10px verdana, sans-serif; 
	background-image: url(../images/background-blu-bar.png);
	border-right: 1px solid #808080;
	color: #000000; 
	 }

div#links a span {display: none;}

div#links a:hover span {
	font: 10px verdana, sans-serif;
	display: block;
	position: absolute; 
	left:147px; 
	width: 125px;
	padding: 5px;
	margin: 8px; 
	 z-index: 100;
	border: 1px solid #505050;
	color: #AAA; 
	 background: #B5BDDE;
	text-align: center; 
	color: #000084;
	 }

/* floats --------------------------------------- */
	
#scrapcontainer {
	float: right;
	text-align: center;
	width: 130px;
	margin-left: 10px;
	padding: 10px 10px 10px 10px;
	background: #FFFFFF;
	border-top: 1px solid #F5F5F5;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #F5F5F5;
	}
#scrapcontainer em  {
	color: #fff;	
	font: bold 12px verdana, sans-serif;
	padding: 0 15px 0 15px;
	background-image: url(../images/bx-header.jpg);
	}

#scrap {
	float: left;
	text-align: center;
	width: 130px;
	margin-left: 0px;
	margin-bottom:10px;
	padding: 10px 10px 10px 10px;
	background: #EEF6FD;
	border: 1px solid #EEF6FD;
	}
#scrap em  {
	color: #fff;	
	font: bold 12px verdana, sans-serif;
	padding: 0 15px 0 15px;
	background-image: url(../images/bx-header.jpg);
	}		

div.float  p {
	text-align: center;
	}

.floatphoto {
	float:left;
	margin: 0 5px 0 0;
	padding: 2px;
	}

.icon {
	float:left;
	margin: 0 10px 10px 0;
	border: 1px solid #6495ED;
	}
	
.floatright {
	float: right;
	margin: 0 0 10px 10px;
	padding: 2px;
	}

.floatleft {
	float: left;
	margin: 0 10px 0 0;
	padding: 2px;
	}

/* Events --------------------------------------- */

div.title {
	margin: 0 120px 20px 5px;
	padding: 2px 15px 0 8px;
	width: 320px;
	background: #fff;
	font: 9px verdana, sans-serif;
	border:1px solid #fff;
	}

.eventTitle {
	color: #3B6DC8;
	padding: 8px 0 8px;
	font-weight : 700;
	font-size : 14px;
	border-bottom:1px solid #6495ED;
	}

div.event {
	margin: 0 120px 0 5px;
	padding: 2px 15px 0 5px;
	width: 320px;
	background: #fff;
	border:1px solid #fff;
	}

.event img {
	border : 2px solid #fff;
	 }
.event img a:link {
	border : 2px solid #6495ED;
	 }      
.event img:hover {
	border : 2px solid #89B0F7;
	 }	

div.event a:link {
	color: #4275D1; 
	text-decoration: none;
	border: none;
	}
div.event a:visited {
	color : #5084E1;
	text-decoration: none;
	border: none;
	}
div.event a:hover {
	color : #89B0F7;
	text-decoration : none;
	border: none;
	}

div.event a span {
	display: none;
	border: none;
	}	

* html  div.event a:hover span {
	margin: 25px;
	}

div.event a:hover span {
	display: block;
	position: absolute;
	width: 320px;
	padding: 5px;
	margin-top: 11px;
	margin-left: 16px;
	 z-index: 101;
	color: #000080;
	text-transform: uppercase;	
	font: 10px verdana, sans-serif;
	margin: 0 0 5px;
	padding: 2px 15px 5px 15px;
	background:#F4FAFC url(../images/span-bx.png) no-repeat bottom right;
	border-top: 1px solid #1E90FF;
	border-right: 1px solid #1E90FF;
	border-bottom: 1px solid #1E90FF;
	border-left: 1px solid #1E90FF;
	}	

div.blubox {
	width: 320px;
	padding: 10px 10px;
	margin: 0 120px 0 5px;
	border: 1px dotted #666;
	background: #E4F0FA;
	}
div.blubox em  {
	color: #fff;	
	font: bold 12px verdana, sans-serif;
	padding: 0 15px 0 15px;
	background-image: url(../images/bx-header.jpg);
	}
		
div.clearbox {
	margin: 0 190px 0 180px;
	padding: 5px 15px 0 5px;
	width: 320px;
	}
	
.clearboth { 
	clear: both; 
	}

 /* fieldset --------------------------------------- */ 	

legend {
	background: #F5F5F5;
	color: #00008B;
	font: 10px Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid #C0C0C0;
	padding: 2px 6px;
	}
* html legend {
	margin-top: 20px;
	}
	
fieldset {
	border: 1px solid #A9A9A9;
	width: 30em;
	margin: 15px 2px 5px 0;
	background-image: url(../images/bx-bg4.gif);
	background-repeat: repeat;
	background-position: top left;
	background-color: #F5F5F5;
	}
* html fieldset {
	width: 20em;
	padding: 0 0 0 0;
	background-image: url(../images/bx-bg3.gif);
	background-repeat: repeat-x;
	background-position: 50% 0%;
	background-color: #F5F5F5;
	border: 1px solid #fff;
	}	
	
fieldset p {
	padding: 6px 0 14px 5px;
	margin: 0 0 10px 0;
	}
* html fieldset p {
	padding: 0 0 14px 5px;
	margin: 15px 0 10px 0;
	}	

fieldset ol {
	margin : 0;
	padding : 4px 0 0 10px;
      }
      
/*footer --------------------------------------- */

#footer {
	width: 734px;
	top: 5px;
	background-image: url("../images/footbx2.gif");
 	background-position: bottom center;
	background-repeat: no-repeat;	
	background-color: #FFF;	
	position: relative;   
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	clear: both;
	border-top: 1px solid #C0C0C0;
	}
	
#footer p {
	margin: 8px; 
	}

#copyright  {
	color: #006400; 
	font: bold 10px Arial, sans-serif;
	text-align: center;
	margin: 0 0 5px;
	 }
#copyright a {
	color: #006400;
	text-decoration: underline;
	}
#copyright  a:hover {
	color: #556B02;
	text-decoration: none;
	}	 

#happy  {
	color: #006400; 
	font: bold 10px Arial, sans-serif;
	text-align: center;
	 }
#happy a {
	color: #006400;
	text-decoration: underline;
	}
#happy  a:hover {
	color: #556B02;
	text-decoration: none;
	}
	
/*logo --------------------------------------- */

#logo {
	position: relative;
	text-align: left; 
	top: 20px;
	margin-left: 5px;
	z-index: 300;
      }
* html #logo {
	margin-left: -445px;
	}

#logo {
	width : 284px;
	height : 99px;
	background : url("../images/logo.png") no-repeat;
	text-indent : -9999px;
      }

#logo a {
	width : 284px;
	height : 99px;
	background : url("../images/logo.png") no-repeat;
	display : block;
      }

#logo a:hover {
	margin-top: -1px;
	margin-left: -1px;
	background : url(../images/logo-clearhv3.png) no-repeat;
      }
* html #logo a:hover {
	background : url(../images/logo-clearhv4.png) no-repeat;
	}    

#listLinks {
	margin: 10px 0 10px 5px;
	width: 300px;
	font: 13px Georgia, "Times New Roman", Times, serif;
	}

#listLinks li {
	list-style: none;
	margin: 0;
	padding: 0.25em 0 0 2em;
	border-left: 2px dotted #DCDCDC;
	}

#listLinks li a:link  {
	color: #4275D1; 
	text-decoration: none; 
	}

#listLinks li a:hover  { 
	color : #89B0F7;
	text-decoration: none; 
	}

div.adbox {
	width: 300px;
	padding: 10px 5px;
	margin: 10px 0 10px 20px;
	border: 1px solid #fff;
	}

.adscript {
	padding: 10px 10px 10px 12px;
	}

.tips li {
	background: url(../images/bullet.gif) no-repeat 0em 0.5em;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	list-style: none;
	color : #6b6b6b;
	font-weight : normal;
	font : 11px/20px verdana, sans-serif;
	}

.tips ul {
	padding-left: 10px;
	padding-right: 10px;
	}
.tips #copy ul {
	margin-left: 0px !important;
	}