/* CSS Document */

/* {margin:0; border:0; padding:0;} */

html {
	padding: 0;
	margin: auto;}

body {
	background: #fff url(/images/index/background.gif) top repeat-y;
	font:normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
	line-height:14px;
	color:#333;
	margin: auto; }
	
h1 {
	font: 21px "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; color:#004E9F;
	}
	
h2 {
	font: 18px "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; color:#004E9F;
	}
	
h3 {
	font: bold 15px "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; color:#000000; padding-bottom:10px;
	}
	
h3 {font: bold 15px "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; color:#000000; padding-bottom:10px; 
	text-decoration: none; color: #333; }
h3 A:link {font: bold 15px "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; color:#000000; padding-bottom:10px; 
	text-decoration: none; color: #333; }
h3 A:visited { font: bold 15px "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; color:#000000; padding-bottom:10px;
	text-decoration: none; color: #333; }
h3 A:active {font: bold 15px "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; color:#000000; padding-bottom:10px; 
	text-decoration: none; color: #cccccc; }
h3 A:hover {font: bold 15px "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; color:#000000; padding-bottom:10px; 
	text-decoration: none; color: #660066; }
	


/* ul { 
    font: normal 11px "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif;
    color: #333; 
    }
    
li { 
    font: normal 11px "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif;
	line-height:14px;
    color: #333; 
    } */
    
	
img .left {
	float:left;
	margin:10px;
	}
	
img .right {
	float:right;
	margin:10px;
	}
	
a:link{ 
   color:#333; text-decoration: none;
   }
a:visited{
   color:#333; text-decoration: none;
   }
a:hover{
   color:#660066; text-decoration: none;
   }
a:visited:hover{
    color:#333; text-decoration: underline;
    }

/* ================BASIC CONTAINERS================== */

#container {
	border:0;
	padding:0;
	margin:0 auto;
	color:#333;
	width:950px;
	}

#topbanner {
	background-color:#CCCCCC;
	border:0;
	width:950;
	padding-top: 8px;
	padding-bottom: 9px;
	}
	
#left_col {
	border-right:solid #DDD 1px;
	margin:0;
	padding:0;
	float:left;
	width:303px;
	}
	
#right_col {
	
	margin:0;
	padding:0;
	float:left;
	width:646px;
	}
	
#left_col_banner {
	margin-top:10px;
	margin-bottom: 10px;
	padding:0;
	float:left;
	width:303px;
	}
	
#left_col_banner_gray {
	font-size:10px;
	line-height:11px;
	background-color:#EEE;
	padding:10px;
	float:left;
	width:283px;
	}
	
#left_col_banner_gray img {
	float:right;
	}
	
#left_col_banner_gray ul {
	padding:10px 0px 0px 12px;
	}
	
#left_col_banner_gray ul li {
	font-size:10px;
	line-height:11px;
	}
	
#footer_legal {
	text-align:center;
	color:#666;
	text-decoration:none;
	font-size:10px;
	line-height:11px;
	}
	
#main {
	background-image:url(/images/index/bg-grad.gif);
	background-repeat:repeat-x;
	float:left;
	width:606px;
	padding: 10px 20px 10px 20px;
	line-height:18px;
	}
	
.main_bnr {
	clear: both;
	float:left;
	width:608px;
	height:170px;
	background-image:url(/images/main_subscribe_bnr2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:0px 18px 0px 18px;
	margin:15px 0px 0px 0px;
	}
	
.main_bnr ul {
	type:disc;
	padding:74px 10px 10px 265px;
	color:#FFFFFF;
	font-size:14px;
	line-height:20px;
	}
	

.main_bnr ul li {
	color:#FFFFFF;
	font-size:14px;
	line-height:20px;
	}

.main_bnr ul li a{
	color:#FFFFFF;
	font-size:14px;
	line-height:20px;
	}
	
.main_bnr ul li a:link{ 
   color:#fff; text-decoration: none;
   }
.main_bnr ul li a:visited{
   color:#fff; text-decoration: none;
   }
.main_bnr ul li a:hover{
   color:#ccc; text-decoration: none;
   }
.main_bnr ul li a:visited:hover{
    color:#fff; text-decoration: none;
    }
	
.main_left_col {
	width:235px;
	float:left;
	}
	
.main_right_col {
	width:235px;
	float:right;
	}
	
#main ul {
	type:disc;
	padding-left:15px;
	}
	
#main ul li {
	padding-bottom:10px;
	}
	
#favorites {
	float:left;
	width:283px;
	padding:10px;
	background-color:#fff;
	line-height:20px;
	}
	
#favorites ul {
	type:disc;
	padding-left:15px;
	}
	
#favorites ul li {
	padding-bottom:10px;
	}
	
#sites {
	float:left;
	width:183px;
	padding:10px;
	background-color:#fff;
	line-height:20px;
	}
	
#sites ul {
	type:disc;
	padding-left:15px;
	}
	
#sites ul li {
	padding-bottom:10px;
	}

#logo {
	width:203px;
	height:221px;
	}
	
.flashblock {
	padding:0;
	border:0;
    width: 646px;
    height: 221px;
  	}

/* ========================PICKUP =========================== */

.purple_text   { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #666699; font-size: 11px; line-height: 14px; font-weight: bold}  
.purple_text A:link { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #666699; font-size: 11px; line-height: 14px; font-weight: bold}  
.purple_text A:visited { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #666699; font-size: 11px; line-height: 14px; font-weight: bold}  
.purple_text A:active { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #666699; font-size: 11px; line-height: 14px; font-weight: bold}  
.purple_text A:hover { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #666699; font-size: 11px; line-height: 14px; font-weight: bold} 
	
/* ============================FOOTER================================= */

#nav_bottom_nw {
	font-size:12px;
	}
	
#nav_bottom_nw a{
	color:#004E9F;
	text-decoration: none;
	}
	
#footer_nw {
	text-align:center;
	color:#666666;
	font-size:14px;
    border-top:solid #ccc 1px;
    padding: 20px 0px 10px 0px;
    width: 950px;
    clear: both;
    margin: 0px;
    }
	
.dot_hor {
	background:url(/images/index/dot.gif) repeat-x;
	}
	
.dot_hor_dk {
	background:url(/images/index/dot_dk.gif) repeat-x;
	}
	
.seasonyear {
	font-size:12px;
	color:#666666;
	letter-spacing:1px;
	position:relative;
	top:-2px;
	}

/* ----------------- NAVIGATION ------------------ */

/* navigation ---------------------------------------------------------------
------------------------------------------------------------------------------*/
.navContainer {
	width: 573px;
	text-align: left;
	font-size:12px;
	font-weight:normal;
}

/* dropdown ---------------------------------------------------------------
------------------------------------------------------------------------------*/

#nav-holder {display:block; z-index:100; width: auto; background:#333333; text-align: left; font-size:11px; font-weight:normal; float:left;}
#nav, #nav ul {z-index:100; float: left; width: auto; list-style: none; line-height: 1; font-weight: normal; padding: 0; margin:0;}
#nav a {display: block; width: auto; w/idth: auto; color: #fff; text-decoration: none; padding:0;}
#nav li {z-index:100; float: left; padding:0; width: auto; background-color:#333333; }
#nav li ul {z-index:100; position: absolute; left: -999em; height: auto; width: 150px; font-weight: normal; margin: 0; border:0px solid #ccc;}
#nav li li {z-index:100; padding-right:0; width: 140px; padding:5px;}
#nav li ul a {width: 140px;}
#nav li ul ul {margin: -1.5em 0 0 145px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {z-index:100; left: auto; background-position: 0 0;}
#nav li:hover, #nav li.sfhover {background-color:#666666;}

/* class just for subscribe drop-down because the drop-down needs to be a different width than the others */

#nav li ul.subscribe {
	z-index:100; position: absolute; left: -999em; height: auto; width: 119px; _width: 119px; font-weight: normal; margin: 0px; border:0px solid #ccc; padding:0px;
	}
#nav li li.subscribe {
	z-index:100; text-align:left; padding-right:0; width: 119px; _width: 119px; padding:5px;
	}
#nav li ul.subscribe a {width: 109px;}
#nav li ul ul.subscribe {margin: -1.5em 0 0 100px;}
#nav li:hover ul ul.subscribe, #nav li:hover ul ul ul.subscribe, #nav li.sfhover ul ul.subscribe, #nav li.sfhover ul ul ul.subscribe {left: -999em;}
#nav li:hover ul.subscribe, #nav li li:hover ul.subscribe, #nav li li li:hover ul.subscribe, #nav li.sfhover ul.subscribe, #nav li li.sfhover ul.subscribe, #nav li li li.sfhover ul.subscribe {
	z-index:100; left: auto; background-position: 0 0;
	}

/* =====================================Legal========================================= */

.Legal { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #666; font-size: 10px; line-height: 11px; font-weight: normal}
.Legal A:link { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: underline; color: #666; font-size: 10px; line-height: 11px; font-weight: normal}
.Legal A:visited { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: underline; color: #666; font-size: 10px; line-height: 11px; font-weight: normal}
.Legal A:active {  font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #cccccc; font-size: 10px; line-height: 11px; font-weight: normal}
.Legal A:hover { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #660066; font-size: 10px; line-height: 11px; font-weight: normal}

/* ================ PU =====================*/

.HeaderSmall { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #333; font-size: 12px; line-height: 16px; font-weight: normal }
.HeaderSmall A:link { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #333; font-size: 12px; line-height: 16px; font-weight: normal }
.HeaderSmall A:visited { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #333; font-size: 12px; line-height: 16px; font-weight: normal }
.HeaderSmall A:active {  font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #cccccc; font-size: 12px; line-height: 16px; font-weight: normal  }
.HeaderSmall A:hover { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #660066; font-size: 12px; line-height: 16px; font-weight: normal  }

.HeaderLarge {font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #333; font-size: 14px; line-height: 18px; font-weight: bold }
.HeaderLarge A:link { font-family:  "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #333; font-size: 14px; line-height: 18px; font-weight: bold }
.HeaderLarge A:visited { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #333; font-size: 14px; line-height: 18px; font-weight: bold }
.HeaderLarge A:active { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #333; font-size: 14px; line-height: 18px; font-weight: bold }
.HeaderLarge A:hover { font-family: "Trebuchet MS", Verdana,  Arial, Helvetica, san-serif; text-decoration: none; color: #333; font-size: 14px; line-height: 18px; font-weight: bold }