/*
================================================================================
General template, layout styles for standard 3-column content page for 30 Year Rule.
Author:       Bob Daoust
Created:      December 2007 
Updated: 	  18 December 2007 - re-structure some content, remove commented out code, tidy.
Updated: 	  23 May 2008 - (C. Anderson) - added new classes for evidence sub navigation
Updated: 	  Date - comments
[keep last 5 updated]
================================================================================
*/


/* >>>>> Page Styles <<<<< */

html, body {margin: 0; padding: 0; font-size: 100%; background-color:#fff; }

body {
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size: 80%;
	color: #000;
	background: #fff;
	margin: 0;
	padding: 0;

}

#wrapper {
	margin: 0;
	padding: 0;
	min-width: 750px; 
	width: 100%;
	background-color:#fff;
	border: 0; 
}

div#homebox {
	
	margin: 0!important; 
	padding: 0!important; 
	background: url(img/30-year-home.jpg) no-repeat #4d6468; 
	background-color:#4d6468;
	height: 150px;
}

div#homebox h1 {
	float: left; 
	margin: 0 !important;
	color: white; 
	height: 86px;
	text-indent: -9999em; 
}

div#homebox h1 a {
	height: 150px;
	width: 770px;	
	display: block;
}


#container {
	margin: 0 0 0 183px!important;
	background: #fff; 
	min-width: 577px!important;
	padding-top:7px;
}
	
p {
	margin: 0; 
	padding: 8px 7px 0 10px; 
	font-weight: normal; 
}

p strong {
	font-weight: bold;
	color:#008193;
}

a, a:active {
	color: #008193;
	text-decoration: underline;
}

a:hover {
	color: #00616e;
	text-decoration: none;
}

p.quotecaption {
	font-size: 0.8em;
	text-align:right;
	margin: 0 30px;
}

blockquote {
	margin: 0 10px;
	 padding-top: 40px;
}
	
div.imageTextlayout {
	min-height:195px;
	margin:0 0 10px 12px;
}

div.imageTextlayout img {
	float: left;
	padding: 0!important;
}

div.imageTextlayout p {
	padding: 0 0 0 157px!important;
}

img {
	float: right;
	margin: 0 10 0 0!important;
	padding-left: 20px;
}

/*
div.panel{ margin: 0 10px; display:block; width: 95%; background-color: #e2f2f2; height: 163px;
}*/

div.panel{ margin: 1em 1em; background-color: #e2f2f2; display:inline-block; width: 90%; height: 163px;}

.clearing {clear:both; height:0px!important;}

h1 {
	color: #008193; 
	font-size:1.3em;
	padding: 0 7px 0 10px; 
	margin: 0 0 10px 0!important;}
	
h2 {
	font-size: 1.0em;
	padding: 3px 7px 0 10px!important;
	}
	
ul {list-style-image:url(bullet-green.gif); }

ol {list-style-type: none;}
ol li { font-weight: bold; background: #fff no-repeat; padding:0 5px 0 30px; margin:1em 0 1em -30px!important;}
ol li.step1 {background-image: url(img/1.gif); }
ol li.step2 {background-image: url(img/2.gif);}


ol { font-weight: bold; padding:0 5px 0 20px; margin:2em 0 2em 2em;}
	
#contents {
	margin: 0 183px 5px 0!important;
	padding: 0 7px 15px 3px;
	position: relative; 
} /*** IE6 needs this to display the div ***/

#leftbox {
	position: absolute;
	left: 0px;
	width: 175px;
	background-color: #fff;
	padding-top: 0;
	margin:7px 0 0 9px!important;
}

#SiteMainNav ul {
	margin: 0!important;
	padding: 0;
	list-style-type: none;
	font-size: 0.85em;
	font-weight: bold;
}

#SiteMainNav li {
	margin: 0 0 2px 0!important;
	margin-bottom /**/: 1px; /* Hidden from WinIE6 by empty comment, and overridden on other modern browsers except WinIE5.5 and earlier by html>body below */
	padding: 2px;
	font-size: 1em;
	color: #fff;
	line-height: 1;/* Inserted to cure strange WinIE6 space bug */
	background-color: #008193;
	background-image: url(img/arrow.gif) no-repeat #008193;
}

#SiteMainNav li.on {
	margin: 0 0 2px 0!important;
	margin-bottom /**/: 1px; /* Hidden from WinIE6 by empty comment, and overridden on other modern browsers except WinIE5.5 and earlier by html>body below */
	background: url(img/arrow.gif) no-repeat #fff;
}

#SiteMainNav ul a, #SiteMainNav ul strong {
	color: #fff;
	display: block;
}

#SiteMainNav ul a {
	padding: 0 6px 15px 3px;
	text-decoration: none;
}

html>body #SiteMainNav ul li {
	margin-bottom: 2px;
}

#SiteMainNav ul strong {
	width: 164px !important; /* Width declared to cure vertical space bug in WinIE5.x */
	Width /**/: 175px; /* This line hidden from WinIE6 via empty comment. Used by other browsers that don't support !important, i.e. WinIE5.x */
}

#SiteMainNav ul a:link, #SiteMainNav ul a:visited, #SiteMainNav ul a:active {
	color: #fff;

}

#SiteMainNav ul li.on a:link, #SiteMainNav ul li.on a:visited, #SiteMainNav ul li.on a:active {
	color: #008193;

}

#SiteMainNav ul a:hover, #SiteMainNav ul li.on a:hover {
	color: #fff;
	background-color: #00616e;
	background-image: url(img/arrow.gif) no-repeat;
	
}

#SiteMainNav ul.subNav {
	list-style-type: none;
	margin-left: 6px !important;
}

#SiteMainNav ul.subNav li {
	color: #fff;
	font-size: 110%;
}

#SiteMainNav ul.subNav li.on {
	color: #008193;
}

#SiteMainNav ul.subNav li.off {
	color: #008193;
}

#SiteMainNav ul.subNav li.off a {
	color: #fff !important;
}

/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See  
     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page 
     for an explanation of this problem and Sam Foster's page for an explanation of the 
     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/
 
#rightbox {
	float: right;
	margin-top:0!important;
	width: 175px;
	padding-top: 0;
}

/* hide the following from IE5-Mac \*/
#rightbox {
	right: 1px;
	margin-right: 7px; 
}
	
#LatestNews a {
	color: #008193; 
	text-decoration: underline;
}
	
#LatestNews a:hover {
	color: #00616e; 
	text-decoration: none;
}

#LatestNews ul {
	font: 0.9em verdana, arial, helvetica, sans-serif;
	color: #008193;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image:none;
}

#LatestNews ul li {
	width: 175px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding: 6px 5px 7px 0;
}

#LatestNews ul li {
	\width: 176px; /* For WinIE 5.x */
	w\idth: 166px; /* Ignored by WinIE 5.x */
}

#LatestNews {
	margin-top: 0!important;
}

#LatestNews h2 {
	color: #fff;
	background: #008193;
	margin: 0 0 5px 0!important;
}


html>body .left {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/


html>body .right {margin-right: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/

.clear {
	clear: both;
	margin: 0;
	padding: 0; }

table { width:95%; margin: 0 0 1em 10px; padding:0; border-collapse: collapse; border-spacing: 0; border: solid 1px #00616e;}
table th {text-align:left; color: #fff; background-color:#008193; font-weight: bold; padding:2px 4px; border: solid 1px #00616e;}
table td {border: solid 1px #00616e; padding:4px 6px;}
table caption { font-size: 0.8em; padding-top: 10px;}