/* Misc Styles and defaults 
-------------------------------------------- */
  
* { margin:0px; padding:0px; }

body { color:#000; font-size:11px; line-height:18px; font-family: Verdana, Lucida, sans-serif; background-color:#393738; background-image:url(../images/tiledbackground.gif); }

.offleft { display:block; position:absolute; text-indent:-9999px; overflow:hidden; padding-right:50px; text-align:left; }

.highlight { color:#969c3c; font-size:27px; line-height:inherit; }

p { margin-bottom:20px; }

img.left { float:left; margin-right:10px; }
img.right { float:right; margin-left:10px; }

a { color:#969c3c; }
a:hover { color:#000; }


/* Page Structure
-------------------------------------------- */
#outerwrap { width:988px; margin:0px auto 0px auto; }

#tagline { background-image:url(../images/tagline.gif); width:988px; height:30px; margin-top:6px; }

#mastheadwrap { }

#logo { width:341px; float:left; }

#masthead { width:643px; float:left; }

#pageimage img { width:643px; height:168px; border-top:#fff 4px solid; border-right:#fff 4px solid; border-bottom:#fff 4px solid; }

#logo img,
#pageimage img { float:left; }

#pagebodyouterwrap { background-image:url(../images/contentbkgd.gif); background-repeat:repeat-y; }

#pagebodyinnerwrap { background-image:url(../images/framebottom.gif); background-position:bottom; background-repeat:no-repeat; padding-bottom:35px; }

#pagebody { background-image:url(../images/contentbkgdtop.gif); background-repeat:no-repeat; }

#content { width:541px; float:left; margin-left:35px; padding-top:22px; }


/* Navigation
-------------------------------------------- */
#navigation { width:643px; height:35px; background-image:url(../images/navgkgd.gif); background-repeat:no-repeat; border-bottom:#fff 1px solid; border-right:#fff 4px solid; }

#navigation ul { padding-top:8px; padding-left:40px; }

#navigation ul li { height:25px; list-style-type:none; width:auto; float:left; padding-right:19px; background-image:url(../images/arrowgreen.gif); background-position:right 2px; background-repeat:no-repeat; margin-right:13px; position:relative; }

#navigation ul li a { color:#fff; text-transform:uppercase; text-decoration:none; }

#navigation ul li a:hover,
#navigation ul li a.current { color:#060505; }

#navigation ul li ul.level1 { display:none; position:absolute; left:0px; top:22px; background-color:#969c3c; padding:6px 6px 0px 6px; margin:0px; -moz-border-radius:6px; behavior:url(/site/css/PIE.htc); border-radius:6px; border:#fff 2px solid; -moz-box-shadow:3px 3px 3px #666; -webkit-box-shadow:3px 3px 3px #666; box-shadow:3px 3px 3px #666; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; }

#navigation ul li ul.level1 li { height:auto; float:none; background-image:none; padding:0px 6px 6px 6px; margin:0px; }
#navigation ul li ul.level1 li a { filter:none; }
#navigation ul li ul.level1 li a:hover { color:#b23c16; }


/* Sidebar
-------------------------------------------- */
#sidebar { width:337px; float:left; }

#sidebar h2 { line-height:27px; margin-top:22px; color:#fff; text-transform:lowercase; font-weight:normal; font-size:23px; padding-left:63px; background-image:url(../images/arrowwhite.gif); background-position:30px 2px; background-repeat:no-repeat; margin-bottom:8px; }

#sidebar h2 a { color:#b23c16; text-decoration:none; }
#sidebar h2 a:hover { color:#fff; }

#sidebar p { color:#fff; margin-bottom:10px; padding-right:63px; padding-left:63px; }


/* Page Content Text Style
-------------------------------------------- */
#content h1,
#content h2,
#content h3,
#content h4 { line-height:normal; font-weight:normal; text-transform:lowercase; color:#969c3c; }

#content h1 { font-size:27px; margin-bottom:15px; }

#content h2 { color:#b23c16; font-size:20px; margin-bottom:10px; }

#content h3 { font-size:17px; }

#content h5 { font-size:15px; color:#b23c16; }

#content p { line-height:18px; }

#content ul,
#content ol { margin-bottom:15px; padding-left:22px; }

#content li { margin-bottom:4px; }



/* Footer
-------------------------------------------- */
#footer { width:988px; margin:0px auto 0px auto; text-align:center; margin-top:6px; }

#footer p,
#footer p a { color:#c4c1bc; }


/* CLEAR FLOATS
This forces an element to surround floating elements that it contains, without having to put an element on the page that clears the float.
See IE stylesheets for the method that works for that browser, since it doesn't support pseudo-selectors. */
#masthead:after,
#pagebody:after,
#mastheadwrap:after,
#pageimage:after,
#navigation ul:after,
#logo:after { content:".";  display:block;  height:0; clear:both; visibility:hidden; }