
/* main page */

body {
	margin:0;
	padding:0;
	font: 11px Verdana, Helvetica, sans-serif;
	color:#000;
	background-color: #fff;
	line-height:1.5em;
}
	
table, td {
	vertical-align: top;
	font: 12px Verdana, Helvetica, sans-serif;

}

a:link, a:visited {
            color: #004C8A; 
            text-decoration: none; 
}
 
a:hover {
            color: #e20725; 
            text-decoration: underline; 
}

.arrow li  {
            font-family: Verdana, Helvetica, sans-serif;
            list-style-image: url(../images/blue_bullet.gif); line-height: 1.5em;
}

.arrowindent li  {
                 font-family: Verdana, Helvetica, sans-serif;
                 list-style-image: url(../images/blue_bullet.gif); line-height: 1.5em;
                 margin-left: -25px;
}

/* header */

#header {width: 100%;
	background-color: #FFF;
	position: relative;
}


.buttons {
	position: relative;
	color: #fff;
	font-size: 11px;
	right: 0px;
}

.buttons a:link, .buttons a:visited {
	color: #fff; 
	font-size: 11px;
	text-decoration: none; 
}

.buttons a:hover {
		color: #fff;
		text-decoration: underline;
		font-size: 11px;
	}

#floater {
	position: absolute;
	right: 0px;
	top: 3px;
	padding-right: 10px;
	text-align: right;
	font-size: 11px;
}

.searchbox {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px; 
	right: 0px;
	margin-top: 6px;
}

input.search {
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	width: 200px;
	color: #444;
}
	
.blueline {
	background-color: #0066CB;
	height: 10px;
	margin-top: 1px;
}

#headergraphic {
	background-color: #ffffff;
	min-width: 799px;
    	width: 100%;
	height: 85px;
    	white-space:nowrap;
	padding:0;
	margin:0;
}



.topnav a:link, .topnav a:visited {
   color: #666; 
	font-size:10px;
	text-decoration: none;
	margin-top: 65px;  
}

.topnav a:hover { 
	text-decoration: underline; 
	color: #000;
	font-size:10px;
}

#topnav {
	padding:5px 0 0 0;
	position: relative;
	margin-left: 8px;
	font-size:10px;
	color:#333;
	background-color:#FFF;
	right: 0px;
}
	

/* left nav */


#leftnav
{
	width: 160px;
	background: #F7F7F7;
	font-size: 11px;
	line-height: 1.8;
	border-right: 1px solid #F7F7F7;
	border-bottom: 1px solid #F7F7F7;
	padding: 0px;
}

.navhead
{
	background: #D9D8D8;
	font-weight: bold;
	margin-bottom: 4px;
	padding: 4px;
	font-family: Verdana, Helvetica, sans-serif;; 
	font-size: 11px; 
	line-height: 14px; 
	color: #555;
	padding-left: 7px;
}

#navgroup
{
	line-height: 1.6em;
	padding-bottom: 6px;
	margin-left: 11px;
}


#navgroup a:link, #navgroup a:visited
	{
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 11px; 
		color: #555; 
		text-decoration: none; 
	}

#navgroup a:hover
	{ 
		text-decoration: underline;
		font-size: 11px; 
	}
	

/*breadcrumb*/

.breadcrumb
	{
		
		padding: 20px 0px 15px 0px;
		text-align: left;
		border: 1px solid #fff;
		font-family: Verdana, Helvetica, sans-serif; 
		font-size: 10px; 
		font-weight: normal; 
		color: #333333; 
		text-decoration: none;
	}
	
.breadcrumb:hover 
	{ 
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10px; 
		font-weight: normal; 
		color: #0000CC; 
		text-decoration: none;
	} 

.breadcrumb:visited 
	{ 
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10px; 
		font-weight: normal; 
		color: #333333; 
		text-decoration: none;
	} 

.breadcrumb:visited:hover 
	{ 
		font-family: Verdana, Helvetica, sans-serif; 
		font-size: 10px; 
		font-weight: normal; 
		color: #0000CC; 
		text-decoration: none;
	} 

/* main column */

.notice
	{
		border: #666 dashed 1px;
		background-color: #e6e6e6;
		padding: 8px;
		margin-top: 20px;
	}

.hide
	{
		display: none;
	}


.wrap
	{
		position: relative;
		width: 100%;
		margin: 0px;
		
	}

.wrapln
	{
		position: relative;
		width: 600px;
		margin-left: 180px;
		
	}

.featured
{
		border-collapse: collapse;
}

.featured td
{
	padding-right: 10px;
	padding-bottom: 8px;
}

.feature
{
	font-size: 12px;
	font-weight: bold;
}


#colmain
{
	width: 420px;
	padding-left: 14px;
	padding-right: 8px;
	margin: 0 20px;
}

#colmainleft, #colmainright
{
	width: 45%;
	margin: 0 20px;
}

#colmainleft { padding-right: 20px; }

#colright
{
	width: 200px;
	margin: 0 20px;
	padding-left: 8px;
}

.box_gray, .box_white
{
	border: 1px solid #d3d3d3;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
}

.boxgray
{	
	background-color: #f4f4f4;
}

.graybox
	{
		background-color: #eee;
		border-top: 1px dotted #666;
		border-bottom: 1px dotted #666;
		padding: 10px;
		margin: 10px 0px 10px 0px;
	}
	
	.icon
{
	padding: 4px 2px 5px 5px;
}

.title
{
	margin-bottom: 3px;
}


.leftnav
	{
		width: 160px;
		padding-top: 2px;
		margin-left: 10px;
		float: left;
		
	}


.thumb
	{
		margin-right: 5px;
		margin-bottom: 5px;
	}

.thumbright
	{
		margin-top: 5px;
		margin-left: 5px;
		margin-bottom: 5px;
	}
	
.blurb
{
	margin-top: 6px;
}

.pullquote
	{
		color:#666;
		font-weight:bold;
		width:170px;
		float:right;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		background-color:#eee;
		padding:8px;
		margin: 5px 0px 5px 5px;
	}
	
/* Legacy DLC classes */

.small
	{
		font-size:10px;
	}

/* Subscriptions */

#navLeft {
	float: left;
	width: 160px;
	}
	
#contentRight {
	margin: 0 0 0 180px;
	width:560px;
	}

/* Search Results Page */
.keywordhighlight
{
	font-weight: bold;
	background-color: #fff;
	background-layer: #fff;
}

.l { font-size: 11px; }

#footer {
	margin-top: 50px;
	margin-bottom: 8px;
	padding-left: 20px;
	color: #666;
}

#footer a:link, #footer a:visited {
	color: #666; 
	font-size: 11px;
	text-decoration: none; 
}

#footer a:hover { 
	text-decoration: underline; 
}

/*  Tabs */

#wrap {
	width: 100%;
	margin: 0px;
	white-space: nowrap;
}
  	
  a:link.selfref, a:visited.selfref, #navcol a, .tabs a{
	text-decoration: underline; 
	}



  	#toptabs {
		
		margin: 0;
		padding: 0;
		float:left;
		width:100%;
		font-size:10px;
		background:#fff url("../images/bg.gif") repeat-x bottom;
		font-family: Verdana, Arial, san-serif;
		line-height:normal;
		
  	}
	
  	#toptabs ul {
  	margin:0;
  	padding:5px 6px 0;
  	list-style:none;
  	}
  	#toptabs li {
  	float:left;
  	background:url("../images/left_both.gif") no-repeat left top;
  	margin:0 2px;
  	padding:0 0 0 9px;
  	border-bottom:1px solid #000;
  	}
  	#toptabs a {
  	float:left;
  	display:block;
  	width:.1em;
  	background:url("../images/right_both.gif") no-repeat right top;
  	padding:5px 15px 4px 6px;
  	text-decoration:none;
  	color:#333;
  	}
  	#toptabs > ul a {width:auto;}
  	/* Commented Backslash Hack hides rule from IE5-Mac \*/
  	#toptabs a {float:none;}
  	/* End IE5-Mac hack */
  	#toptabs a:hover {
  	color:#333;
  	}
  	
  	
  	#toptabs .current {
  	background-position:0 -150px;
  	border-width:0;
  	font-weight: bold;
  	}
  	#toptabs .current a {
  	background-position:100% -150px;
  	padding-bottom:5px;
  	color:#000;
  	}
  	#toptabs li:hover, #toptabs li:hover a {
  	background-position:0% -150px;
  	text-decoration: underline;
  	color:#333;
  	}
  	#toptabs li:hover a {
  	background-position:100% -150px;
  	}
	

  	/*bottom tabs*/
  	
 	.tabs td, .tabs th {
  	       background-image: none;
  	       background-repeat: no-repeat;
  	}
  	
  	.tabs {
  	background: #fff url("../images/bg.gif") repeat-x bottom;
 	
  	}
  	
  	.tabs th {
  	       background-color: #eee;
  	       color: #fff;
  	       border: 1px solid #000;
  	   	   border-bottom: none;
  	  	   padding: 5px 15px;
  	  	   border-left: 1px solid #000;
  	  	   
  	}
 
  	.tabs td {
  	       background-color: #fff;
  	       border: 1px solid #000;
  	       padding: 5px 12px;
  	  }
	  
 /* merged bottom  2 linesfrom other css  	
 	#toptabs {
  	       border-bottom: 15px #e6e6e6 solid;
  	       border-right: 0px #e6e6e6 solid;
			 background-color: #fff;
	       border-bottom: 6px solid #ddd;
  	       }  */
  	
  	.tabset {
 		border-top: 1px solid #000;
 		margin-top: -1px;
 	}
 	
 	.tabs {
		position: relative;
		border-spacing: 2px 0px;
	}
	
  	.tabs th, .tabs th a:link, .tabs th a:visited {
  	       color: #333;
  	}

  	.tabs td, .tabs td a:link, .tabs td a:visited {
  	       color: #333 !important;
  	       font-weight: normal;
  	}
  	
  	.tabs a:hover {
  	       text-decoration: underline;
  	}
  	
  	.infotable th {
  	       background-color: #fff;
  	       }
			 
			 
.tabs th {
	border-right: 1px solid #333;
	background-color: #eee;
	color: #fff;
	border-left: 1px solid #fff;
}

#toptabs th {
	background-color: #ddd;
}
	
.tabs td {
	background-color: #999;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

/*  possible needles dupes of tags 

.tabs th, .tabs th a:link, .tabs th a:visited {
	color: #555 !important;
}

.tabs td, .tabs td a:link, .tabs td a:visited {
	color: #fff !important;
} */

#graybar {
	background:#e6e6e6;
	font-size:11px;
	color:#333;
	position: relative;
	min-width: 799px;
   	width: 100%;
	height: 25px;
   	white-space:nowrap;
}

#graybar a:link, #graybar a:visited {
	color: #000; 
	font-size: 11px;
	text-decoration: none; 
}

#graybar a:hover { 
	text-decoration: underline; 
}

.topnav {
	padding: 5px 0 0 2px;
	position: relative;
	left: 0px;
	margin-left: 8px;
}
	
.twodots {
	background-image: url(images/twodots.gif);
	background-repeat: repeat-x;
	height: 3px;	
}

