@charset "utf-8";

body {font: 100% arial, "helvetica neue", helvetica, verdana, sans serif; background:#ECECEC; margin:0; padding:0; text-align:center; color:#3C2600; position:relative; z-index:1 }
#container {width:45em; margin:.25em auto 0; text-align:left; position:relative; }
#header {padding:0 0 0 2em; margin:0 0 .6em 0; width:100%; position:relative;} 
#header h1 {margin:0; padding:10px 0; height:1.2em; background:url(../i/Logo.png) 3% 50% no-repeat; width:8em;}
#header h1 span{display:none;}

/* top nav using "son of suckerfish" nav for css menus*/
#nav, #nav ul {padding: 0; margin: 0; list-style: none; line-height: 1.5;}
#nav a {display:block; width:6em; color:#FFF; text-decoration:none; text-align:center; font-weight:bold;}
#nav li {float:left; width:6em; background:#f8930c url(../i/nav_center.png) repeat-x; border:1px solid #E97A16; border-bottom:none; border-top:none; padding:.1em .5em; position:relative; min-height:21px;}
#nav li ul {position: absolute; width: 14em; left: -999em; z-index:20;}
#nav li ul li, #nav li ul li a{width: 14em; text-align:left;}
#nav li:hover ul, #nav li.sfhover ul {top:23px; left:-1px;}
#nav li.last:hover ul, #nav li.last.sfhover ul {left:-8em;}
#nav li.next2last:hover ul, #nav li.next2last.sfhover ul {left:-1em;}
#content {clear: left;}

#nav {margin:4em 10% 0 0; float:right; font-size:75%; position:relative; z-index:10;}

#nav li:hover, #nav li.sfhover {background:#fcc67e url(../i/nav_center_on.png) repeat-x;}
#nav li .navLeftEndCap {position:absolute; left:-5px; top:0; width:5px; height:23px; background:transparent url(../i/nav_left.png);}
#nav li .navRightEndCap {position:absolute; right:-5px; top:0; width:5px; height:23px; background:transparent url(../i/nav_right.png);}
#nav li:hover .navLeftEndCap, #nav li.sfhover .navLeftEndCap {background:transparent url(../i/nav_left_on.png);}
#nav li:hover .navRightEndCap, #nav li.sfhover .navRightEndCap {background:transparent url(../i/nav_right_on.png);}

#nav li ul li {background:#F9930D; border-top:1px solid #E97A16;}
#nav li ul li:hover, #nav li ul li.sfhover {background:#FCC67E url(../i/nav_sub_center_on.gif) repeat-x;}
#nav li ul li:hover a, #nav li ul li.sfhover a {color:#000;}

#nav .b, #nav .b div {background:transparent url(../i/nav_sub_bottom.gif) no-repeat bottom right; height:5px; width:100%; position:absolute;}
#nav .b {bottom:-5px; right:-1px;}
#nav .b div {position:relative; width:6px; background-position:bottom left; bottom:0; left:-2px;}

/* main content */
.oneCol #mainContent {margin:0 0 0 12px;}
.twoCol #mainContent {margin:0 1.5em 0 13em;} 
.twoCol #sidebar1 {float:left; width:12em; padding:.6em 0; color:#3C2600; font-size:80%;}
.twoCol #sidebar1 h3, .twoCol #sidebar1 p {margin-left: 10px; margin-right: 10px;}
/*
.twoCol #sidebar1 div {margin: .5em .5em .5em 0; padding: .25em; background:#FFCC66;}
*/

#wrapper {position:relative; z-index:2;}
#mainContent {color:#3C2600; position:relative; z-index:3; font-size:80%; padding:1.5em 0 0 0;}
a {color:#E86602; text-decoration:none;}
a:hover {color:#360E62;}

h1,h2,h4,h3,h5,h6 {color:#360E62; margin:0; padding:0; line-height:1.5em;}
h1 {font-size:150%;}
h2 {font-size:137%; color:#999999;}
h4 a, h5 a {color:#E86602; text-decoration:none; margin-bottom:1em; display:block;}
h4 a:hover, h5 a:hover {color:#360E62;}

#bottom {padding:1em 0; width:100%; clear:both;}
#bottom div {width:31.3%; float:left; margin:0 1.5%; padding:0; background:url(../i/colored_boxes_tr.gif) top right no-repeat; }
#bottom p {margin:0; padding:.5em; color:#FFFFFF; font-size:smaller;}
#bottom p a{color:#000000;}
#bottom .boxtitle {font-size:large;font-weight:bold;}
#bottom a.boxtitle {font-size:large;font-weight:bold; color:#FFF; text-decoration:none;}
#bottom a.boxtitle:hover {color:#360E62;}
#bottom #cont1 {margin-left:0; }
#bottom #cont2 {}
#bottom #cont3 {margin-right:0; float:right;}
#bottom .topCorners {background:url(../i/colored_boxes_tr.gif) no-repeat; width:4px; height:4px; float:right; display:block;}
#bottom .botCorners {background:url(../i/colored_boxes_bl.gif) bottom left no-repeat; width:100%; height:4px; display:block;}
#bottom .botCorners span {background:url(../i/colored_boxes_br.gif) bottom no-repeat; width:4px; height:4px; float:right; display:block;}

#footer {padding:1em 0 0 0; clear:both; font-size:70%; color:#999;} 
#footer p {clear:both; font-size:90%; color:#999;}
#footer p a {color:#999; text-decoration:none;}
#footer .nav {width:30%; float:right; text-align:right; float:right; }
#footer form {width:60%; }
#footer form input {color:#999; height:.75em;}
#footer form label {margin:-.3px 0 0 0; font-size:smaller;}
#footer form input.butt {height:2.2em; font-size:smaller;}
#footer form label {}


form label {width:8em; display:block; float:left; text-align:right; padding:0 .5em 0 0; }

/*

border:1px solid red;
border:1px solid blue;
border:1px dashed purple;
border:1px dashed orange;

*/