@import url(appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body {  background:#FFFFFF;  color:#000000;  font:.9em Arial, Helvatica, Verdana, sans-serif;}

.mastWrap{float:left;width:100%;}
.cntrWrap{width:800px;margin:0 auto;}
.fltFix{float:left;width:100%;}

a{color:#581e00;text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

h1,h2,h3,h4,h5,.PageTitleHeader,.PageSubTitleHeader{font-weight:bold;margin:0;padding:8px 5px 8px 0;line-height:1.8em;}
h1,.PageTitleHeader{font-size:1.8em;}
h2,.PageSubTitleHeader{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1em;}
p{padding:0;margin:7px 0;}

.expand{background:#333333;}
.expand img{background:#333333;float:none;display:block;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}
.promo { padding:10px 5px; margin:0;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearer { clear:both; }
.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

/* HEAD ELEMENTS
---------------------------------------------*/

div#pageContainer { width:780px; margin:0px auto; position:relative; }

div#header { height:158px; width:100%; background:url("images/logo.gif"); border-bottom:1px solid white; }
div#header img { border:0px; }

div#navBar { width:100%; height:32px; background:#5c5859; border-bottom:1px solid #bab8b9; z-index:9999; }

#nav, ul#nav  {border-bottom:0px solid #bab8b9; height:30px; font-size:11px; margin:0px auto; padding:0; display:block; list-style-type:none; }
#nav a {display:block; border:1px solid #ffffff; padding:2px 5px; color:#ffffff; text-decoration:none; font-size:11px;}
#nav a:hover {color:#999999; border-color:#999999;}
#nav li {float:left;padding:5px 5px 0px 5px;}
#nav li ul {background:#565353; width:200px; border:1px solid #999999; border-top:0px; left:-999em;margin:0pt;position:absolute; padding:5px 0 5px 0; height:auto;}
#nav li li {padding:0px;}
#nav li ul a {width:190px; border:0px;}
#nav li ul a:hover { color:#999999;}
#nav li ul ul {margin:-1.75em 0pt 0pt 14em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em; color:#999999; border-color:#999999; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left:auto;}
#nav li:hover, #nav li.sfhover { color:#999999;}

/* LEFT COLUMN
---------------------------------------------*/
div#navLeft { float:left; width:168px; background:#565353; }



/* Side menu */
#LeftMenu { list-style-type:none; padding:0px; margin:0px; }
#LeftMenu li { padding:5px 0px 0px 20px; clear:left; z-index:0; background:url(images/leftNavBg.gif); height:21px; }
#LeftMenu li a, #LeftMenu li a:link, #LeftMenu li a:hover, #LeftMenu li a:visited { display:block; padding:2px 0px; color:#FFFFFF; text-decoration:none; width:145px; font-size:11px; }

/* Universal code for all browsers */
.LeftSEOMenu { position:relative; font-size:11px; margin:0px auto; }
.LeftSEOMenu ul { display:block; list-style-type:none; padding:0px; margin:0px; }
.LeftSEOMenu ul li { position:relative; padding:5px 0px 0px 20px; clear:left; background:url(images/leftNavBg.gif); height:21px; }
.LeftSEOMenu ul li ul { position:absolute; visibility:hidden; background:#565353; width:200px; left:168px; top:0px; border:1px solid #999999; }
.LeftSEOMenu ul li ul li { padding:0px; background:transparent; }
.LeftSEOMenu ul li ul li ul { left:200px; top:0px; width:200px; }

/* Link stylings */
.LeftSEOMenu ul li a { display:block; padding:2px 0px; color:White; text-decoration:none; width:148px; }
.LeftSEOMenu ul li a:hover { color:White; }

/* Specific to regular browsers */
.LeftSEOMenu ul li:hover ul { visibility:visible; }
.LeftSEOMenu ul li:hover ul li ul { visibility:hidden; }
.LeftSEOMenu ul li:hover ul li a { width:190px; border:0px; font-size:11px; padding-left:10px; }

/* Specific to IE browsers */
.LeftSEOMenu ul li a:hover ul { visibility:visible; }
.LeftSEOMenu ul li a:hover ul li a ul { visibility:hidden; height:0px; width:0 }
.LeftSEOMenu ul li a:hover ul li a { width:190px; z-index:9990; border:0px; font-size:11px; padding-left:10px; }
.LeftSEOMenu ul li a:hover ul li a:hover ul { visibility:visible; }

/* Hacks for IE6.0 */
* html .LeftSEOMenu ul { margin-left:0px; }
* html .LeftSEOMenu a, * html .LeftSEOMenu a:visited { background-color:transparent; }
* html .LeftSEOMenu a:hover { background-color:#5c5859; }

#ContentQuickLinks {padding:0; margin:0 auto; text-align:center;}
select#QuickFinder { width:150px; margin:0px auto 10px; display:block; }
/* BODY ELEMENTS
---------------------------------------------*/
div#mainDiv { clear:both; width:100%; background:url("images/mainDiv-back.gif"); border-bottom:1px solid white; background-color:#F1F0F0; }
div#mainDivFull { clear:both; width:100%; background:url("images/mainDivFull-back.gif") repeat-y; border-bottom:1px solid white; }

.structBody ul#ContentBreadCrumbs{padding:0;margin:5px 0 10px 0;list-style:none;float:left;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:.8em;padding:2px 6px 2px 8px;background:url(images/bcArw.gif) no-repeat center left;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs l.navselected a{font-weight:bold;}

div#paneContainer { margin:0px auto; width:440px; padding:0px 1px; float:left;}
div#paneContainer #ContentMiddle{ background-color:#F1F0F0; }

div#paneContainerFull { margin:0px; width:590px; padding:20px 10px; float:left;}

div#header h1 { display:none; }

div.sectionFrontHeader { display:block; width:440px; height:24px; background:url(images/headerBar.png); }
div.sectionFrontHeader span { display:block; font-size:14px; font-weight:bold; padding:5px 0px 0px 20px; }

div.welcomeMessage { background:url(images/welcome.gif); }

div.sectionFrontContent { background:#f1f0f0; }
div.sectionFrontContent ul li, div.sectionFrontContent ul { list-style-image:url(images/arrow.gif); margin:0px; padding-left:20px; }
div.sectionFrontContent ul li { padding-left:0px; }
div.sectionFrontContent ul li a { text-decoration:none; color:#565353; font-size:12px; }

div.sectionFrontMore { text-align:right; font-size:12px; background:#F1f0f0; }
div.sectionFrontMore a, div.sectionFrontMore a:visited { display:block; width:67px; height:18px; background:url(images/more.gif); color:#003366; margin-left:auto; text-decoration:none; text-align:center; padding:2px; }



/* RIGHT COLUMN
---------------------------------------------*/

div#rightBar { float:right; width:158px; background:#565353; padding:5px; }

/* Footer Elements 
---------------------------------------------*/
div#pageFooterContainer { height:33px; width:100%; background:#999999; color:#ffffff; font-size:11px; clear:both; }
div#pageFooter { padding:10px; }
div#pageFooter a, div#pageFooter a:visited, div#pageFooter a:active { color:#565353; }
div#pageFooter a:hover { color:#ffffff; }

/* Imported skin.css \*/
/* ========================================================= */
caption { background:none; color:#000; }
td.today { background:none;  color:;}
.centercolumn { border:2px solid; }
.DirLinks { font-size:10px; }
.footer { background:none;  color:;}
.headline { background:none;  color:;}

/* Text style used for most text rendered by modules */
.Normal, .NormalDisabled { font:normal 11px Arial, Helvetica; }
/* text style used for rendered text which should appear disabled */
.NormalDisabled { color:Silver; }
/* text style used for rendered text which requires emphasis */
.NormalBold { font:bold 11px Arial, Helvetica; }
/* text style used for error messages */
.NormalRed { font:bold 12px Arial, Helvetica; color:#ff0000; }
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox { font:normal 12px Arial, Helvetica; }
/**************/
.bottomborder { border:1px solid #000000; }
.logincontainer_bottom { background:#666666; color:#FFFFFF; }
