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

body {
background: #fff url('/media/bg-body.gif') top left repeat-x;
font-family: Verdana, sans-serif;
font-size: 62.5%;
color: #333;
line-height: 1.8em; }

p {padding: 7px 0 7px 0; font-size: 1.2em;}
ul, ol {font-size: 1.2em; }

a:link {color: #0050a0;}
a:visited {color: #cb02c4;}
a:hover, a:active {color: #f33;}

h1, h2, h3, h4, h5 {
padding: 0 0 5px 0;
font-family: Georgia, serif; }

h1 {font-size: 2.4em;}
h2 {font-size: 2.2em;}

#content h1 {
font-family: Verdana, sans-serif;
 color: #002440;
 padding: 14px 0 6px 0;}

#content h2 {
 font-weight: normal;
 color: #0050a0;
 padding: 18px 0 3px 0;}
 
#left h3 { color: #fff; font-size: 1.6em; padding: 18px 0 6px 0; }

#content h3 {
color: #ff3334;
font-family: Verdana, sans-serif;
font-size: 1.6em;
padding: 18px 0 0 0;}
 
#content h3.boxsub {
color: #f33;
font-family: Verdana, sans-serif;
font-size: 1.2em; 
text-transform: uppercase;
padding: 3px 0 0 0;}


.clear { clear: both; }

#mainContainer {
width: 760px;
padding: 0 0 0 20px;
min-height: 300px;
background: transparent url('/media/bg-rays.jpg') top left no-repeat; }

#results #mainContainer { background: transparent url('/media/bg-rays-results.jpg') top left no-repeat;}

* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header { height: 156px; }

#titles {
position: absolute;
width: 500px;
height: 100px;
top: 40px; left: 318px; }


#titles h1 { color: #fff; font-weight: normal; font-size: 28px; padding: 0 0 6px 0; }
#titles h2 { color: #7fd2f6;  font-size: 20px; padding: 0 0 3px 0;}
#titles h3 { color: #fff; font-weight: normal; font-size: 18px;}

/**************************
CONTENT AND COLUMNS
**************************/
.outer { padding-left: 0px; }

.inner {
width: 595px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/ 
background: #fff url('/media/bg-sidebar-tile.gif') 8px 0 repeat-y;}

#results .inner { background: #fff; }

* html .inner {width: 100%;}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/

.float-wrap {
background: transparent url('/media/bg-sidebar-top.gif') 34px 0 no-repeat;
float: left;
width: 810px;
margin-left: -0px; /*** Same length as .outer padding-left but with negative value ***/ }

#content {
float: right;
width: 530px;
background: #fff;}

* html #content {
position: relative; /*** IE needs this  ***/}

.contentWrap {padding: 20px 5px 5px 5px;}

.box { float: left; width: 220px; padding: 0 20px 0 0; }

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 180px;
min-height:650px;
padding: 20px 25px 0 50px;
margin-top: 155px;
background: #fff url('/media/bg-sidebar.gif') 35px 0 no-repeat;
color: #fff; }

* html #left {
position: relative; /*** IE needs this  ***/
height: 650px;}

/**************************
FOOTER
**************************/
#footer {
width: 100%;
height: 40px;
color: #fff;
margin: 0;
padding: 0;
background:  #0050a0;
text-align: center;}

#footer p { padding: 10px; font-size: 11px; }

/**************************
NAV
***************************/
/*- Menu Tabs--------------------------- */ 

    #tabsJ {
      float:right;
      width: 515px;
      background: transparent;
      font-size:93%;
      line-height:13px; } /*** "line-height:1.14" seems to work, too */
      /*** line-height was previously set to "normal", but this didn't display properly in FF3 and
      Safari 3.1 on Mac OS X; see <http://archivist.incutio.com/viewlist/css-discuss/101571> */
	  
    #tabsJ ul {
	margin:0;
	padding:134px 10px 0 50px;
	list-style:none; }
	  
    #tabsJ li {
      display:inline;
      margin:0; padding:0; }
	  
    #tabsJ a {
      float:left;
      background:url("/media/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;}
	  
    #tabsJ a span {
      float:left;
      display:block;
      background:url("/media/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#fff; }
	
    #tabsJ a:hover span {
      color:#0050a0; }
	  
    #tabsJ a:hover {
      background-position:0% -42px; }
	  
    #tabsJ a:hover span {
      background-position:100% -42px; }
	  
	#tabsJ a#currenttab {
      background-position:0% -42px;
		color: #0050a0;}
	  
    #tabsJ a#currenttab span {
      background-position:100% -42px;
color: #0050a0;	  }


/*bullets*/
.bullet li {
background:transparent url("/media/bull-star.gif") no-repeat scroll 0 2px;
list-style-type:none;
margin:5px 12px 5px 0;
padding-left:18px;}