@charset "UTF-8";

/* version: NOV 2 -- 3:40pm */

html, body {
	margin:0;
	padding:0;
	text-align:center;
	background-color: #333399;
	background-image: url(../media/bknd.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 20px;
} 
 
#pagewidth {
	width:988px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
} 

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	text-align: left;
}

a {
color:#FF8000;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#994D99;
text-decoration:none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3366CC;
	text-align: left;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3366CC;
	text-align: left;
}

h3 {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #7F4772;
	text-align: left;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #808080;
	text-align: left;
}

.bluebold {
	font-size: 14px;
	font-weight: bold;
	color: #3366CC;
}

.notice {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#E0EFB3 none repeat scroll 0 0;
	border:solid 1px;
	border-color:#607F00;
	color:#514721;
	padding-right:0.8em;
	padding-left:0.8em;
}

.notice h3 {
	color:#272727
}


 /* header and topnav */
 
#header {
	position:relative;
	height:85px;
	width:988px;
	background-image: url(media/header.jpg);
	background-repeat: no-repeat;
} 

#topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	margin: 0;
	padding: 0;
	height: 40px;
	left: 273px;
	z-index: 100;
	width: 620px;
	top: 0px;
	letter-spacing: 1px;
	line-height: 16px;
}

#topnav  li {
   list-style: none;
   float: left; 
}

#topnav  li  a {
	display: block;
	background-color: #99CC00;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 13px;
	padding-bottom: 11px;
	padding-left: 12px;
	padding-top: 13px;
}

#topnav li a:hover {
	display: block;
	background-color: #FF8D00;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 13px;
	padding-bottom: 11px;
	padding-left: 12px;
	padding-top: 13px;
}

#topnav  li  ul {
	display: none;
	width: 210px;
}

#topnav li:hover ul, #topnav li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}

#topnav li:hover li, #topnav li.hover li {
	float: none;
}

#topnav li:hover li a, #topnav li.hover li a {
	color: #FFFFFF;
	background-color: #996699;
}

#topnav li li a:hover {
	background-color: #FF8D00;
}

#login { position: absolute; height: 40px; width: 85px; top: 0px; right: 0px; z-index: 200; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; text-align: center; margin: 0; line-height: 40px; }
 
#login a { color: #FFFFFF; text-decoration: none; text-align: center; height: 40px; width: 85px; background-color: #996699; line-height: 40px; display: block; }

#login a:hover {
	text-decoration: none;
	background-color: #FF8D00;
}



 /* leftcol, leftnav and leftad */
 
#leftcol {
	width:260px;
	float:left;
	position:relative;
	background-color:#D9D9C0;
	text-align: center;
}
 
.column_left {
	text-align: center;
	vertical-align: top;
}

#leftnavbknd {
	background-image: url(../media/nav.jpg);
	height: 170px;
	width: 260px;
	background-repeat: repeat-y;
	position: relative;
	vertical-align: bottom;
}
 
#leftnavcontainer {
	width: 210px;
	position: absolute;
	left: 30px;
	bottom: 19px;
}

#leftnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	line-height: 21px;
}
 
#leftnav a {
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	width: 210px;
}

#leftnav a:hover {
	font-weight: 700;
	text-decoration: none;
	color: #FF8D00;
/*	margin-left: -15px; */
}

 .ad_left {
	margin-top: 30px;
	margin-left:30px;
	float:left;
}

 
 /* content and rightcol */
 
#wrapper {
	background-image: url(../media/wrapper_bknd.gif);
	background-repeat: repeat-y;
}

#twocols {
 width:728px; 
 float:right; 
 position:relative; 
  }

#maincol {
	background-color: #FFFFFF;
	float: left;
	display:inline;
	position: relative;
	width:484px;
	padding-left: 25px;
	padding-right: 20px;
	text-align: left;
}
 
/* for columns within the body (not finished yet) */
#maincol li.column1 {
	margin-left: 0em;
}

#maincol li.column2 {
	margin-left: 15em;
}

/* for body without right col */
#maincol2 {
	background-color: #FFFFFF;
	float: left;
	display:inline;
	position: relative;
	width:683px;
	padding-left: 25px;
	padding-right: 20px;
	text-align: left;
}

#rightcol {
	width:192px;
	float:right;
	position:relative;
	background-color:#FFFFFF;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	text-align: center;
}
 
#rightcol_none {
	width:30px;
	float:right;
	position:relative;
	background-color:#FFFFFF;
}
 
.column_right {
	text-align: center;
}

.ad_right {
	margin-bottom: 16px;
}


/* footer */ 

#footer{
	 height:90px; 
	 background-color:#D9D9C0; 
	 clear:both;
} 

#footer_ad {
	height:90px;
	clear:both;
	background-color: #D9D9C0;
} 
 
#footerlegal { clear:both; display: block; }

.footertext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; text-align: left; padding-bottom: 20px; padding-left: 30px; line-height: 16px; padding-top: 20px; padding-right: 30px; }

.footertext a {
	color: #999999;
	text-decoration: none;
}

.footertext a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

.ad_footer {
	padding-left: 260px;
}
 
 
/* results */ 

#results {
	position:relative;
	width:490px;
	height:50px;
	z-index:2;
}

#results_bottom {
	position:relative;
	width:490px;
	height:70px;
	z-index:2;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #999999;
}

#headline {
	color: #99CC00;
	vertical-align: top;
	height: 60px;
	width: 490px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align: left;
}

.headline_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #996699;
}

#located {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	text-align: left;
	height: 30px;
	width: 490px;
	vertical-align: top;
	padding-bottom: 5px;

}

.previous {
	position: absolute;
	width: 90px;
	left: 0px;
	top: 16px;
}

.location {
	position: absolute;
	width: 340px;
	left: 90px;
	top: 13px;
	text-align: center;
}

.x-x {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
}

.next {
	position: absolute;
	width: 60px;
	top: 16px;
	right: 0px;
	text-align: right;
}

.orange_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
	background-color: #FFFFFF;
	border: none;
	cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.orange_button:hover {
	color: #994D99;
}

.orange13a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
}

.orange13a a {
	text-decoration: none;
	color: #FF9900;
}

.orange13a a:hover {
	color: #FF3300;
	text-decoration: none;
}

.grey13a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
}


/* preview */ 

#preview { position:relative; width:490px; height:144px; z-index:1; text-align: left; vertical-align: top; border-top-width: 2px; border-top-style: dotted; border-top-color: #CCCCCC; }

.previewpic {
	height: 104px;
	width: 80px;
	position: absolute;
	left: 0px;
	clear: both;
	top: 20px;
}

.previewtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4D4D4D;
	position: absolute;
	width: 320px;
	display: block;
	left: 90px;
	top: 17px;
	clear: both;
	line-height: 15px;
}

.previewheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #3366CC;
	line-height: 20px;
}

.see {
	position: absolute;
	top: 23px;
	right: -1px;
}

.see a {
	display: block;
	width: 34px;
	height: 34px;
	background: url(../media/see_btn_roll.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}

.see a:hover {
	background-position: 0 -34px;
}

#previewlinks {
	position: absolute;
	width: 280px;
	left: 90px;
	bottom: 14px;
}

#previewlinks  ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#previewlinks ul li {
	display: inline;
}

#previewlinks ul li a {
	padding-right: 10px;
	color: #FF8000;
	text-decoration: none;
}

#previewlinks ul li a:hover {
	color: #994D99;
	text-decoration: none;
}

#online {
	text-align: right;
	position: absolute;
	width: 80px;
	right: 0px;
	bottom: 14px;
}

#online a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF8000;
	text-decoration: none;
	text-align: right;
}


/* preview_email */ 

/* NEW EMAIL STYLES */
#email_container { margin-right: auto; margin-left: auto; width: 683px; }
#email_wrapper { width: 683px; height: 54px; }
#email_wrapper_header { width: 683px; height: 48px; }
#email_divider { width: 683px; height: 10px; border-top-width: 2px; border-top-style: dotted; border-top-color: #CCC; }
#email_checkbox { float: left; width: 30px; height: 27px; padding-top: 7px; }
#email_pic { float: left; width: 26px; height: 34px; }
#email_send-recip { float: left; width: 150px; padding-left: 12px; height: 26px; padding-top: 8px; }
#email_subject { float: left; width: 220px; padding-left: 12px; height: 26px; padding-top: 8px; }
#email_recv-sent { width: 90px; padding-left: 12px; float: left; height: 26px; padding-top: 8px; }
#email_read { float: left; width: 26px; padding-top: 8px; height: 33px; }
.email_header { font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 1px; }


#preview_email { position:relative; width:683px; height:60px; z-index:1; text-align: left; vertical-align: top; border-top-width: 2px; border-top-style: dotted; border-top-color: #CCCCCC; }

.previewpic_email {
	height: 34px;
	width: 26px;
	position: absolute;
	left: 0px;
	clear: both;
	top: 10px;
}

.previewtext_email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4D4D4D;
	position: absolute;
/*	width: 320px; */
	display: block;
	left: 90px;
	top: 17px;
	clear: both;
	line-height: 15px;
}

.previewheadline_email {
	font-weight: bold;
	color: #3366CC;
	width: 50px;
	display: block;
}

.emailcolumn_pic {
width: 36px;
}

.emailcolumn_headline {
float: left;
width: 250px;
}

.emailcolumn_subject {
float: left;
width: 30px;
}

.emailcolumn_date {
width: 30px;
}
.emailcolumn_read {
width: 10px;
}
.emailcolumn_checkbox {
width: 10px;
}

.see_email {
	position: absolute;
	top: 23px;
	right: -1px;
}

.see_email a {
	display: block;
	width: 34px;
	height: 34px;
	background: url(../media/see_btn_roll.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}

.see_email a:hover {
	background-position: 0 -34px;
}

#previewlinks_email {
	position: absolute;
	width: 280px;
	left: 90px;
	bottom: 14px;
}

#previewlinks_email  ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#previewlinks_email ul li {
	display: inline;
}

#previewlinks_email ul li a {
	padding-right: 10px;
	color: #FF8000;
	text-decoration: none;
}

#previewlinks_email ul li a:hover {
	color: #994D99;
	text-decoration: none;
}

#online_email {
	text-align: right;
	position: absolute;
	width: 80px;
	right: 0px;
	bottom: 14px;
}

#online_email a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF8000;
	text-decoration: none;
	text-align: right;
}


/* infocolumn */


#infocolumncontainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #334DB3;
}

#online a:hover {
	color: #666699;
	text-decoration: none;
}

#infocolumn/* start */ {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3366CC;
	font-weight: bold;
	float: left;
	text-align: left;
}

#infocolumn ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#infocolumn a {
	color: #FF8000;
	text-decoration: none;
	height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	display: block;
	font-weight: bold;
	padding-top: 4px;
}

#infocolumn a:hover {
	color: #994D99;
	text-decoration: underline;
	border-bottom-width: 1px;
}

.infocolumnlabel {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

.infocolumn1 {
	width: 135px;
}

.infocolumn2 {
	width: 115px;
	margin-left: 20px;
}

.infocolumnlinks {
	width: 165px;
	margin-left: 20px;
}

#infocolumnlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #334DB3;
	font-weight: bold;
	float: left;
	text-align: left;
}

#infocolumnlinks ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#infocolumnlinks a {
	color: #FF8000;
	text-decoration: none;
	display: block;
	height: 24px;
	padding-top: 5px;
}

#infocolumnlinks a:hover {
	color: #994D99;
	text-decoration: none;
}

#infocolumnclear {
	clear: both;
	display: block;
	height: 30px;
}


 
 /* Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol {
	float:none;
	background-color: #FFFFFF;
}
}