/* DEEP CARBON OBSERVATORY STYLESHEET */
/*  DRAFT 9  10-19-09  */



body {
margin: 0;
padding: 0;
background: #ffffff;
font-family:arial, sans-serif;
background: url(images/carbon_bg.jpg) top left no-repeat;
background-attachment: fixed;
}

:focus {
outline: 0;
}

p {
margin: 0 0 15px 0;
}

.clear {
clear:both;
}

#shadow-bg { /* adds shadow behind banner and content area */
width:932px;
margin: 0 auto;
padding: 0;
background: url(images/glow-bg.png) top center repeat-y;
}

/*-----------------------------------------------------------------
            Banner and search box
-------------------------------------------------------------------*/

#banner {
margin: 0 auto;
padding:0;
background: url(images/banner.png) top left no-repeat;
height: 140px;
width: 900px;
}

#banner-box-wrap {
margin: 0 auto;
padding:0;
height: 140px;
width: 900px;
}

#banner-box-left { /* basically, a left margin to push out space for the search box on right */
margin: 0 auto;
padding:0;
height: 140px;
width: 555px;
float:left;
}

#banner-box-right { /* space for the right-hand space for the search box */
margin: 0 auto;
padding:0;
height: 140px;
width: 345px;
float:left;
}

#banner-box-right-top { /* basically, top margin pushing down space for search box below */
height:100px;
width:345px;
}

#banner-box-right-searchbox { /* space in banner for search box */
height:40px;
width:345px;
border:0;
color:#ffffff;
font-size:12px;
line-height:1.3em;
text-align:right;
}
/*------------------------/banner & search box area------------------------*/


/*------------search box form style ------------*/
input#searchbutton {
	float:right;
	background:transparent url(images/search-button.png) 0 0 no-repeat;
	border:none;
	width:20px;
	height:20px;
	cursor: pointer;_cursor:hand;
}
input#searchfield {
	background-color:#EFEFEF;
	border:1px solid black;
	width:128px;
	font-size:12px;
	margin:0;
	padding:2px;
}
/*-----------------------------------------------*/

#content_bg { /* with two sidebars */
margin: 0 auto;
padding: 0;
width:900px;
background: url(images/2sidebar-bg.png) top center repeat-y;
}

#content { /*content1 in wp?*/
margin: 0;
padding: 0;
font-family:arial, sans-serif;
font-size: 13px;
line-height: 1.4em;
}



#left {
margin:0;
padding: 15px;
width:170px;
float:left;
}

#middle {
margin:0;
padding: 0;
width:500px;
float:left;
background: #ffffff;
}

#middle-padding {
margin:0;
padding: 15px;
float:left;
background: #ffffff;
}

#right {
margin:0;
padding: 15px;
width:170px;
float:left;
}



#content_bg_2 { /* with one sidebar */
margin: 0 auto;
padding: 0;
width:900px;
background: url(images/1sidebar-bg.png) top center repeat-y;
}

#middle_2 {
margin:0;
padding: 0;
width:700px;
float:left;
background: #ffffff;
}

#middle-padding_2 {
margin:0;
padding: 15px;
float:left;
background: #ffffff;
}


/*===================FOUR BLOCKS LINKS STYLES===========================*/
#fourblocks {
width:402px;
height:402px;
margin:0 auto;
padding:0;
}

#block1-2 {
width:402px;
height:201px;
margin:0;
padding:0;
}

#block1 {
width:201px;
height:201px;
margin:0;
padding:0;
float: left;
}

#block2 {
width:201px;
height:201px;
margin:0;
padding:0;
float: right;
}

#block3-4 {
width:402px;
height:201px;
margin:0;
padding:0;
}

#block3 {
width:201px;
height:201px;
margin:0;
padding:0;
float: right;
}

#block4 {
width:201px;
height:201px;
margin:0;
padding:0;
float: left;
}

a.block-reservoirs {display:block;width:201px;height:201px;background:url("images/block-reservoirs1.jpg") 0 0;margin:0;padding:0;text-decoration:none !important;}
a.block-reservoirs:hover {background-position: 0px -201px;text-decoration:none !important;}

a.block-energy {display:block;width:201px;height:201px;background:url("images/block-energy1.jpg") 0 0;margin:0;padding:0;text-decoration:none !important;}
a.block-energy:hover {background-position: 0px -201px;text-decoration:none !important;}

a.block-deeplife {display:block;width:201px;height:201px;background:url("images/block-deeplife1.jpg") 0 0;margin:0;padding:0;text-decoration:none !important;}
a.block-deeplife:hover {background-position: 0px -201px;text-decoration:none !important;}

a.block-instruments {display:block;width:201px;height:201px;background:url("images/block-instruments1.jpg") 0 0;margin:0;padding:0;text-decoration:none !important;}
a.block-instruments:hover {background-position: 0px -201px;text-decoration:none !important;}


/*=========================================================*/

#footer {
height: 174px;
width: 900px;
margin: 0 auto;
padding: 0;
background:url(images/footer.png) top left repeat-x;
}

#footer_content {
margin: 0;
padding: 15px;
color: #ffffff;
text-align:center;
font-family:arial, sans-serif;
font-size: 13px;
line-height: 1.4em;
}
#footer_content a:link 	{ color:#ffffff; font-weight:bold; text-decoration:none; }
#footer_content a:visited { color:#ffffff; font-weight:bold; text-decoration:none; }
#footer_content a:hover 	{ color:#ffffff; font-weight:bold; text-decoration:underline; }
#footer_content a:active 	{ color:#ffffff; font-weight:bold; text-decoration:underline; }




/* MENU
----------------------------------------------- */

#menubg {
margin:0 auto;
padding:0 0 0 50px;
height:38px;
width:850px;
background:url(images/menu-bg.gif) top left repeat-x;
}

.menu{
border:none;
border:0;
margin:0;
padding:0;
font-family:arial;
font-size:14px;
font-weight:bold;
color:#000000;
}

.menu ul{
background:url(images/menu-bg.gif) top left repeat-x;
height:38px;
list-style:none;
margin:0;
padding:0;
}

.menu li{
float:left;
}

.menu li a{
color:#ffffff;
display:block;
font-weight:bold;
line-height:32px;
padding:0px 15px;
text-align:center;
text-decoration:none;
}

.menu li a:hover{
color:#E61323;
text-decoration:none;
}

.menu li ul{
color:#000000;
background:#eeeeee;
border-left:1px solid #aaaaaa;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}

.menu li:hover ul{
display:block;
color:#000000;
}

.menu li li {
display:block;
float:none;
width:225px;
color:#000000;
}

.menu li ul a {
border:1px solid #aaaaaa;
margin:0;
padding:5px 10px;
line-height:1.2em;
display:block;
font-size:13px;
font-style:normal;
text-align:left;
color:#000000;
}

.menu li ul a:hover{
background:#dddddd;
color:#B1030C;
opacity:1.0;
filter:alpha(opacity=100);
}

.menu p{
clear:left;
}
		
.menu #current{
background:url(images/current-bg.gif) top left repeat-x;
color:#ffffff;
}
		

		
/* LINKS
----------------------------------------------- */

a:link 	{ color:#B1030C; font-weight:bold; text-decoration:none; }
a:visited { color:#B1030C; font-weight:bold; text-decoration:none; }
a:hover 	{ color:#B1030C; font-weight:bold; text-decoration:underline; }
a:active 	{ color:#B1030C; font-weight:bold; text-decoration:underline; }



/*=============== Headings ==============*/


h1 {
padding: 0;
margin: 0 0 12px 0;
color: #B1030C;
text-align: left;
font-family: arial, sans-serif;
font-size: 22px;
font-weight: bold;
letter-spacing: 0px;
line-height: 1.3em;
}

h2 {
padding: 0;
margin: 0 0 8px 0;
color: #515259;
text-align: left;
font-family: arial, sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 1.3em;
}

h3 {
padding: 0;
margin: 0 0 5px 0;
color: #81848E;
text-align: left;
font-family: arial, sans-serif;
font-size: 17px;
font-weight: bold;
line-height: 1.3em;
}

h4 {
padding: 0;
margin: 0 0 5px 0;
color: #B1030C;
text-align: left;
font-family: arial, sans-serif;
font-size: 17px;
font-weight: bold;
line-height: 1.3em;
}

h5 {
padding: 0;
margin: 0 0 12px 0;
color: #71747D;
text-align: center;
font-family: arial, sans-serif;
font-size: 20px;
font-style:italic;
font-weight: bold;
letter-spacing: 0px;
line-height: 1.3em;
}


/* LISTS
----------------------------------------------- */

.list1 {
margin: 0 0 15px 15px;
padding: 0 0 0 0;
line-height: 1.3em;
}

.list1 ul{
margin: 0;
padding: 0;
list-style-type: disc;
}

.list1 li{
margin: 0;
padding: 0 0 4px 5px;
font-weight:normal !important;
list-style-type: disc;
}




/* VNAV
------------------------------------------------------*/

.vnav {
padding: 0;
margin: 0;
list-style-type: none;
text-align: left;
border-top: 1px solid #afafaf;
font-family: arial, sans-serif;
font-size: 12px;
line-height: 17px;
color:#000000;
}

.vnav ul {
padding: 0;
margin:0;
list-style-type: none;
font-weight: bold;
}

.vnav li {
margin: 0;
padding: 0;
}

.vnav li a {
margin: 0;
padding: 2px 0px 2px 20px;
display: block;
width:150px;
font-weight: bold;
color: #B1030C;
background: transparent url("images/bullet.png") no-repeat 4px 6px;
border-bottom: 1px solid #afafaf;
text-decoration: none;
}

.vnav li a:visited {
margin: 0;
padding: 2px 0px 2px 20px;
display: block;
font-weight: bold;
color: #B1030C;
background: transparent url("images/bullet.png") no-repeat 4px 6px;
border-bottom: 1px solid #afafaf;
text-decoration: none;
}

.vnav li a:hover {
margin: 0;
padding: 2px 0px 2px 20px;
display: block;
font-weight: bold;
color: #B1030C;
background:#bbbbbb url("images/bullet.png") no-repeat 4px 6px;
border-bottom: 1px solid #afafaf;
text-decoration: underline;
}

.vnav li a:active {
margin: 0;
padding: 2px 0px 2px 20px;
display: block;
font-weight: bold;
color: #B1030C;
background:#bbbbbb url("images/bullet.png") no-repeat 4px 6px;
border-bottom: 1px solid #afafaf;
text-decoration: underline;
}

.vnav #current a {background-color:#ffffff; color:#000000;}


/* ==========================end vnav=====================*/

hr {
margin: 0 0 15px 0;
padding:0;
border: none 0; 
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #aaaaaa;
width: 100%;
height: 2px;
}



/* typography
----------------------------------------------- */


/* forms
----------------------------------------------- */




/* Accordion menu style */

.arrowlistmenu{
margin:0;
padding:0;
width: 170px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}


.menuheader a {color:white;text-decoration:none;}
.menuheader a:hover {color:white;text-decoration:none;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
/*background: url(arrowbullet.png) no-repeat center left;*/ /*custom bullet list image*/
background: url(images/bullet.png) no-repeat 2px 7px;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: .9em;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #ffffff;
}