/* CSS Document */

/*---------------------------------------------------------------------------------------------------------------
REDEFINED HTML TAGS
---------------------------------------------------------------------------------------------------------------*/

a:link, a:visited { color: #00657c; text-decoration: underline; }
a:hover { color: #f0ba4c; }
blockquote { font-size: 0.9em; font-style: italic; }
body { margin: 0; padding: 0; font: 1em Verdana, Arial, Helvetica, sans-serif; background: #fff; color: #383838; }
caption { caption-side: top; padding: 0 0 1em 0; }
form { margin: 0; padding: 0; }
h1 { font-size: 1.6em; font-weight: normal; color: #7d4100; margin: 0 0 1.5em; padding: 5px 0; border-bottom: 1px solid #7d4100;}
h1.green { color: #00567c; border-bottom: 1px solid #00567c; }
h2 { font-size: 1.2em; font-weight: normal; color: #7d4100; margin-top: 1.2em; }
input { margin: 1px 0; }
p, ul, ol, li { line-height: 1.5; }
p { padding: 0; margin: 1em 0; }

p.title { margin: 2em 0 0.3em; }
table {  margin: 1em 0; font-size: 0.9em; }
td { border-bottom: 1px solid #ccc;  }
th { text-align: left; background: #ccc; font-weight: bold; }


/*---------------------------------------------------------------------------------------------------------------
MAIN PAGE LAYOUT BLOCKS
---------------------------------------------------------------------------------------------------------------*/

#utility, #header, #nav, #content, #footer { width: 760px; margin: 0 auto; }
#utility {  margin: 10px auto 0; padding: 5px 0; font-size: 0.7em; text-align: right; color: #484848;  }

/* since IE6 doesn't respect 1px dotted borders (bad IE!) we take advantage of it's limited support for child selectors to render them as lighter, solid borders */
#header {  margin: 0 auto; padding: 5px 0 20px;  background: #00657c;}
body > #header {  margin: 0 auto; padding: 5px 0 20px; background: #00657c;}

#locator { font-size: 0.85em; color: #8a8a8a; margin-bottom: 10px; padding-bottom: 5px;  } 
body > #locator { border-bottom: 1px dotted #7d7d7d; } 

#content {  margin: 1.6em auto 0; padding: 5px 0; font-size: 0.8em; }

/* since IE6 doesn't respect 1px dotted borders (bad IE!) we take advantage of it's limited support for child selectors to render them as lighter, solid borders */
#footer {  margin: 20px auto 10px; padding: 5px 0; font-size: 0.7em; color: #7d7d7d; border-top: 1px solid #408c9d;  }
body > #footer {  margin: 20px auto 10px; padding: 5px 0; font-size: 0.7em; color: #7d7d7d; border-top: 1px dotted #408c9d;  }

/*---------------------------------------------------------------------------------------------------------------
STYLES USED IN HEADERS AND FOOTERS
---------------------------------------------------------------------------------------------------------------*/

/* Links at the top and bottom of the page */

#utility a:link, #utility a:visited, #footer a:link, #footer a:visited { text-decoration: none; }
#utility a:hover, #footer a:hover { color: #00657c; text-decoration: underline; }
#search { width: auto; font-size: 0.75em; text-align: left; padding: 0 0 20px 0;  }
.searchbox, .searchbox2 { width: 141px; border: 1px solid #99c1cb; background: #efefef; padding: 2px; color: #00657c; }
.searchbox2 { width: 380px; }

/*---------------------------------------------------------------------------------------------------------------
STYLES USED IN PRIMARY NAVIGATION 
---------------------------------------------------------------------------------------------------------------*/


/* should be able to achieve the tab effect without a bgimage (by extending padding on #nav a:hover, but IE6 (sigh) won't play ball */
#nav { width: 755px; background: url(/_img/backgrounds/nav_bg.gif) bottom left no-repeat; padding: 5px 5px 5px 0; color: #efefef; font-size: 0.85em; }
#nav a:link, #nav a:visited { color: #00a5c9; padding: 5px; text-decoration: none; }

/* since IE6 doesn't respect 1px dotted borders (bad IE!) we take advantage of it's limited DOM support to render them as lighter, solid borders */
#nav a:hover { padding: 3px 4px 4px; border: 1px solid #00657c; background: #f9fdfd; }

/* set the color of the active tab */
#home a#hometab, #research a#researchtab, #publications a#publicationstab, #news a#newstab, #events a#eventstab, #discuss a#discusstab, #nav.discuss a#discusstab { padding: 3px 4px 5px; background: #fff; border-top: 1px solid #00657c; border-left: 1px solid #00657c; border-right: 1px solid #00657c; }
#home a#hometab:hover, #research a#researchtab:hover, #publications a#publicationstab:hover, #news a#newstab:hover, #discuss a#discusstab:hover { border-bottom: 1px solid #fff; }

/*---------------------------------------------------------------------------------------------------------------
STYLES USED IN MAIN PAGE CONTENT
---------------------------------------------------------------------------------------------------------------*/

#locator a:link, #locator a:visited { text-decoration: none; color: #8a8a8a; }
#locator a:hover { text-decoration: underline; }

/* using :after solution is more elegant (leaner HTML), but need to cope with IE and potentially no javascript. So belt and braces it is */

.clear { clear: both; font: 1px Verdana, Arial, Helvetica, sans-serif; color: #fff; height: 1px; }

/* 3 column layout - requires clearing div to end */

.threecolLeft { width: 180px; float: left; margin: 0 20px 0 0; font-size: 0.75em;    }
.threecolMiddle { width: 360px; float: left; margin: 0 20px 0 0; font-size: 0.9em; }
.threecolMiddle h1 { margin-top: 0; }
.threecolRight { width: 180px; float: left; margin: 0;  font-size: 0.75em; } 



.threecolRight h2 { padding: 3px; color: #fff; background:  url(/_img/backgrounds/h2_right.gif) top left repeat-x; }
.threecolRight h2 a { text-decoration: none; color: #fff; }

.twocolLeft, .soleCol { width: 510px; float: left; margin: 20px 0 0; }
.soleCol { width: 760px; float: none; }
.twocolRight { width: 200px; float: right; font-size: 0.9em; padding-top: 20px;  } 

.twocolRight form { padding-left: 0px; }




.twocolRight h1, .twocolRight h2 { font-size: 1.1em; font-weight: bold; margin: 0; color: #7d4100; padding: 3px; border-left: 6px solid #f0ba4c; border-right: 2px solid #f0ba4c; border-bottom: none; background: #ece3d9;  }

.twocolRight h2 {margin: 2em 0 0.5em; }

.twocolRight img {border: none;}

.twocolRight p { margin-left: 6px; }

.twocolLeft h2, .soleCol h2 { color: #7d4100; margin-top: 2em; padding: 0 5px 0 15px; background: url(/_img/backgrounds/h2.gif) top left no-repeat; }

p.closinglinks { margin: -0.5em 0 2.5em 0; padding: 5px 0; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
p.closinglinks2 { margin: 1.5em 0 2.5em 0; padding: 5px 0; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
p.closinglinks3 { margin: 0.2em 0 2.5em 0; padding: 5px 0; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }

.twocolRight p.closinglinks { margin: 0.5em 0 0.5em 6px; padding: 2px 0 2px 6px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: right; }

/* change spacing on the home page to allow for searchbox and subsequent gap */

#home .twocolRight { margin-top: 0; }

.mainFeature { width: 498px; padding: 5px; float: left; border: 1px solid #00657c; margin: 0 0 1em; }
.hfloatleft { width: 240px; float: left;  }
.hfloatright { width: 240px; float: right;   }
.hfloatleft .item, .hfloatright .item { border: 1px solid #c94700; margin: 0 0 1em; padding: 0 5px 5px; }
.mainFeature h1 { margin: -5px -5px 10px; padding: 6px; color: #c94700; font-size: 1.3em; }
.item h1 { margin: 0 -5px 0; padding: 6px; color: #c94700; font-size: 1.3em; }
.item p { margin-top: 1em; }
.item img { margin: 0 -5px; } 
.mainFeature img { margin: 0 -5px; border-bottom: 1px solid #00657c; }
.mainFeature p img { margin: 0 10px 0 0; border-bottom: none; }
.mainFeature h1 { margin: -5px -5px 0; color: #00657c; border-bottom: 1px solid #00657c;  }
p.newssummary { line-height: 1.2; }


#research .twocolRight { margin-top: 0; }
#research .twocolRight h1 { margin-top: 2em; }

strong a:link, strong a:visited { text-decoration: none; }




/*---------------------------------------------------------------------------------------------------------------
STYLES USED IN TABLES	
---------------------------------------------------------------------------------------------------------------*/

.table_secondaryheader { background: #f7dca5; font-weight: bold; }
.table_sum { background: #8a8a8a; font-weight: bold; }
/*---------------------------------------------------------------------------------------------------------------
MISCELLANEOUS STYLES
---------------------------------------------------------------------------------------------------------------*/

.floatleft { float: left; }
.floatright { float: right; }
.commentry { font-size: 0.9em; color: #8a8a8a; }
.addcomment { border-top: 1px solid #8a8a8a; border-bottom: 1px solid #8a8a8a; padding-top: 10px;margin-top: 3em; }
.twocolLeft > .addcomment { border-top: 1px dotted #383838; border-bottom: 1px dotted #383838; }
.addcomment h2 { margin-top: 0; } 
.rss { width: 740px; margin: 15px auto; padding: 10px; border-top: 1px solid #70a9b6;  border-bottom: 1px solid #70a9b6; font-size: 0.8em; }
body > .rss {  border-top: 1px dotted #7d7d7d;  border-bottom: 1px dotted #408c9d;} 
.reportTitle {  }
.reportTitle h1  { margin-bottom: 0; border-bottom: none; border-top: 1px solid #7d4100;   }
.reportNav { width: 200px; padding: 0 5px 5px; font-size: 0.9em; float: left; border: 1px solid #00657c; margin: 0 20px 20px 0;} 
.reportNav h3 { color: #fff; background: #00657c; padding: 5px; margin: 0 -5px; font-size: 1.0em; }
.reportNav p { border-bottom: 1px solid #00657c; }
.reportNav a:link, .reportNav a:visited, .reportNav a:hover  { text-decoration: none; }
.reportNav p.pfriendly { border-bottom: none; }
.reportText { margin: 20px 0; }
.blankstate { color: #999; }
.importantnote { border: 1px solid #c00; padding: 0 10px 10px; }
.importantnote strong { color: #c00; }
.searchresults h3 { color: #fff; background: #00657c; padding: 5px; font-size: 1.3em; font-weight: normal; }
h2.section{ font-weight: bold; border-top: 1px dotted #7d4100; border-bottom: 1px dotted #7d4100; padding: 5px 0; }
div.lighter, p.lighter { color: #454545; font-size: 0.9em; margin: 0 0 1em; line-height: 1.4; }
p.eventdescrip { border-bottom: 1px solid #dadada; } 
.newsdescrip { float: left; padding-left: 35px; }

/*---------------------------------------------------------------------------------------------------------------
STYLES USED IN FORMS
---------------------------------------------------------------------------------------------------------------*/

.btnGo { padding: 0px; background: #00657c; color: #fff;  border: 1px solid #000; }
form > .btnGo { padding: 1px; }

.btnFind { padding: 0px; background: #3f8b9c; color: #fff;  border: 1px solid #99c1cb; }
form > .btnFind { padding: 1px; }


.formleft { width: 45%; float: left; }
.formright { width: 45%; float: right; }
label.block { display: block; padding: 1px 0 2px; margin: 0.7em 0 0; }
.textbox { border: 1px solid #383838; padding: 2px; width: 99%; }

.blogcomments { width: 508px; border: 1px solid #333; } 

/*---------------------------------------------------------------------------------------------------------------
STYLES USED IN SIFR
---------------------------------------------------------------------------------------------------------------*/

h6 { 	text-align: center;
font-weight: normal;
font-family: "Courier New", Courier, monospace; 
color: #00657c;
	font-size: 22px;
	padding: 20px 0;
	margin: 0 20px; }
	
#home #content { margin: 0 auto 1.6em; }




.caption {
font-size: 0.8em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/*---------------------------------------------------------------------------------------------------------------
STYLES USED IN ERROR MESSAGES
---------------------------------------------------------------------------------------------------------------*/
div.error {
  background:#FAE6E6;
  border:1px solid #CC0000;
  font-size:0.9em;
  margin:0 5px 1em;
  padding:5px;
}

div.error p.errorhead {
  background:#EB9999;
  border-bottom:1px dotted #CC0000;
  font-weight:bold;
  margin:0;
}

div.error p {
  color:#CC0000;
  padding:0px;
  margin:2px;
}

div.error a:link, div.error a:visited {
color:#CC0000;
text-decoration:none;
}


/*---------------------------------------------------------------------------------------------------------------
STYLES USED IN SUBSCRIBE FORM
---------------------------------------------------------------------------------------------------------------*/
#subscribeform { margin: 20px 0;}
#subscribeform label {float: left; padding: 3px 0; width: 120px;}
#subscribeform p {clear: both;}
.tinytext, .smalltext, .mediumtext, .longtext { border: 1px solid #999; padding: 3px;}
.tinytext { width: 3em;}
.smalltext { width: 8em; }
.mediumtext { width: 15em;}
.longtext { width: 25em; }