/******************************************************************** 
*
*  Cascading style sheet for the State Climate Office of NC
*  website
*
*  Contains:
*  -- Class, id, and XHTML selectors to be used across entire site
*  -- Class and id selectors pertaining only to the main page
*
********************************************************************/

body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

body #wrapper #container {
	margin: 0;                          
}

body.mceContentBody {
background-color:#FFFFFF;
}


input {
	font-family: Arial, Helvetica;
	color: #000000;
	font-size: 14px;        
}

textarea, select {
	font-size: 14px;
	color: #000000;
}

h1 {
	font-size: x-large;      /* Absolute font size is extra large */ 
	font-weight: bold;       /* Font weight is bold to emphasize it */
	color: #003366;          /* Text color is medium teal */
	margin-left: 25px;       /* Left margins is 20 pixels */
	padding-top: 25px;       /* Top padding is 25 pixels */
	position: relative;      /* Position is relative to other elements on the page */
}

ul, quote, code, fieldset, ol {
	margin: 0.5em 0;
	font-size: 14px;
}


p {
	color: #000000;         /* Text color is black */
	font-size: 14px;        /* Font size is set to 16 pixels */
	padding: 0 25px;          /* Padding is 25 pixels in width */
	position: relative;     /* Position is relative to other elements on the page */
}


img a:link{
	text-decoration: none;
	border: none;
	color: none;
}




/* Main headers for each page*/
.MainHeader {
	font-size: x-large;      /* Absolute font size is extra large */ 
	font-weight: bold;       /* Font weight is bold to emphasize it */
	color: #003366;          /* Text color is medium teal */
	margin-left: 25px;       /* Left margins is 20 pixels */
	padding-top: 25px;       /* Top padding is 25 pixels */
	position: relative;      /* Position is relative to other elements on the page */
}

.SubHeaderCenter {
	text-align: center;
	font-size: 16px;         /* Font size is set to 16 pixels */
	font-weight: bold;       /* Font weight is bold to emphasize it */
	color: #003366;          /* Text color is medium teal */
	margin: 0 25px;       /* Left margins is 20 pixels */
	padding-top: 25px;       /* Top padding is 25 pixels */
	position: relative;      /* Position is relative to other elements on the page */
}

.SubHeaderLeft {
	font-size: 16px;         /* Font size is set to 16 pixels */
	font-weight: bold;       /* Font weight is bold to emphasize it */
	color: #003366;          /* Text color is medium teal */
	padding-top: 25px;       /* Top padding is 25 pixels */
	position: relative;      /* Position is relative to other elements on the page */
}


/* Main content for all pages */
.MainContent {
	color: #000000;         /* Text color is black */
	font-size: 14px;        /* Font size is set to 16 pixels */
	padding: 0 25px;          /* Padding is 25 pixels in width */
	position: relative;     /* Position is relative to other elements on the page */
}

/* Main content for all pages */
.MainContentFront {
	color: #000000;         /* Text color is black */
	font-size: 13px;        /* Font size is set to 16 pixels */
	margin-top: 25px;       /* Top margin is 25 pixels in width */
	padding: 10px 25px 25px 25px;          /* Padding is 25 pixels in width */
	font-weight: bold;

}

ul li {
	list-style: square outside;     /* Marker style is a square, and position is outside of the list content */
	margin: 5px 0;
}


ol li {
	list-style: decimal outside;     /* Marker style is a decimal number, and position is outside of the list content */
	margin: 10px 0;
}

.SmallOrderedList {
	list-style: decimal outside;     /* Marker style is a decimal number, and position is outside of the list content */
	margin: 5px 25px 5px 0;
	font-size: smaller;
}



.SubList {
	list-style: disc outside;
	margin: 5px 25px 5px 5px;;
}


/* Look of hyperlinks on all pages */
a:link {
  color: #003366;           
}

/* Look of visited hyperlinks on all pages */
a:visited {
  color: #336699;            
}

/* Look of hyperlinks on all pages as you hover over them */
a:hover {
  color: #003366;                 
  text-decoration: underline;     /* Text decoration set to show an underline */
}

/* Look of hyperlinks on all pages as you click on them */
a:active {
  	color: #99CCCC;                 
  	text-decoration: underline;     /* Text decoration set to show an underline */
}




/* Left section of any page */
.LeftSection {
	float: left;                   /* Float content to the left */
	background-color: #FFFFFF;     /* Background color is white */
	padding-top: 10px;
}


/* Left top section characteristics (specific to front page) */
#CurrentConditions {
	width: 270px;                                         /* Width is 320 pixels */
	/*margin: 0 25px 25px 25px;                                         /* Margin is 20 pixels in width */
	border: 1px solid #000000;                            /* Border is solid, black, and 1 pixel thick */
	background: #FFFFFF url(/images/subcontent.jpg) repeat-x;     /* Repeat a background image horizontally; set background color where image does not cover background */
}

/* Left top section characteristics (specific to front page) */
#LeftTopSection {
	width: 270px;                                         /* Width is 320 pixels */
	margin: 25px;                                         /* Margin is 20 pixels in width */
	border: 1px solid #000000;                            /* Border is solid, black, and 1 pixel thick */
	background: #FFFFFF url(/images/subcontent.jpg) repeat-x;     /* Repeat a background image horizontally; set background color where image does not cover background */
	float:none;
}

/* Left bottom section characteristics (specific to front page) */
#Highlights {
	width: 270px;                                         /* Width is 320 pixels */
	margin: 0 25px 20px 25px;                                         /* Margin is 20 pixels in width */
	border: 1px solid #000000;                            /* Border is solid, black, and 1 pixel thick */
	background: #FFFFFF url(/images/subcontent.jpg) repeat-x;     /* Repeat a background image horizontally; set background color where image does not cover background */
	
}

#rssInfo {
	width: 905px;                                         /* Width is 320 pixels */
	margin: 0 25px 20px 25px;                                         /* Margin is 20 pixels in width */
	border: 1px solid #000000;                            /* Border is solid, black, and 1 pixel thick */
	/*background: #FFFFFF url(/images/rss_content.jpg) repeat-x;     /* Repeat a background image horizontally; set background color where image does not cover background */
	background: #EAEAEA;     /* Repeat a background image horizontally; set background color where image does not cover background */

}

/* Sub section headers */
.rssHeader {
	font-size: small;                                    /* Absolute font size is small */ 
	font-weight: bold;                                   /* Font weight is bold to emphasize */
	color: #FFFFFF;                                      /* Text color is white */
	text-indent: 10px;                                   /* Indent text out to 10 pixels */
	margin: 0;                                           /* No margins around the element */
	width: 905px;                                        /* Width is 320 pixels */
	padding: 10px 0;                                     /* Top and bottom padding is 10 pixels wide; no right and left padding */
	background: #FFFFFF url(/images/rss_header.jpg) repeat-x;     /* Repeat a background image horizontally; set background color where image does not cover background */
	float:none;
}

/* Sub section content (pertaining to front page only) */
.rssContent {
	color: #000000;      /* Text color is black */
	font-size: 11px;     /* Font size is set to 11 pixels */
	margin: 0;           /* No margin around the element */
	padding: 15px 0 15px 15px;       /* Padding is 20 pixels wide */
	width: 885px;        /* Width extends to 94% the size of the parent element */
}


/* Left bottom section characteristics (specific to front page) */
#LeftMiddleSection {
	width: 270px;                                         /* Width is 320 pixels */
	margin: 25px 0 25px 25px;                                         /* Margin is 20 pixels in width */
	border: 1px solid #000000;                            /* Border is solid, black, and 1 pixel thick */
	background: #FFFFFF url(/images/subcontent.jpg) repeat-x;     /* Repeat a background image horizontally; set background color where image does not cover background */
	
}


/* Left bottom section characteristics (specific to front page) */
#LeftBottomSection {
	width: 270px;                                         /* Width is 320 pixels */
	margin: 25px 0 25px 25px;                                         /* Margin is 20 pixels in width */
	border: 0;                           
	text-align:center;
	font-size: 11px;
}


/* Sub section characteristics (specific to front page) */
#QuickLinksSection {
	background-color: #E6E6FA;
	margin: 0 25px 20px 25px;
	width: 270px;  
	padding: 3px 0;
}

#QuickLinksSection p{
	font-size: 12px;
	padding-left: 15px;
}


/* Sub section characteristics (specific to front page) */
#AskMeteorologistSection {
	background-color: #DCDCDC;
	text-align: center;
	margin: 0 25px 20px 25px;
	padding: 5px 0;
	width: 270px;  
}

#AskMeteorologistSection p {
	font-size: 12px;
}


/* Sub section characteristics (specific to front page) */
#CoCoRaHSSection {
	background-color: #FFFFCC;
	text-align: center;
	margin: 0 25px 25px 25px;
	padding: 5px 0;
	width: 270px;  
}

/* Left bottom section characteristics (specific to front page) */
#GlossaryFAQ {
	width: 270px;                                         /* Width is 320 pixels */
	margin: 0 25px 25px 25px;                                         /* Margin is 20 pixels in width */
	border: 0;                           
	text-align:center;
	font-size: 12px;
}

/* Sub section characteristics (specific to front page) */
#MiddleBottomSection {
	float: left;                                          /* Float element to the left */
	width: 315px;                                         /* Width is 30% the size of the parent element */
	background-color: #FFFFCC;
	text-align:center;
	margin-bottom: 25px;
}

#MiddleSection {
	float:left;
	margin-right:25px;
	width:270px;
}


.dyncontent {
	/*float: left;                                          /* Float element to the left */
	width: 270px;                                         /* Width is 30% the size of the parent element */
	margin-bottom:15px;
	border: none;                           
	background: #FFFFFF url(/images/rot_cont.jpg) repeat-x;     /* Repeat a background image horizontally; set background color where image does not cover background */
	/*overflow: auto;*/
	height: 525px;
}

.search {
	/*float:left;*/
	text-align:center;	
}



#rot_cont_front {
	color: #000000;      /* Text color is black */
	font-size: 12px;     /* Font size is set to 11 pixels */
	margin: 0;           /* No margin around the element */
	padding: 15px;       /* Padding is 20 pixels wide */
}

/* Sub section headers */
#rot_header_front {
	font-size: small;                                    /* Absolute font size is small */ 
	font-weight: bold;                                   /* Font weight is bold to emphasize */
	color: #FFFFFF;                                      /* Text color is white */
	text-indent: 10px;                                   /* Indent text out to 10 pixels */
	margin: 0;                                           /* No margins around the element */
	width: 100%;                                        /* Width is 320 pixels */
	padding: 10px 0 15px 0;                                     /* Top and bottom padding is 10 pixels wide; no right and left padding */
}

.MainTable {
	width:500px;
	float:right;
	display:inline;
	margin-right:110px;
	border-top:1px solid #FFFFFF;
}

.MainTable td {
	width:50%;
	padding-right:25px;

}

.MainTable tr {
	 border-top:1px solid #FFFFFF;
}

/* Left section of any page */
.RightSection {
	/*float: left;                   /* Float content to the left */
	background-color: #FFFFFF;     /* Background color is white */
	position: relative;
}


/* Left bottom section characteristics (specific to front page) */
#RightTopSection {
	width: 270px;                                         /* Width is 320 pixels */
	margin: 0 25px 25px 25px;                                         /* Margin is 20 pixels in width */
	border: 0;                           
	text-align:center;
	font-size: 12px;
}

/* Sub section characteristics (specific to front page) */
#RightBottomSection {
	margin: 0;                                         /* Margin is 2% the size of the parent element */
	border: none;
}

/* Sub section headers */
.SubHeaderFront {
	font-size: small;                                    /* Absolute font size is small */ 
	font-weight: bold;                                   /* Font weight is bold to emphasize */
	color: #FFFFFF;                                      /* Text color is white */
	text-indent: 10px;                                   /* Indent text out to 10 pixels */
	margin: 0;                                           /* No margins around the element */
	width: 270px;                                        /* Width is 320 pixels */
	padding: 10px 0;                                     /* Top and bottom padding is 10 pixels wide; no right and left padding */
	background: #003366 url(/images/sub_header.jpg) repeat-x;     /* Repeat a background image horizontally; set background color where image does not cover background */
	float:none;
}




/* Sub section content (pertaining to front page only) */
.SubContentFront {
	color: #000000;      /* Text color is black */
	font-size: 12px;     /* Font size is set to 11 pixels */
	margin: 0;           /* No margin around the element */
	padding: 15px 0 15px 15px;       /* Padding is 20 pixels wide */
	width: 250px;        /* Width extends to 94% the size of the parent element */
}


/* Sub section content for paragraphs on the front page */
.SubContentFront p {
	padding: 25px;     /* Padding around element is 25 pixels wide */
	margin: 0;         /* No margin around the element */
}


/* Current conditions information */
#CurrentCond {
	float: left;                                          /* Float element to the left of the page */
	background: #FFFFFF url(/images/subcontent.jpg) repeat-x;     /* Repeat a background image horizontally; set background color where image does not cover background */
	margin: 0;                                            /* No margin around the element */
	padding: 0;                                           /* No padding around the element */
	width: 100%;                                          /* Width is 100% the size of the parent element */
}

.form {
	margin:0;
	padding: 25px;
}

.labelbig {
	width:905px;
	padding: 5px 0;
	float:left;
	display: block;
	font-weight: bold;   
    	color:#003366;
	background-color: #FFFFFF;
}

.leftlabel {  
    	width:425px;
	padding: 5px 0;      
	float:left;
    	display: block;    
    	font-weight: bold;   
    	color:#003366;
}

.rightlabel {  
    	width:425px;  
	padding: 5px 0;   
	float:right;   
    	display: block;    
    	font-weight: bold;   
    	color:#003366;
}
  
  
.textbox {  
	font-family: Arial, Helvetica;
    	width: 425px;  
    	color: #000000;
	font-size: 14px;
	background-color: #FFFFFF;
}

.textboxsmall {  
	font-family: Arial, Helvetica;
    	width: 100px;  
    	color: #000000;
	font-size: 14px;
	background-color: #FFFFFF;
}


.textboxbig {
	font-family: Arial, Helvetica;
    	width: 897px;
        height: 95px;
    	color: #000000;
	font-size: 14px;
	background-color: #FFFFFF;
} 

  
.dropdown {  
	font-family: Arial, Helvetica;
    	width: 429px;  
    	color: #000000;
	font-size: 14px;
	background-color: #FFFFFF;
}

.div_textboxbig {
	background-color: #003366; 
	padding: 2px;
    	width: 901px;
	float: left;
        height: 100px;
}

.div_textboxsmall {
	background-color: #003366; 
	padding: 2px;
    	width: 105px;
	float: left;
}

.div_textbox_left {  
    	width:429px;
    	background-color: #003366;   
	padding: 2px;
	float: left;
	display:inline;
}

.div_textbox_right {  
    	width:429px;
    	background-color: #003366;   
	padding: 2px;
	float:right;
	display:inline;
}


.textbox:focus, .textbox:hover, .textboxbig:focus, .textboxbig:hover, .textboxsmall:focus, .textboxsmall:hover, .dropdown:focus, .dropdown:hover {
	background-color: #CCCCCC; 

}

.button {
	margin-right:25px;
	background-color:#003366;
	color:#FFFFFF;
	font-weight:bold;
	font-family: Arial, Helvetica;
	border: thin solid #000000;
}


/* ******************************* HEADER ******************************* */

/* SCO Banner */
#Banner {
	font-size: 36px;                                        
	font-weight: bold;                                
	color: #FFFFFF;                                         
	margin: 0;                                              
	padding: 6px 10px;  /* Padding should be 20px all around, but bottm margin slightly bigger due to white space underneath LAUR image */
	/*background: #003366 url(/images/sco_banner3.png) no-repeat; */
	background: #003366 url(/images/SCO_Banner.png) no-repeat;   
}

#Banner a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
}

#Banner a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
}



/* ****************************************************************************** */

/**
 * Garland, for Drupal 5.0
 * Stefan Nagtegaal, iStyledThis [dot] nl
 * Steven Wittens, acko [dot] net`
 *
 * If you use a customized color scheme, you must regenerate it after
 * modifying this file.
 */

/**
 * Generic elements
 */


ul.menu, .item-list ul {
  margin: 0.35em 0 0 -0.5em;
  padding: 0;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0em;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  margin: 0.15em 0 0.15em .5em;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  padding: 0 0 .2em 1.5em;
  list-style-type: none;
  list-style-image: none;
  background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em;
}

ul li.expanded {
  background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em;
}

ul li.collapsed {
  background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em;
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  display: block;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0;
}

fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}

dl {
  margin: 0.5em 0 1em 1.5em;
}

dl dt {
}

dl dd {
  margin: 0 0 .5em 1.5em;
}

img, a img {
  border: none;
}

table {
  margin: 1em 2%;
  width: 95%;
  border: none;
}

td, th {
	padding: 5px;
}


tr.TableContent td {
	color: #000000;
	background-color: #CCCCCC;
	border: 2px solid #FFFFFF;
}

tr.TableHeader td {
	color: #FFFFFF;
	background-color: #003366;
	font-weight: bold;
	padding: 10px;
	border: 2px solid #FFFFFF;
}

tr.TableHeader td a:link, tr.TableHeader td a:visited, tr.TableHeader td a:hover, tr.TableHeader td a:active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}


tr.ImageTable td {
	background-color: #FFFFFF;
	border: 0;
}

.ImageTable {
border:0;
}



thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #003399;
}


tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}

tr.odd, tr.info {
  background-color: #edf5fa;
}

tr.even {
  background-color: #fff;
}

tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

td.region, td.module, td.container {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container {
  border-top-width: 0;
}

span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  font-size: 0.92em;
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.messages ul {
  margin: 0;
}

#edit-pass, #edit-name, .form-item .description, .form-item label {
	margin-left:25px;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}

#center form {
  margin-bottom: 2em;
}

.form-button, .form-submit {
  margin: 2em 2%;
}

#watchdog-form-overview .form-submit,
.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
/*.sidebar .form-button, .sidebar .form-submit,*/
table .form-button, table .form-submit {
  margin: 0;
}

.box {
  margin-bottom: 2.5em;
}

/**
 * Layout
 */
#header-region {
  min-height: 1em;
  background-color: #333333;
}

#header-region .block {
  display: block;
  margin: 0 1em;
}

#header-region .block-region {
  display: block;
  margin: 0 0.5em 1em;
  padding: 0.5em;
  position: relative;
  top: 0.5em;
}

#header-region * {
  display: inline;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}

#header-region p, #header-region img {
  margin-top: 0.5em;
}

#header-region h2 {
  margin: 0 1em 0 0;
}

#header-region h3, #header-region label, #header-region li {
  margin: 0 1em;
  padding: 0;
  background: none;
}

#wrapper {
  background:none;
}

#wrapper #container {
  margin: 0;
  padding: 0 20px;
  max-width: 1270px;
}

#wrapper #container #header {
  height: 80px;
}

#wrapper #container #header #logo-floater {
  position: absolute;
}

#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  line-height: 120px;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

#wrapper #container #header h1 span {
  font-weight: bold;
}

#wrapper #container #header h1 img {
  padding-top: 16px;
  padding-right: 20px;
  float: left;
}

/* Look of page title */
h2 {
	margin-left: 25px;
	color: #003366;
	padding-top: 5px;
	padding-bottom: 0;
}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
/*body.sidebars {
  min-width: 980px;
}*/

/* With 2 columsn, require a minimum width of 800px. */
/*body.sidebar-left, body.sidebar-right {
  min-width: 780px;
}*/

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
/*#wrapper #container #center {
  float: left;
  margin: 0 auto;
  width: 1000px;
}*/

/* So we move the #center container over the sidebars to compensate */
/*body.sidebar-left #center {
  margin-left: -210px;
}
body.sidebar-right #center {
  margin-right: -210px;
}
body.sidebars #center {
  margin: 0 -210px;
}*/

/* And add blanks left and right for the sidebars to fill */
/*body.sidebar-left #squeeze {
  margin-left: 210px;
}
body.sidebar-right #squeeze {
  margin-right: 210px;
}
body.sidebars #squeeze {
  margin: 0 210px;
}*/

/* We ensure the sidebars are still clickable using z-index */
/*#wrapper #container .sidebar {
  margin: 60px 0 5em;
  width: 210px;
  float: left;
  z-index: 2;
  position: relative;
}

#wrapper #container .sidebar .block {
  margin: 0 0 1.5em 0;
}

#sidebar-left .block {
  padding: 0 15px 0 0px;
}

#sidebar-right .block {
  padding: 0 0px 0 15px;
}
*/
.block .content {
  margin: 0;
}
/*
#sidebar-left .block-region {
  margin: 0 15px 0 0px;
}

#sidebar-right .block-region {
  margin: 0 0px 0 15px;
}
*/
.block-region {
  	padding: 1em;
  	background: transparent;
  	border: 2px dashed #b4d7f0;
  	text-align: center;
  	font-size: 1.3em;
}

/* Now we add the backgrounds for the main content shading */
#wrapper #container #center  {
 	margin: 0 auto;
  	font-family: Arial, Helvetica;
	border: 2px solid #000000; 
	width: 955px;                                    
	background-color: #FFFFFF;  
}
/*
#wrapper #container #center .right-corner {
  background: transparent url(images/bg-content-right.png) no-repeat 100% 0;
  position: relative;
  left: 10px;
}

#wrapper #container #center .right-corner .left-corner {
  padding: 60px 25px 5em 35px;
  background: transparent url(images/bg-content-left.png) no-repeat 0 0;
  margin-left: -10px;
  position: relative;
  left: -10px;
  min-height: 400px;
}*/

#wrapper #container #footer {
	color: #666666;         /* Text color is grey */
	font-size: x-small;     /* Absolute font size is extra small */
}

#wrapper #container .breadcrumb {  /* Not currently showing */
  position: absolute;
  top: 5px;
  left: 35px;
  z-index: 3;
}
/*
body.sidebar-left  #footer {
  margin-left: -210px;
}

body.sidebar-right #footer {
  margin-right: -210px;
}

body.sidebars #footer {
  margin: 0 -210px;
}
*/

/* ********************************** HEADER ********************************** */

#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  color: #FFFFFF;
  font-weight: normal;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 1.5em;
}

#wrapper #container #header h1 a:hover {
  text-decoration: none;
}

#wrapper #container .breadcrumb {
  font-size: 0.92em;
}

#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
  color: #529ad6;
}

#mission {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

/**
 * Primary navigation
 */
ul.primary-links {
  margin: 0;
  padding: 0;
  float: right;
  position: relative;
  z-index: 4;
}

ul.primary-links li {
  margin: 0;
  padding: 0;
  float: left;
  background-image: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  display: block;
  margin: 0 auto;
  padding: .75em 0 0;
  color: #FFFFFF;
  background: none;
  text-decoration: none;
}

ul.primary-links li a:hover, ul.primary-links li a.active {
  color: #999999;
}

/**
 * Secondary navigation
 */
ul.secondary-links {
  margin: 0;
  padding: 18px 0 0;
  float: right;
  clear: right;
  position: relative;
  z-index: 4;
}

ul.secondary-links li {
  margin: 0;
  padding: 0;
  float: left;
  background-image: none;
}

ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #cde3f1;
  background: transparent;
}

ul.secondary-links li a:hover, ul.secondary-links li a.active {
  color: #cde3f1;
  background: transparent;
}

/**
 * Local tasks
 */
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
}

#tabs-wrapper {
  margin: 0;
  padding: 25px 26px 0 26px;
  border: none;
  position: relative;
}


ul.primary {
  padding: 0.5em 0 10px;
  float: left;
}
ul.secondary {
  clear: both;
  text-align: left;
  border-bottom: 1px solid #e9eff3;
  margin: -0.2em -26px 1em;
  padding: 0 26px 0.6em;
}
h2.with-tabs {
  float: left;
  margin: 0 2em 0 0;
	padding: 0;
}

ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
  border: 0;
  background: transparent;
  padding: 4px 1em;
  margin: 0 0 0 1px;
  height: auto;
  text-decoration: none;
  position: relative;
  top: -1px;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
  background: url(images/bg-tab.png) repeat-x 0 50%;
  color: #fff;
}
ul.primary li.active a,
ul.secondary li.active a {
  font-weight: bold;
}

/**
 * Nodes & comments
 */
.node {
  border: none;
  margin: -1.5em -26px 1.5em;
  padding: 1.5em 26px;
}

ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 1em;
  background-image: none;
}

.node .links, .comment .links {
  text-align: left;
}

.node .links ul.links li, .comment .links ul.links li {
	margin-right:25px;
	float:right;
	font-size:small;
}

.terms ul.links li {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 1em;
}

.picture, .comment .submitted {
  float: right;
  clear: right;
  padding-left: 1em;
}

.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right;
}

.terms {
  float: right;
}

.preview .node, .preview .comment, .sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.sticky {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

#comments {
  position: relative;
  top: -1px;
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -25px 0;
  padding: 0 25px;
}

#comments h2.comments {
  margin: 0 -25px;
  padding: .5em 25px;
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

.comment {
  margin: 0 -25px;
  padding: 1.5em 25px 1.5em;
  border-top: 1px solid #e9eff3;
}

.indented {
  margin-left: 25px;
}

.comment h3 a.active {
  color: #494949;
}

.node .content, .comment .content {
  margin: 0.6em 0;
}

/**
 * Aggregator.module
 */
#aggregator {
  margin-top: 1em;
}
#aggregator .feed-item-title {
  font-size: 160%;
  line-height: 130%;
}
#aggregator .feed-item {
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -31px 1.75em;
  padding: 1.5em 31px;
}
#aggregator .feed-item-categories {
  font-size: 0.92em;
}
#aggregator .feed-item-meta {
  font-size: 0.92em;
  color: #898989;
}

/**
 * Color.module
 */
#palette .form-item {
  border: 1px solid #fff;
}
#palette .item-selected {
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  border: 1px solid #d9eaf5;
}

/**
 * Menu.module
 */
tr.odd td.menu-disabled {
  background-color: #edf5fa;
}
tr.even td.menu-disabled {
  background-color: #fff;
}
td.menu-disabled {
  opacity: 0.5;
}

/**
 * Poll.module
 */
.poll .bar {
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
  border: solid #f0f0f0;
  border-width: 0 1px 1px;
}

.poll .bar .foreground {
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
}

.poll .percent {
  font-size: .9em;
}

/**
 * Autocomplete.
 */
#autocomplete li {
  cursor: default;
  padding: 2px;
  margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #d9eaf5;
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
  padding-left: 2em;
  background: url(images/menu-expanded.gif) no-repeat 0% 50%;
}

html.js fieldset.collapsed legend a {
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%;
}

/**
 * Syndication icons and block
 */
#block-node-0 h2 {
  float: left;
  padding-right: 20px;
}

#block-node-0 img, .feed-icon {
  float: right;
  padding-top: 4px;
}

#block-node-0 .content {
  clear: right;
}

/**
 * Login Block
 */
#user-login-form {
  text-align: center;
}
#user-login-form ul {
  text-align: left;
}

/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
  margin: 0;
  padding: 0;
}

div.admin .left {
  float: left;
  width: 48%;
}
div.admin .right {
  float: right;
  width: 48%;
}

div.admin-panel {
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  padding: 1em 1em 1.5em;
}
div.admin-panel .description {
  margin-bottom: 1.5em;
}
div.admin-panel dl {
  margin: 0;
}
div.admin-panel dd {
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: -.2em;
  margin-bottom: .65em;
}

table.system-status-report th {
  border-color: #d3e7f4;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active {
  background: #027ac6;
  color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
  color: #d3e7f4;
}

/**
 * CSS support
 */
span.clear {
  display: block;
  clear: both;
  height: 1px;
  line-height: 0px;
  font-size: 0px;
  margin-bottom: -1px;
}

/*******************************************************************
 * Color Module: Don't touch                                       *
 *******************************************************************/

/**
 * Generic elements.
 */
.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
}

.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}

div.status {
  color: #3a3;
  border-color: #c7f2c8;
}

div.error {
  color: #c52020;
}

.form-item input.error, .form-item textarea.error {
  border: 1px solid #c52020;
  color: #494949;
}

/**
 * Watchdog.module
 */
tr.watchdog-user {
  background-color: #fcf9e5;
}

tr.watchdog-user td.active {
  background-color: #fbf5cf;
}

tr.watchdog-content {
  background-color: #fefefe;
}

tr.watchdog-content td.active {
  background-color: #f5f5f5;
}

tr.watchdog-warning {
  background-color: #fdf5e6;
}

tr.watchdog-warning td.active {
  background-color: #fdf2de;
}

tr.watchdog-error {
  background-color: #fbe4e4;
}

tr.watchdog-error td.active {
  background-color: #fbdbdb;
}
tr.watchdog-page-not-found, tr.watchdog-access-denied {
  background: #d7ffd7;
}
tr.watchdog-page-not-found td.active, tr.watchdog-access-denied td.active {
  background: #c7eec7;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th {
  background-color: #fcc;
  border-color: #ebb;
  color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
  background-color: #ffd;
  border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
  background-color: #dfd;
  border-color: #beb;
}



/* ********************************** FOOTER ********************************** */


/* Footer content (contains contact info) */
.FooterContent {
	color: #666666;         /* Text color is grey */
	font-size: x-small;     /* Absolute font size is extra small */
}

/* Look of email link in footer */
.FooterContent a:link{
	color: #003366;  
}

/* Set up link for text only version of web page */
#TextOnly {
	font-size:12px;
	padding: 5px;
}


/* ********************************** ADMINISTRATION MENU ********************************** */


/* $Id: admin_menu.css,v 1.7.4.1 2007/04/03 16:01:34 sun Exp $ */
/**
 * admin_menu dropdowns
 * 
 * Implementation of Sons of Suckerfish Dropdowns.
 * @see www.htmldog.com/articles/suckerfish
 **/
#admin_menu {
	position: absolute;
	top: 0;
	left: 0;
	font-size: small;
	background-color: #000033;
	width: 100%;
	font-family: Arial, Helvetica;
}

.block-admin_menu {
	border: 0;
	margin: 0;
}

.block-admin_menu .title {
	display: none;
}

.block-admin_menu .content {
	padding: 0;
}

#admin_menu_icon {
	float: left;
	margin: 1px 4px;
}

body {
	margin-top: 20px !important;
}

/* all lists */
#admin_menu, #admin_menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.4em;
	z-index: 999;
}

#admin_menu a {
	display: block;
	border-right: 1px solid #333333;
	padding: 4px 7px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

#admin_menu li li a {
	border-right: none;
	border-top: 1px solid #323232; 
}


/* all list items */
/* width needed or else Opera goes nuts */
#admin_menu li {
	float: left;
	margin: 0 !important;
	padding: 0;
	list-style-image: none;
	background-image: none;

}

#admin_menu li li {
	width: 160px;
	background: #003366;
	filter:Alpha(opacity=88);
	-moz-opacity: 0.88;
}

/* second-level lists */
/* using left instead of display to hide menus because display: none isn't read by screen readers */
#admin_menu li ul {
	position: absolute;
	background: none;
	margin: 0;
	width: 160px;
	left: -999em;
	line-height: 1.2em;
}

/* third-and-above-level lists */
#admin_menu li li.expandable ul {
	margin: -20px 0 0 160px;
}

#admin_menu li:hover ul ul, #admin_menu li:hover ul ul ul, #admin_menu li.sfhover ul ul, #admin_menu li.sfhover ul ul ul {
	left: -999em;
}

/* lists nested under hovered list items */
#admin_menu li:hover ul, #admin_menu li li:hover ul, #admin_menu li li li:hover ul, #admin_menu li.sfhover ul, #admin_menu li li.sfhover ul, #admin_menu li li li.sfhover ul {
	left: auto;
}

/* second-and-more-level hovering */
#admin_menu li li.expandable {
	background: #003366 url(/modules/admin_menu/arrow.png) no-repeat 145px 7px;
}

#admin_menu li li:hover, #admin_menu li li.sfhover {
	background-color: #666666;
}

#admin_menu li li:hover a, #admin_menu li li:hover li:hover a, #admin_menu li li:hover li:hover li:hover a {
	font-weight: bold;
}

#admin_menu li li.expandable:hover a, #admin_menu li li.expandable:hover li.expandable:hover a {
	border-color: #666666;
	font-weight: normal;
}

#admin_menu li li:hover li a, #admin_menu li li.sfhover li a {
	font-weight: normal;
}

#admin_menu li li.sfhover a, #admin_menu li li.sfhover li.sfhover a {
	font-weight: bold;
} /* IE */

/* ********************************** NICE MENU ********************************** */


/* $Id: nice_menus.css,v 1.15 2007/04/26 19:24:25 add1sun Exp $ */
/*
  To help understand the CSS, the HTML looks like this (where x is a number; TYPE is down/left/right; PATH is the menu path such as node/343; MID is the menu id such as 33):
  <ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'>
    <li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu item</a></li>
    <li class='menuparent menu-path-PATH'><a href='#'>A submenu</a>
      <ul...><li...>...</li>
      </ul>
    </li>
    ...
  </ul>

  If you have more than one nice-menu and want to target a particular one, use its id (e.g. ul.#nice-menu-2)

  See README.txt for some CSS customization examples!

  First we're going to define CSS for all menus, then we'll define based on the type of menu
*/

/* below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff */
.block-nice_menus {
  	line-height: normal;
	z-index: 10;
	display: inline;
	position: absolute; /* For whatever reason, adding this fixes the menu problem in IE */
}

.block-nice_menus h2.title .nice-menu-hide-title {
  	display: none;
	margin: 0;
}


/* Look of main menu */
ul.nice-menu,
ul.nice-menu ul{
  	list-style: none;
  	padding: 0;
  	margin: 0;
	border: none;
	display: inline;
	font-weight:normal;
}

.nice-menu { 
	display: inline;
	width: 955px;
	background: #003366;
}


/* Look of sub menu items */
ul.nice-menu li {
  	position: relative;
  	float: left;
  	background: #003366;
  	list-style: none;
	text-align: center;
	display: inline;
	font-weight: bold;
	font-size: 14px;
	border: none;

}


/* Look of main menu links on mouseover */
ul.nice-menu li a:hover {
  	color: #6699FF;           
	text-decoration: none;     
}

/* Look of sub menu items (i.e. "children") */
ul.nice-menu li ul li {
  	position: relative;
  	float: left;
	background: #004477;
 	color: #FFFFFF;
  	list-style: none;
	font-weight: bold;
	font-size: 12px;
	display: inline;
	border-bottom: thin solid #005588;
	width: 100%;
}


/* Look of sub menu links */
ul.nice-menu a {
  padding: 0;
  display: inline;
  color: #FFFFFF;
  text-decoration: none;
}

/* Look of sub menu links on mouseover */
ul.nice-menu li ul li a:hover {
  	color: #99CCFF;            
	text-decoration: none;   
}

/* Overall look of sub menu lists */
ul.nice-menu ul{
  border: none;
  margin: 0;
  padding: 0;
  display: none;
}

ul.nice-menu:after {
  content: "."; 
  display: inline;
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Show submenus when over their parents */
ul.nice-menu li.over,
ul.nice-menu li.menuparent li.over li,
ul.nice-menu li.menuparent li.menuparent li.over ul,
ul.nice-menu ul li { 
  display: inline; 
} 


/* Hide sub-menus initially */
ul.nice-menu li.over ul ul { 
  display: none; 
} 


ul.nice-menu ul {
  top: 100%;
}

ul.nice-menu li ul {
  width: 100%;
}



ul.nice-menu li.menuparent, ul.nice-menu li li.menuparent{ 
  background: #003366; 
  list-style-type: none;
  text-align: center;
  display: inline;
}

ul.nice-menu ul li {
  clear: both;
}


/* with addition of jQuery, we now also add an iframe re. pesky select boxes in IE
  this is Jake's original work */
ul.nice-menu ul iframe {
  	position: relative;
	left: 0;
  	top: 0;
  	background: transparent;
  	height: 955px;
  	width: 100px;
}

/* [IE6] Invisible iframe to fix z-index bug when menu hovers over <select> fields
Added from the issue - miseryshining */
ul.nice-menu li.menuparent ul {
	overflow: visible !important;
	overflow: hidden;
}

ul.nice-menu li.menuparent ul iframe {
	display:none;
	display/**/:block;
	position: absolute;
	top:0;
	left:0;
	z-index: -1;
	filter:mask();
	width:150px;	
}
 
/* ******************************* TOP MENU **************************** */

#top_menu {
	width: 955px;
}


#top_menu ul li {
	padding: 4px 0 5px 0;
	margin: 0;
	background-position: center;
	position:relative;
	display: inline;
}

#top_menu ul li a {
	padding: 0 32px;
}

#top_menu ul li ul li {
	padding: 3px 0;
}


#top_menu ul li ul li a {
	padding: 0;
}

/* ******************************* BOTTOM MENU **************************** */

#bottom_menu {
	width: 955px;
	margin-left: 25px;
	font-family: Arial, Helvetica;
	font-weight: bold;
}


#bottom_menu ul li {
	padding-left: 15px;
}

#bottom_menu ul li a {
	padding: 0;
	font-size: 16px;
	color: #6699CC;
	text-decoration: none;
}

#bottom_menu ul li ul li {
	padding-left: 15px;
	font-weight:normal;
}


#bottom_menu ul li ul li a {
	padding: 0;
	font-size: 16px;
}


#dhtmltooltip{
  position: absolute;
  width: 150px;
  border: 2px solid black;
  padding: 2px;
  background-color: lightyellow;
  visibility: hidden;
  z-index: 100;
  /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
  
}

.climdiv {
	float:right;
	width: 575px;
	margin-right:25px;
}


#legend {
	float:right;
	border: 3px ridge #000000;
	padding: 10px;
	width: 150px;
	font-size: 10px;
	background-color: #FFFFCC;
}

/* ************METADATA PAGES *************** */

.thdrcell {
	background:#F3F0E7;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #C8BA92;
}

.tdatacell {
	font-family:arial;
	font-size:12px;
	padding:5px;
	background:#FFFFFF;
}

.dvhdr1 {
	background:#DBE0EC;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border:1px solid #C8BA92;
	padding:5px;
	width:150px;
}

.dvbdy1 {
	background:#F0F2F7;
	font-family:arial;
	font-size:12px;
	border-left:1px solid #C8BA92;
	border-right:1px solid #C8BA92;
	border-bottom:1px solid #C8BA92;
	padding:5px;
	width:150px;
}

.dogvdvhdr {
	width:300;
	background:#C4D5E3;
	border:1px solid #C4D5E3;
	font-weight:bold;
	padding:10px;
}

.dogvdvbdy {
	width:300;
	background:#FFFFFF;
	border-left:1px solid #C4D5E3;
	border-right:1px solid #C4D5E3;
	border-bottom:1px solid #C4D5E3;
	padding:10px;
}

.pgdiv {
	width:320;
	height:250;
	background:#E9EFF4;
	border:1px solid #C4D5E3;
	padding:10px;
	margin-bottom:20;
	font-family:arial;
	font-size:12px;
}


/******************* NEW HOME PAGE *******************/


.HPLeftSection {
	margin-left: 25px;
	float: left;
	width: 270px;
	border: 1px solid #000000;
	background-color: #000033;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 12px;
}



.HPLeftSection hr {
	width: 85%;
	height: 1px;
	text-align: center;
}

.HPTitle {
	font-weight: bold;
	color: #FFFFFF;
}

.HPContent {
	font-weight: normal;
	font-size: 11px;
	color: #99CCFF;
	font-style: italic;
}

.HPRightSection {
	border: 1px solid #333333;
	background-color: #666666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 12px;
	width: 280px;
}

.HPRightSection hr {
	width: 85%;
	height: 1px;
	text-align: center;
}

.HPRightTitle {
	font-weight: bold;
	color: #FFFFFF;
}

.HPRightContent {
	font-weight: normal;
	font-size: 11px;
	color: #CCCCCC;
}

.HPContent a:link, .HPContent a:visited{
	color: #99CCFF; 
	text-decoration: none;
}   
.HPRightContent a:link, .HPRightContent a:visited{
	color: #CCCCCC; 
	text-decoration: none;          
}

.HPTitle a:link, .HPTitle a:visited{
	color: #FFFFFF; 
	text-decoration: none;
}

.HPImageLinks a:link, .HPImageLinks a:visited{
	color: #FFFFFF; 
	text-decoration: none;
}

.HPNewsTitle a:link, .HPNewsTitle a:visited{
	color: #000033; 
	text-decoration: none;
	font-weight: bold;
}

.HPNewsMore a:link, .HPNewsMore a:visited{
	color: #000000; 
	text-decoration: none;
	float: right;
	font-style: italic;
}


.HPLeftSection a:hover, .HPLeftSection a:active, .HPRightSection a:hover, .HPRightSection a:active {
	text-decoration: underline;
}