@charset "UTF-8";
/*
Theme Name: Main VDT Website
URI: http://www.ral.ucar.edu/projects/vdt/
Description: The original theme for the VDT Project website
Author: Lara Ziady
Author URI: http://www.ral.ucar.edu
Version: 1.0 | 11/30/2009
.
[Table Of Contents]
    0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header
	5- Navigation
	6- Page layout
	7- Forms
	8- Extras
	9- Footer
*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('/styles/reset.css');
/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
    font-size: 62.5%; /* reduces size of Medium Font from 16px down to 10px; therefore 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc. */ 
	line-height: 1;
	vertical-align: top;
    background: #585756 url(/images/back_lt3.png) repeat;
	
    color: #000;
}
p {
    margin: 1em 2em 1em 2em;
	color: #333333;
    font-size: 1.1em;
	line-height:1.3em;
}
ul {
	margin: 0 5em 1em 5em;
	list-style: disc;
}
ul.nobullet li {
	margin: 0 0 0.7em 0;
    list-style:none;
}
li {
	padding:0 0 0em 0.5em;
	margin: 0 0 0 0;
}
li img {
	padding:0;
	margin: 0 0.5em 0 0;
	display: inline;
}
img {
	margin: 0 1em 0 1em;
	padding: 0;
}
.right {
float: right;
width: 44%;
}
.left {
float: left;
width: 44%;
margin: 0 20px;
}
.page_figure_right{
    width: 450px;
    float: right;
    margin: 5px 10px 16px 12px;
    padding: 0;
    color: #3c6786;
    display: inline;
    font-size: 8pt;
    line-height: 10pt;
}

.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-center {
text-align:center;
}
.justify {
text-align:justify;
}
.hide {
display: none;
}
.clear {
clear: both;
}
.bold {
font-weight:bold;
}
.italic {
font-style:italic;
}
.underline {
border-bottom:1px solid;
}
.highlight {
background:#ffc;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
float:left;
margin:4px 10px 4px 0;
}
img.alignright {
float:right;
margin:4px 0 4px 10px;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:Link, a:visited {
	text-decoration: none;
	color:#003300; 
	border-bottom: thin dotted #003300;
}
a:hover {
	/*background: #cde8fb;
	text-decoration: #295594 underline overline;*/
}
a:active {
    color: #111;
}
a img {
	border: 0;
	vertical-align: middle;
}
a.plain:link {
  border: none;
}
/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3 {
	margin: 0;
    letter-spacing: -0.03em;
	color: #444444;
}
h1 {
	margin-bottom: 15px;
	font-size: 1.6em;
	font-weight: bold;
	padding-left: 1em;
    border-left: 0.4em solid #444444;
    color: #000000;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding-left:1.2em;
	background: #B3B3B3 none repeat scroll;
	background-position: 0%;
	border-left: 0.4em double #1C2D4B; 
	border-right: 0.4em double #1C2D4B;
 	margin: 0.5em 0;
	color: #1C2D4B;
	
}

h3 {
	font-size: 1.2em;
	font-weight:normal;
	padding-left: 2em;
	text-decoration:underline;
}
/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/*---   Main Site Navigation  ---*/
#nav_main_wrap {
	position: relative;
	top: 1px;
	left: 0px;
	width: 1250px;
	z-index: 1000;
	margin-left:20px;
	margin-right:auto;
	_margin: -0px 0px;
    overflow:hidden;
}
#nav_main {
    font-family: verdana, arial, sans-serif;
    font-size:1.1em;
    width:97%;
    letter-spacing:-1px;
    font-weight:bold;
    float:none;
    margin:6px 0 0 0;
    color:#fff;
    overflow:hidden;
}
#nav_main a {
    color:#000;
    background:#fff;
    padding:3px 2px 2px 2px;
    margin:0 0 0 1px;
    line-height:21px;
}

/*##########   BREADCRUMB NAVIGATION  ############*/

#breadcrumb_nav {
	width: 700px;
	height: 10px;
	float: left;
	font-size: 1em;
	color: #524e4b;
	margin: 4px 20px 6px 20px;
}

#breadcrumb_nav a {
	color: #003300;
	border-bottom: 2px dotted;
}
#breadcrumb_nav a hover{
	font-weight:bold;
}
#breadcrumb_nav li {
	display: inline;
}

#search {
    width:260px;
	height: 10px;
	float: left;
	font-size: 1em;
	color: #524e4b;
	margin: 4px 20px 6px 0;
	
}
/*########## Page level navigation #######$#######*/
#suckertree1 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#suckertree1 li {
	margin: 0;
	padding: 0;
}

#suckertree1 li ul li {
	margin: 0px;
	padding: 0px;
}

.suckerdiv {
	width: 145px; /* Width of Menu Items */
}

.suckerdiv ul li {
	position: relative;
	border-bottom: 1px solid #666666;
}

.suckerdiv ul li ul { /*1st level sub menu style */
	left: 129px; /* Parent menu width - 1*/
	position: absolute;
	width: 145px; /*sub menu width*/
	top: 0;
	display: none;
	z-index: 30;
}

.suckerdiv ul li ul li a { /*1st level sub menu style */
	background-color: #4b6d33;
	color:#fff;
	border-bottom: 1px solid #e0e0e0;
	padding: 0px;
}

.suckerdiv ul li ul li ul { /*All subsequent sub menu levels offset */
	background: #a0c2c3;
	left: 1em; 
}


.suckerdiv ul li a  { /* menu links style */
	font: normal 8pt/10pt Arial, Helvetica, sans-serif;
	display: block;
	color: #333;
	text-decoration: none;
	background: #c5c2bd;
}
.suckerdiv ul li a:hover{
	background: #4b6d33;
	color: #fff;
	text-decoration: none;
}
	
/* Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */



/* =6 Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#wrapper {
	width:100%;
	height: auto;
	min-height:600px;
	margin:10px, 10px, 0, 0;
	padding-top: 0;
}

#header {
    width:auto;
    height:55px;
    font: #a0c2c3 Verdana, Arial, sans-serif;
    overflow:hidden;
	margin: 0, 0, 0 auto;
    padding: 1em 0 0.5em 0;
    background:#6C7653 url(/images/hfip_header.png) left no-repeat;
}
#content {
    position:relative;
	width: 100%;
    margin: 35px 0 0 0;
	height:auto;
	text-align: left;
	overflow: visible;
}
#column_pagenav {
	/*background: #a0c2c3;*/
	float: left;
	clear: left;
	width: 145px;
	height: auto;
	min-height: 600px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 5px;
	text-align: left;
}

#column_pagenav .headers {
    color: white;
    font: bold 110% Arial;
    background-color: #666666;
	display: block;
	margin-top: 5px;
	padding: 5px 0 0 0;
    min-height: 25px;
    text-align: center;
}
#column_pagenav .headers_top{
    color: white;
    font: bold 110% Arial;
    background-color: #666666;
	display: block;
	margin-top: 0px;
	padding: 5px 0 0 0;
    min-height: 25px;
    text-align: center;
}
#column_pagenav .header2 {
    font: bold 110% Arial #444;
    background-color: #c7dbf8;
	margin-top: 0px;
	display: block;
    text-align: left;
	border-bottom: 1px solid #666666;
}
#column_pagenav .header2 a{
    color: #444;
    font: bold 110% Arial;
    background-color: #c7dbf8;
	display: block;
	margin-top: 0px;
    text-align: left;
}
#column_pagenav .header2 a:hover{
	background: #295594;
	color: #fff;
	text-decoration: none;
	display: block;
	margin-top: 0px;
}
#column_pagenav a {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	padding: 6px 4px 6px 4px;
	margin: 0;
	border: none;
}



/*##########   NEW COLUMN - PAGE CONTENT  ############*/

#wrap_pagecontent {
	width: 1024px;
	height:100%;
	min-height:600px;
	margin: 0;
	padding: 0;
}

        
/*##########  MAIN CONTENT  ############*/

#column_pagecontent_full {
	font-size:1.3em;
    text-align:justify;
    width:1000px;
	float: left;
	height:auto;
	min-height:600px;
	padding: 5px 0 0 0;
    margin: 0 10px 15px 15px;
    background:#E6E6E6; 
	border-top: 20px solid #4b6d33;
}
#column_pagecontent_2col { /*used for a two column layout with a secondary content column (no page col)*/
	font-size:1.3em;
    text-align:justify;
    width:720px;
	float: left;
	height:auto;
	min-height:600px;
	padding: 5px 0 0 0;
    margin: 0 5px 15px 15px;
    background:#E6E6E6; 
	border-top: 20px solid #4b6d33;
}
#column_pagecontent { /*used for a multi-column page along with secondary content column*/
	font-size:1.3em;
    text-align:justify;
    width:570px;
	float: left;
	height:auto;
	min-height:600px;
	padding: 5px 0 0 0;
    margin: 0 10px 15px 15px;
    background:#E6E6E6; 
	border-top: 20px solid #4b6d33;
}

/*##########  SECONDARY CONTENT  ############*/
#column_subcontent_wrap {
    font-size:1em;
	background: #E6E6E6;
	width: 250px;
	height: auto;
	padding: 5px;
	margin: 0 10px 15px 0;
	float: left;
	border-top: 20px solid #4f736a;
}

#column_subcontent_wrap h2 {
	font-weight: bold;
	padding: 0 1.2em 0 1.2em;
	background: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #1C2D4B;
 	margin: 1em;
	color: #1C2D4B;
	
	
}
/* ----- col1full ----- */

#column_related_fullwidth1 {
	float: left;
	width: 96%;
	background:#fff;
	height: auto;
	margin: 4px 0px 10px 4px;
	padding: 0px;
}

/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#pagefeature  {
	height: auto;
	margin: 0px 15px 10px 15px;
	_margin: 0px 0px 10px 0px;
	padding: 0px 15px 0px 5px;
	_padding: 0px; /* for IE6 */
}

#pagefeature img {
    width: 100%;
	background: #fff;
	float: left;
	margin: 0 8px 8px 0px;
	padding: 5px;
	border: 1px solid black;
}

#pagefeature_caption {
	float: right;
	width: 155px;
	height: auto;
	margin: 0px 0px 5px 2px;
	_margin: 0px;
	padding: 0px;
}

#pagefeature_caption p {
	font-size: 8pt;
	font-family: arial, sans-serif;
	line-height: 11pt;
	color: #333;
}

#pagefeature_caption a {
	font-size: 8pt;
	font-family: arial, sans-serif;
	line-height: 11pt;
	text-decoration: underline;
	color: #333;
}
.glyphicon-lock {
  border: medium none;
  color: lightgrey;
  margin: 20px;
}

/* css table, table */
#css_table, .css_table {
    margin: 2em;
}
#rowhead, #accordion th {
  clear: both;
  padding-top: 1px;
  border-top: 1px solid #95a6b1;
  background: #E8E8E8;
  width: 500px;
  height: 20px;
  font-weight: bold;
  }
th {
  font-weight: bold;
  text-transform:uppercase;
}
td {
	padding-top:5px;
}
#row {
  clear: both;
  padding-top: 0px;
  border-top: 1px solid #95a6b1;
  background: #E8E8E8;
  width: 500px;
  font-size: 9pt;
  }

.col_left {
  float: left;
  width: 120px;
  text-align: left;

  }

.col_right {
  padding-left: 2px;
  float: right;
  width: 340px;
  text-align: left;
  }
/* google cse*/
.cse input.gsc-input, input.gsc-input,
input.gsc-input::-moz-placeholder {
	font-size: 10px !important;
}  
.gsc-control-cse.gsc-control-cse-en,
.gsc-control-cse {
	padding: 1px;
}
/* jquery ui (accordion) */

.ui-state-active, .ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, a.ui-button:active, 
.ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #4b6d33;
	background: #4b6d33;
	font-weight: normal;
	color: #ffffff;
}

/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer {
	background-color: #524E4B;
	padding: 0.5em 0 0.4em 0;
	width: 100%;
	clear:both;
	float: left;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
    font-size: 1.3em;
    margin: 0;
    text-align: left;
	clear:both;
 }

#footer p {
    color:#fff;
	font-size: 1em;
	line-height: 1.3em;
}

#footer a {
	color: #ffffff;
	border-bottom: 1px dotted #ffffff;
}
#footer a:hover {
    background-color: #4f736a;
	color: #000000;
}