/* CSS Document */

html, body { background-color: #787676; margin-top: 5px; font-size: .85em; color: #000; font-family:Arial, Helvetica, sans-serif; line-height: normal; padding: .1em; }

/* Layout 
---------------------------------------- */
table#shell { width: 760px; margin: 0px auto 0px auto;  }
#shell { }

/* Cell Padding, Width, Height, Background and Alignment
---------------------------------------- */
#cell_header { padding: 0; margin:0; height:155px;}
#cell_left { width: 250px; padding: 0; vertical-align: top; background:#551900; }
#cell_content { width: 510px; vertical-align: top; background:#FFFFFF;  }
#cell_footer { background: #afbd22; padding: 0px 0px 0px 10px; }

/* Links
---------------------------------------- */

/* Standard Elements
---------------------------------------- */
p { margin-bottom:8px; margin-top:0px; padding: 0; font-size:115%; line-height:130%; }
img	{ margin: 0; padding: 0; border: 0; }
#content h1, h2, h3, h4, h5, h6 { letter-spacing: .2%; padding: 0; margin: 0; color: #551900; font-family:Arial, Helvetica, sans-serif; line-height:105%; }
#content h1 { font-size: 170%; text-transform:uppercase; margin-bottom:6px; }
#content h2.date { font-size: 140%; line-height: 1; margin: 0; }
#content h2 { font-size: 130%; line-height: 1.1; margin-top:6px; text-transform:uppercase; color:#551900;  }
#content h2.date + h2 { margin-top: 0; }
#content h2 + h2 { margin-top: 10px; }
#content h2 a {color:#551900;  text-decoration: none; }
#content h2 a:hover { text-decoration:underline; }
#content h3 { font-size: 120; color:#551900; }
#content h4 { font-size: 110%; }
#content h5 { font-size: 100%; }
#content h6 { font-size: 80%; }
#content h2 + p { margin-top: 10px; }


/* Header 
---------------------------------------- */
#header { background:#ffffff; margin: 0; padding: 0; text-align:center; }

/* Lefthand Navigation 
---------------------------------------- */
#column_left { padding:0px; }

/* Back link 
---------------------------------------- */
#back { color:#f58025; }
#back a { color:#f58025; text-decoration:none; font-weight:bold; }
#back a:hover { text-decoration:underline; }

/* Content 
---------------------------------------- */
#content { margin-left:30px; margin-right:20px; margin-top:20px; margin-bottom:20px; padding-bottom:40px; }
#content p + img { clear: right; }
#content img + div { clear: both; }
#content p a { color:#f58025; font-weight:bold; }
#content p a:hover { text-decoration:none; color:#afbd22; }
#content_footer { text-align:center; color:#5a7ba6; font-size:80%; margin-top:30px; }
/* Callout paragraph */
#content p.callout { display: block; background-color: #fff6f6; font-size: 110%; margin: 10px 0; padding: 10px; border-top: 1px solid #551900; border-bottom: 1px solid #551900; }
#content p.callout strong { color: #551900; font-size: 120%; text-transform: uppercase; }

/* Footer 
---------------------------------------- */
#footer_content { margin:10px 0px 0px 0px; }
#footer_content a,  #footer_content a:visited { color:#cccccc; text-decoration:none; }
#footer_content a:hover { text-decoration:underline; }
#footer_content p { font-size: 90%; line-height:100%; color:#ffffff; }
#footer_content img { margin-left:20px; margin-right:10px; }


/* Lefthand Navigation 
---------------------------------------- */
#column_left { padding:0; }
.navigation_left{ margin:15px 10px 30px 15px; } /*width of accordion menu*/
.navigation_left p { color:#f6eae6; font-size:100%; line-height:115%; padding:10px; background:#762401; }
* html body .navigation_left { padding:42px 10px 0px 0px; }
.navigation_left .menuheader{ font-family:Arial Black, Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase; margin-left:2px; margin-right:6px; font-size:110%; font-weight:normal; } /*CSS class for menu headers in general (expanding or not!)*/
.navigation_left .menuheader a { display:block; padding: 6px 2px 6px 0px; margin-top:2px;}
.navigation_left .expandable a { color:#ffffff; }
.navigation_left .unexpandable a { color:#ffffff; }
.navigation_left .openheader a { color:#ffffff;  } /*CSS class to apply to expandable header when it's expanded*/
.navigation_left .menuheader a:hover { color:#f58025; }
.navigation_left h3 { margin:0px; padding:0px; }
.navigation_left h3 a {  margin:0px; padding:0px; text-decoration:none; }

.navigation_left h3 a:hover { color:#f58025; font-weight:bold; }
* html body .navigation_left h3 a { } 
.navigation_left ul{ padding:0px; margin:0px 6px 0px 0px; border:solid 2px #ffffff; background:#ffcc33; } /*CSS for UL of each sub menu*/

.navigation_left ul li {  font-family:Arial, Helvetica, sans-serif; list-style-type:none; line-height:200%; margin:0px;  }
.navigation_left ul li a { display:block; margin:0px; padding: 0px 0px 0px 8px; text-decoration:none; color:#000000;  }
* html body .navigation_left ul { width:100%; height:1%; } /* for IE's eyes only */
.navigation_left ul li a:link { }
.navigation_left ul li a:visited {  }
.navigation_left ul li a:hover{  background:#993333; color:#FFFFFF; }
.navigation_left ul li ul {  border-bottom:none; margin-left:14px; border-top:none; border-right:none; }
.navigation_left ul li ul li a { padding:4px 0px 4px 8px; line-height:90%; }
* html body .navigation_left ul li ul li a { } /* for IE's eyes only */
.navigation_left p a { color: #fff; }
.navigation_left p a:hover { color: #f58025; }
.active { font-weight:bold; color:#f58025; } 

/* RESOURCES list
------------------------------------------------------------- */
#resources { background:#F57B29; width:175px; color:#ffffff; float:right; padding:6px; margin-top:0px; margin-left:15px; margin-bottom:15px; }
#resources h1 { font-size:90%; font-weight:normal; margin-top:0px; margin-bottom:10px; padding:0; color:#ffffff;}
#resources p { font-size:85%; line-height:95%; text-align:right; }


/* MISC
------------------------------------------------------------- */
.top {margin-top:10px; }
.left {margin-left:10px; }
.right {margin-right:10px; }
.bottom {margin-bottom:10px; }
.image { padding:4px; border:solid 1px #afbd22; }