/* CSS Document */
/**************************************************************
   AUTHOR:  Christy Carlson(High Plains Regional Climate Center)
   DATE:    2007.07.30
   PURPOSE: Controls the layout of the site and styles for 
   rcc-acis.org
   MODIFIED: Keith Eggleston (Northast Regional Climate Center)
   DATE:	2012.04.25
   PURPOSE:	data.rcc-acis.org landing page
 **************************************************************/

html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
ul,ol,li{margin:0;padding:0}

body{color:#4d4d4d; background: #FFF; font:1em tahoma, arial, sans-serif;}

img,fieldset{border:0}

input,button,textarea,select{font:11px tahoma, arial}

a{color:#990000;text-decoration:none}
a:hover{text-decoration:underline}

p{padding-top:6px; padding-bottom:6px;}

h1, h2, h3, h4, h5, h6 {padding-top:10px; padding-bottom:2px;}

h1{font-size:22px;}
h2{font-size:16px}
h3{font-size:12px}

/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/
#content { margin:auto; padding:5px 5px 5px 5px; background: #FFF; width: 800px; height:95%; font-size: 1em; }
/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/
#header { padding:0px; margin:0; width: 100%;}
#logo { float:left; margin: 0; padding: 0; border: none;}
#title { text-align:center; margin-left:280px; width:500px; }
#title span { font-style:bold; font-size:3em; font-family:tahoma,arial,sans-serif; color:darkred; }

/**************************************************************
   #page: Holds the main page content.
 **************************************************************/
#page { background: #ffffff; display: block; margin: 0px; padding:0px;  text-align:left; width: 100%; font: 400 1em sans-serif;}
#page p #page a {padding-left:1%; padding-right:1%; padding-top:5px; padding-bottom:5px;}
#page ul {padding-left:5%; padding-right:1%; padding-top:5px; padding-bottom:5px;}
#page li {padding-bottom:5px;}

.clearfix{display:block}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden} 
.clear {clear:both;}

/**************************************************************
  Menu
 **************************************************************/
#menu{margin:0; padding:0; width:100%; background: #3366cc; height:30px; background: url(bg_grey_tab2.jpg) repeat-x top left; }

#tabs{margin:auto; padding:0; height:30px; width:800px; list-style-type:none;}
#tabs ul{position:absolute;display:block;width:160px; list-style-type:none;}   
#tabs li ul{z-index:100;visibility:hidden;width:160px;}
#tabs li{width:160px;height:auto;display:inline;float:left; }  
#tabs li li{display:block;float:none;background:#e0e0e0;width:160px;}
#tabs a{font: 1em Arial, Helvetica, sans-serif;color:#333333;line-height:30px;text-align:center;display:block;width:160px; }   
#tabs a:hover, #tabs a.selected{background:url(bg_grey_tab2.jpg) repeat-x bottom left; color:#990000;text-decoration:none;}
#tabs ul a{font:normal 1em tahoma, arial;color:#e0e0e0;line-height:20px;width:198px;background:#777777;border-bottom:1px solid #a2a2a2; border-right: 0px;}
#tabs li.l{width:160px;}
#tabs li.l a{width:160px;}
#tabs li li li{background:#777777;}
#tabs li li ul{position:absolute;margin:-22px 0 0 133px;}
#tabs ul ul a{background:#fff9ea; background:url(bg_grey_tab2.jpg) repeat-x bottom left; color:#990000;}
#tabs ul a:hover, #tabs ul a.selected{}