/* Header, three columns, footer, margin around entire site
	This layout is  based on Ryan Brill's article on negative margins in A List Apart: 
	http://www.alistapart.com/articles/negativemargins
*/

/*~~~~~~~~ layout rules ~~~~~~~~*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#header {border-bottom: 1px solid #CCC;background: #FFF;margin: 2em 2em 0em 2em;}
#outer_wrapper {background: #fff url(Images\background_3a.gif) repeat-y left;margin: 0em 2em;}
.wrapper {background: url(Images\background_2a.gif) repeat-y right;}
#container {width: 100%;float: left;margin: 0 -150px 0 0;padding: 0;background: url(Images\background_2a.gif) repeat-y right;}
#content {margin: 0 150px 0 0;padding: 0;background: url(Images\background_3a.gif) repeat-y left;}
#main {margin-left: 150px;padding: 0px;position: relative;}
#left {width: 150px;float: left;padding: 0;margin: 0;voice-family: "\"}\"";voice-family: inherit;width:150px;}
html>body #left {width:150px;}
#sidebar {display: inline;width: 150px;float: right;padding: 0;margin: 0px 0px 0px -3px;voice-family: "\"}\"";voice-family: inherit;width: 150px;}
html>body #sidebar {width:150px;}
#footer {background: #FFF; margin: 0em 2em 0 2em;clear:both;}
.last {margin-bottom: 0;}
.clearing {margin:0;padding:0;height:0;clear:both;}

/*~~~~~~~~ base styles ~~~~~~~~*/
body {font-family: Arial, sans-serif;margin: 0;background-color: #FFFFFF;border-top-style:solid;border-top-width: 1em;border-top-color: #96B5D2;}
h1, h2, h3, h4, h5, ul, li, p, block {margin: 0;padding: 0;}

/*~~~~~~~~ #intro style~~~~~~~~*/
#intro td a {font-family: "Trebuchet MS", Arial, sans-serif;}

/*~~~~~~~~ #left styles ~~~~~~~~*/
#left img {margin: 0;padding: 1em 0 0.5em 0.5em;}
#left p#ad {background: #B5CBDF;width: 80%;margin: 2em 0 0 0;padding: 0;font-family: "Century Gothic", Arial, sans-serif;font-size: 13px;text-align: center;}

/*~ #left list styles - all levels ~*/
#navcontainer {background: #B5CBDF;width: 90%;margin: 0;padding: 0;font-family: "Century Gothic", Arial, sans-serif;font-size: 13px;text-align: center;}	
#navcontainer ul {padding: 0;margin: 0;width: 100%;text-align:left;}

/*~ #left list styles - top level ~*/
#left li {list-style-type: none;display: block;margin: 0;padding: 0;}
#left a {display: block;width: 90%;padding: 0.5em 1.5em 0.5em 0.5em;border-width: 1px;border-color: #ffe #aaab9c #ccc #fff;border-style: solid;color: #FFF;text-decoration: none;background-color: #96B5D2;}
#left a:hover {color: #FFF;width: 90%;background-color: #B5CBDF;border-color: #aaab9c #fff #fff #ccc;}
#left a.activepage,#left a.activepage:hover {background:#2966A7;color: #FFFFFF;}
/*~ #left list styles - 2nd level ~*/
#navcontainer ul li ul {width: 100%;margin: 0;padding: 0;}
#left li li {margin: 0;padding: 0;}
#left li li a:link,#left li li a:visited,#left li li a:hover,#left li li a:active {padding: .5em .5em .5em 1.5em;font-size: 12px;background: #B5CBDF url(Images/background_nav2.png) repeat-y left;}
#left li li a.activepage {padding: .5em .5em .5em 1.5em;font-size:12px;background:#2966A7 url(Images/background_nav2.png) repeat-y left;color: #FFFFFF;}

/*~~~~~~~~ #main styles ~~~~~~~~*/
#main h2, h3, h4, h5, h6 {padding: 1.5em 1em 0 0.75em;font-style: italic;font-weight: bold;}
#main h2 {text-decoration: underline;text-align: center;margin-top: 0.5em;margin-bottom: 1em;}
#main h3 {font-weight: normal;font-style: normal;font-size: 125%;text-align: center;}
#main h4 {margin-top: 0em;padding-top: 0.5em;}
#main h6 {margin: 0em 0em 0.5em 1.25em;padding-top: 0.5em;font-style: normal;font-weight: bold;}
#main img {float: right;padding:1em 1em 0 1em;}
#main img.left {float:left;padding:2em 3em 4em 1em;}
#main img.logo {float: none;padding:1em 1em 0 .5em;}
#main img.nofloat {float: none;padding:1em;}
#main img.nopadding {float:right;padding:0;}
#main ul {list-style-type: none;padding: 0;padding-right: 1em;margin-left: 1em;margin-top: 1em;font-size: 12px;line-height: 150%;}
#main li {list-style-type: disc;padding-left: 0em;margin: 0.5em 0 0.5em 2em;font-size: 12px;font-weight: normal;font-style: normal;}
#main p, #main td {line-height: 150%;padding: 1em 1.5em 0em 1em;text-align: justify;font-style: normal;font-size: 12px;}
#main p.warning em{color: #FF0000;}
#main p.column1 {display: table-cell;}
#main p.column2 {display: table-cell;}
#main td {height:auto;font-style: normal;font-size: 12px;}
#main td.center {text-align:center;}
#main td span.red {color:#FF0000;}
#main table.table1 {padding-left:2em;}
#main table.table1 td {padding:0 1em 1em 1em;height:auto;font-style:normal;font-size:12px;}
#main p.quote, p.quote em {font-weight: normal;font-family: Arial, sans-serif;font-size: 12px;font-style: normal;text-align: justify;}
#main p.quote {padding: .5em -1em .1em 1em;}
#main p.quote em {font-style: italic;}
#main ul.quote {list-style-type: none;text-align: center;color: #2966A7;margin: 0;padding: 0;}
#main ul.quote li {display: inline;background-image: none;margin: 0;padding-right: .25em;}
#main ul.quote li a {text-decoration: none;color: #2966A7;font-weight: bold;}
#main ul.quote {list-style-type: none;text-align: center;color: #2966A7;margin: 0;padding: 0;}
#main ol {margin-top:2em;}
#main ol li {margin:1em 0;list-style-type:decimal;}

/*~ #main a.activepage list syles - all levels ~*/
#main ul.quote li a {text-decoration: none ;background-color: #0000ff;color: #FFF;}	
#main p.author {margin: 0em 1em 0.5em 1em;line-height: normal;font-style: normal;text-indent: 0em;}
#main p.author em {font-style: normal;color: #551A8B;}
#main p.question {margin-left: 0em;font-style: italic;font-weight: bold;}
#main ul.question {margin-left: 1em;}
#main ul.question li {list-style-type: none;background-image: url(Images/P_W_Just_O_285.png);background-repeat: no-repeat;background-position: 0 0.35em;padding-left: 1em;}
#main ul.question li a {color: #000000;text-decoration: none;}
#main p.answer {font-style: normal;text-align: left;font-size: 12px;}
#main ul.answer li {padding: 1em;}
#main ul.answer li a { text-decoration: underline;color: #2966A7;}

/* Main submenu styles */
#submenu {display: block;width: 95%;list-style: none;background: #FFF;font-family: "Century Gothic", Arial, sans-serif;margin: 0;padding: 1em 1em 1em 0em;}
#submenu li {float: left;padding: 0;margin: 0;background: none;list-style: none;}
#submenu a {display: block;width: 8.5em;color: #2966A7;text-align: center;text-decoration: none;padding: 0;margin: 0;font-size: 13px;border-left: 1px solid #CCCCCC;}
#submenu a.first {border-left: none;}
#submenu a.wide {width:10.5em;}
#submenu a:hover,#submenu a:active {text-decoration: underline;}
#submenu a.activesubpage, #submenu a.activesubpage:hover {text-decoration: none;font-weight: bold;}

/*~~~~~~~~ #sidebar styles ~~~~~~~~*/
#sidebar p.sidebar_title {margin: 0;padding: 0.5em 0;color: #ffffff;background-color: #2966A7;border-width: 1px;border-color: #ffe #aaab9c #ccc #fff;border-style: solid;font-family:"Century Gothic", Arial, serif;font-size: 13px;text-align: center;}
#sidebar p.quote {text-align: left;font-family:"Century Gothic", Arial, serif;font-weight: normal;font-size: 12px;font-style: normal;padding: 0.5em 0.2em;}
#sidebar p.quote em{text-align: left;font-family:"Century Gothic", Arial, serif;font-weight: normal;font-size: 12px;font-style: italic;padding: 0.5em 0.2em;}
#sidebar p.author {font-family:"Century Gothic", Arial, serif;color: #2966A7;font-weight: bold;text-align: left;font-size: 12px;padding: 0.5em 0.2em;}
#sidebar p.sidebar_bottom,#sidebar a {margin: 0;padding: 0.5em;color: #ffffff;background-color: #2966A7;font-family:"Century Gothic", Arial, serif;font-size: 13px;text-align: center;vertical-align:baseline;text-decoration: none;}

/*~~~~~~~~ #footer styles ~~~~~~~~*/
#footer ul,#footer li,#footer a, #footer p,#credit {font-size: 12px;}
#footer ul {clear: both;margin-top: 0.8em;margin-bottom: 1em;}
#footer li {display: inline;list-style-type: none;padding: 1em 0.5em 0 0;margin: 0;color: #2B66B2;}
#footer a {color: #2B66B2;padding:0.25em;}
#footer img {float: left;margin: 0;padding: 0;}
#footer img.credit {float: right;margin-top: 0.75em;padding: 0;}
.buttons {padding: 0.5em 0;}
.tagline {margin-top: .25em;border-top: 1px solid #CCCCCC;clear: both;}
#sidebar_bottom, #navbar_bottom {width:135px;margin:0;padding:0.5em;background-color:#2966A7;color:#FFFFFF;font-family:"Century Gothic", Arial, serif;font-size: 13px;text-align: center;}
#navbar_bottom {float: left;margin-right: -1em;}
#sidebar_bottom {float: right;margin-left: -1em;}
#sidebar_bottom a,#navbar_bottom a {display: block;background-color: #2966A7;color: #FFFFFF;text-decoration: none;}