/*=========== Global reset ===========*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
/**, html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }*/
div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote{ margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100%; margin: 0 0 0.8em 0; }
q:before, q:after { content:''}

/* The below restores some sensible defaults */
p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ===========*/


/*=========== Colors ===========
Very Light BG: #e9e9e9;
Color 3: #9999cc;
Color 2: #3b3090;
Color 1: #3b3092;
=========== END: Colors ===========*/


/*=========== Layout ===========*/
#wrapper {
font-family: arial, univers, helvetica, sans-serif;
font-size: 0.8em;
}

#pf-header /** hide print-header **/
{
display: none;
}

#nav {
height: 34px;
background: #000;
border-bottom: 1px solid #fff;
}

#nav-body {
width: 960px;
}

#nav ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
font-size: 0.85em;
font-weight: bold;
color: #3b3090;
}

#nav li {
display: inline;
}

#nav a {
display: block;
float: left;
padding: 0.75em 0.75em 0.75em 1.25em;
background: transparent url("/images/sub-nav-bullet.gif") no-repeat left center;
text-decoration: none;
color: #fff !important;
}

#nav a:hover {
text-decoration: underline;
color: #fff !important;
}

#nav li.first a {
background-image: none;
}

#nav li.rss {
display: block;
float: left;
background: transparent url("/images/sub-nav-rss.gif") no-repeat 10px center;
}

#nav li.rss a {
padding-left: 2em;
}

#top {
background: #41626f;
height: 70px;
border-bottom: 1px solid #fff;
}

#top-body {
overflow: auto;
width: 960px;
}

#top #logo {
float: left;
/*width: 276px;*/
width: 277px;
height: 70px;
background: #9ea6a9 url("/images/sublogo_gen.gif") no-repeat left top;
}

#top #logo a {
width: 277px;
height: 70px;
}

#top #main-photo {
float: left;
width: 265px;
height: 70px;
background: transparent url("/images/200912/sub-main-photo.jpg") no-repeat right top;
}

#top #search {

}

#top #search ul {
float: right;
margin: 10px 0 0 0;
padding: 0;
}

#top #search li {
display: block;
float: left;
}

#top #search .form-field input {
border: 1px solid #666;
height: 20px;
margin: -1px 0 0 0;
padding: 2px 4px;
}

#top #search .form-button input {
border-width: 0;
margin: 0 0 0 0.5em;
padding: 0;
width: 19px;
height: 17px;
background: transparent url("/images/sub-button-go.gif") no-repeat left top;
}

#content {
clear: both;
border-top: 23px solid #e8e18f;
margin: 0 0 1.5em 0;
overflow: auto;
}

#content-border {
border-top: 1px solid #000;
}

#content-body {
width: 960px;
padding: 1em 1.5em;
}

#left-column {
float: left;
width: 610px;
margin: 1.5em 0 0 1.5em;
min-height: 300px;
_height: 300px; /** IE6 Hack **/
}

#right-column {
float: right;
width: 328px;
margin: 1.5em 0 0 0;
_height: 300px; /** IE6 Hack **/
}

#footer {
clear: both;
border-top: 1px solid #000;
margin: 0 0 1.5em 0;
}

#footer-body {
width: 960px;
padding: 0 0 2em 0;
}

#footer #footer-logo {
float: left;
margin: 1em 0 0 0.5em;
}

#footer p {
float: left;
margin: 1em 0 0 1.5em;
padding: 0.75em 0 0 0.2em;
font-size: 0.85em;
color: #666;
}
/*=========== END: Layout ===========*/




/*=========== Content Styles ===========*/
a {
color: #305060 !important;
}

a:hover {
color: #305060 !important;
}

.smallcaps
{
font-size: 90%;
text-transform: uppercase;
}

.red
{
color: #cc0000;
}



.no_italics
{
font-style: normal;
}

.header, h1 {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #3b3092;
}
.subheader, h2 {
	margin: 0 0 0.8em 0;
	border-bottom: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #000;
}

h3 {
	margin: 0 0 0.8em 0;
	border-bottom: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
}

h4 {
	margin: 0 0 0.8em 0;
	border-bottom: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #000;
}

h5 {
	margin: 0 0 0.1em 0;
	border-bottom: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}

h6 {
	margin: 0 0 0.1em 0;
	border-bottom: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000;
}

.descriptive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #333;
}

.descriptive2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #3b3092;
}

.descriptivesmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #3b3092;
	font-style: italic;
}

.descriptivesmallplain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #3b3092;
	font-style: none;
}

.descriptivesmallplain2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #555;
	font-style: none;
}

.smallcolor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #555;
}

.smallgray
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666;
}

.bgtable {
	background-color: #d0dfe9;
}

.bgtable  .header, .bgtable  h1 {
color: #3b3092;
}

.bgtable  a:link, a:hover, a:active 
{
color: #3b3090;
}

.bgtable  a:visited 
{
color: #808080;
}
	
td.contents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

/*=========== END: Content Styles ===========*/




/*=========== Misc ===========*/
#issuebar {
height: 22px; 
margin: 0 0 1em 0;
background: #c0c0c0;
}

/** Blog Feed **/
#blog-feed
{
margin: 0 0 0 2.0em;
}

#blog-feed div.headline
{
font-weight: bold;
color: #305370;
}

#blog-feed div.date
{
font-weight: bold;
}

#blog-feed div.text
{
margin: 0 0 1.5em 0;
}
/** END: Blog Feed **/

/** Subscribe Box **/
div.hp-box
{
margin: 0 0 0 2.0em;
}

div.hp-box-header
{
text-transform: uppercase;
background-color: #6c6c6c;
background-image: url("/images/200912/hp-icon-bulletarrow.gif");
background-repeat: no-repeat;
background-position: 15px center;
padding: 0.4em 0.6em 0.4em 3.0em;
font-weight: bold;
color: #fff;
}

div.hp-box-body
{
overflow: auto;
border: 1px solid #b6b6b6;
margin: 0.2em 0 1.5em 0;
padding: 0.8em;
}

div.hp-box-body  h2
{
margin: 0;
font-size: 1.1em;
font-weight: bold;
color: #666666 !important;
}

div.hp-box-body  p
{
margin: 0 0 1.0em 0;
}

img.hp-box-photo
{
float: left;
border: 1px solid #b6b6b6;
margin: 0 1.0em 1.0em 0;
}

form.search
{
margin: 0px;
}

form.search  label
{

}

form.search  input /* Text Field */
{
height: 18px;
border: 1px solid #9c9c9c;
padding: 0 0.2em 0 0.2em;
}

form.search  input.button, input.button
{
cursor: pointer;
width: auto;
height: 18px;
border-width: 0px;
padding: 0.2em 0.2em 0.3em 0.2em;
background-color: #3b3092;
font-size: 0.95em;
font-weight: bold;
color: #fff;
}
/** END: Subscribe Box **/

/*=========== END: Misc ===========*/

}

form.search
{
margin: 0px;
}

form.search  label
{

}

form.search  input /* Text Field */
{
height: 18px;
border: 1px solid #9c9c9c;
padding: 0 0.2em 0 0.2em;
}

form.search  input.button, input.button
{
cursor: pointer;
width: auto;
height: 18px;
border-width: 0px;
padding: 0.2em 0.2em 0.3em 0.2em;
background-color: #3b3092;
font-size: 0.95em;
font-weight: bold;
color: #fff;
}
/** END: Subscribe Box **/


/*** archives ***/

td.archive_subheader 
{
	padding: 2px 5px 2px 5px;
	background-color: #000000;
	color: #FFFFFF;
}

td.archive_image
{
	padding: 8px 8px 8px 8px;
	background-color: #DDDDDD;
}

td.archive_text
{
	padding: 8px 8px 8px 0px;
	background-color: #DDDDDD;
}

td.archive_column_spacer
{
	width: 2px;
	background-color: #FFFFFF;
}

td.archive_row_spacer
{
	height: 2px;
	background-color: #FFFFFF;
}
/*** END: archives ***/

/*=========== END: Misc ===========*/