@import url(appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0; background:#999999;font-family:Arial,"Lucida Grande",Arial,Helvetica,sans,sans-serif;line-height:1.5em; color:#000000; font-size:12px}

.mastWrap{float:left;width:100%;}
.cntrWrap{width:800px;margin:0 auto;}
.fltFix{float:left;width:100%; background:#000000; background-image:url(images/outer.gif);background-repeat:repeat;}

a { color: #CA6005; text-decoration: underline; }
a:hover {text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

.PageTitleHeader, .PageSubTitleHeader { display:none;} 
h1.title, h1.title a, h1.title a:hover { color:#964011; font-weight:normal; padding:0; font-size:1.8em; letter-spacing:2px; text-transform:uppercase; }
h1, h1 a, h1 a:hover { font-size:140%; color:#964011; margin:.5em 0 .5em 0; }
h2, h2 a, h2 a:hover, .block h3, .block h3 a { font-size:122%; color:#964011; margin:.5em 0 .5em 0; }
h2.title { color:#CC9933; font-weight:normal; border-bottom:1px solid #666; margin:0; padding:.2em .5em .2em .5em; }
h3 { font-size:107%; font-weight:bold; }
h4, h5, h6 { font-weight:bold; }


.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.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
---------------------------------------------*/
#ContentMemberTools {float:left;padding:0;margin:0 0 5px;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;}
#ContentMemberTools li {border-left:1px solid #CA6005;float:left;padding:0 10px;}
#ContentMemberTools li#Logout {}
#ContentMemberTools li#FirstTimeLogin {border-left:medium none;padding:0 10px 0 0;}
#ContentMemberTools li#MyAccount {border-left:medium none; padding:0 10px 0 0;}
#ContentMemberTools a {display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

.structHead{ margin:1px 1px 0;padding:0; float:left; background:#000000;height:113px;}

.structHead h1{padding:0;margin:0;float:left;}
.structHead h1 a{background:transparent url(images/wayne_logo.gif) no-repeat scroll left top;display:block;height:92px;text-indent:-999em;width:400px;margin:0;}
.structHead h1 a:hover{margin:0;}

.structHead #ContentToplinks{margin:0; padding:0; float:left;}

#ContentSearch { float:left;margin:0;padding:0 0 0 2em;width:181px;}
#ContentSearch input{ width:99px;background:#000000 none repeat scroll 0 0;border:1px dotted #C15316;color:#000000;margin:0 0.3em 0 1em;padding:1px;}
#ContentSearch button{ background-color:#000000;border:1px solid #000000;color:#FFFFFF; font-size:10px;}

/* =quicknav --- Quick Nav ------- */
#searchnav{ float:right;height:57px;margin:15px 0 0;padding:0; width:320px;}

#quick_links a{ text-decoration:none; font-size:10px;}

#aqn { padding:1em; }
#pqn { float:left; padding-right:0; }

#qn { width: 157px; padding: 0; margin:0;display:none; float:left;}
#qn ul { width: 157px; height:187px; background: url(images/quicklinks.gif); margin: 0; padding: 0; position: absolute;z-index:9999; }
#qn ul li { margin: 0; padding: 0; list-style: none; position: absolute; left:0; }
#qn ul li, #qn a { width:157px; display: block; }
#qn ul li a { text-indent: -9999px; text-decoration: none; height:21px }

#qn1 { top: 0; height: 22px; }
#qn2 { top: 21px; height: 18px; }
#qn3 { top: 38px; height: 18px; }
#qn4 { top: 55px; height: 18px; }
#qn5 { top: 72px; height: 18px; }
#qn6 { top: 89px; height: 18px; }
#qn7 { top: 106px; height: 18px; }
#qn8 { top: 123px; height: 18px; }
#qn9 { top: 140px; height: 18px; }
#qn10 { top: 157px; height: 28px; }

#qn1 a:hover { background: transparent url(images/quicklinks.gif) -157px 0px no-repeat; }
#qn2 a:hover { background: transparent url(images/quicklinks.gif) -157px -21px no-repeat; }
#qn3 a:hover { background: transparent url(images/quicklinks.gif) -157px -38px no-repeat; }
#qn4 a:hover { background: transparent url(images/quicklinks.gif) -157px -55px no-repeat; }
#qn5 a:hover { background: transparent url(images/quicklinks.gif) -157px -72px no-repeat; }
#qn6 a:hover { background: transparent url(images/quicklinks.gif) -157px -89px no-repeat; }
#qn7 a:hover { background: transparent url(images/quicklinks.gif) -157px -106px no-repeat; }
#qn8 a:hover { background: transparent url(images/quicklinks.gif) -157px -123px no-repeat; }
#qn9 a:hover { background: transparent url(images/quicklinks.gif) -157px -140px no-repeat; }
#qn10 a:hover { background: transparent url(images/quicklinks.gif) -157px -157px no-repeat; }


#topnav{ float:right; margin:0; padding:0;color:#C15316;height:2em;line-height:2em;padding-right:0.5em;font-size:10px;width:380px;}
#topnav a { text-decoration:none;}
#topnav a:hover {color:#FFFFFF;}

#navigation{ float:left; margin:0; padding:0;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{float:left;margin:0 -1px 0 0;min-height:400px;padding:0;width:170px; background:#FFFFFF;border-right:1px solid #666666; display:inline;}

.structLeft #ContentImgRot{ margin:0; padding:0; min-height:50px; text-align:center;}


.structLeft #ContentLeftNav{ margin:0; padding:0; float:left;width:170px;border-style:dotted; border-width:1px 0 0 0;}
.structLeft #ContentLeftNav ul{ list-style:none; margin:0; padding:0; float:left;width:170px;}
.structLeft #ContentLeftNav li{border-style:dotted; border-width: 0 0 1px 0;margin:0;*margin:-3px 0 0; padding:0;width:170px;}
.structLeft #ContentLeftNav a{/*border-style:solid; border-color:#FFFFFF; border-width:0 5px;*/color:#CA6005!important;display:block;font-size:1.1em;margin:0;padding:4px 10px;text-decoration:none!important;line-height:16px; width:150px;}
.structLeft #ContentLeftNav a:hover {color:#FFFFFF!important;background: url(images/lefthover.gif) repeat-y 0 0;}
.structLeft #ContentLeftNav li a.active{background: url(images/lefthover.gif) repeat-y 0 0;color:#FFFFFF!important;}
.structLeft #ContentLeftNav li:hover, .structLeft #ContentLeftNav li.sfHover {background: url(images/lefthover.gif) repeat-y 0 0; }

/* Second Level Groups */
.structLeft #ContentLeftNav li ul { position: absolute; left: -999999px; margin:-28px 0 0 165px; background:#999966 url(images/ROleft.gif) repeat-y scroll 0 -358px; float:none; width:170px; border-style:solid; border-color: #000000; border-width:1px 1px 1px 0; z-index:9999;}
.structLeft #ContentLeftNav li li { width: 170px; border:none;}
.structLeft #ContentLeftNav li li a { padding:2px 10px; width:130px; _width:1 0px; border:none; color:#000000!important; background:none!important;}
.structLeft #ContentLeftNav li li a:hover { background:none; color:#FFFFFF!important;}
.structLeft #ContentLeftNav li li:hover, .structLeft #ContentLeftNav li li.sfHover { background:none; }

/* Third Level Groups */
.structLeft #ContentLeftNav li li ul { margin:-20px 0 0 150px}

/* The Magic */
.structLeft #ContentLeftNav li:hover ul ul,
.structLeft #ContentLeftNav li:hover ul ul ul,
.structLeft #ContentLeftNav li.sfhover ul ul,
.structLeft #ContentLeftNav li.sfhover ul ul ul { left: -999em;}

.structLeft #ContentLeftNav li:hover ul,
.structLeft #ContentLeftNav li li:hover ul,
.structLeft #ContentLeftNav li li li:hover ul,
.structLeft #ContentLeftNav li.sfhover ul,
.structLeft #ContentLeftNav li li.sfhover ul,
.structLeft #ContentLeftNav li li li.sfhover ul { left: auto;}

/*Fix for the Sticking*/
.structLeft #ContentLeftNav  li:hover,
.structLeft #ContentLeftNav  li li:hover,
.structLeft #ContentLeftNav  li li li:hover,
.structLeft #ContentLeftNav  li.sfhover,
.structLeft #ContentLeftNav  li li li.sfhover,
.structLeft #ContentLeftNav  li li.sfhover { position:static;}
/* BODY ELEMENTS
---------------------------------------------*/
.structBody{background:#000000;float:left;margin:1px 1px 0 1px;padding:0 4px;width:790px; display:inline;}
.structBodyOuter{background:url(images/outer.gif) repeat scroll left top;float:left;margin:0;padding:0 1px 1px; display:inline;}
.structBodyin{background:#FFFFFF;float:left;margin:0;padding:0;}

.structBody .MidWrap{background:#FFFFFF none repeat scroll 0 0;border-left:1px solid #666666;float:left;margin:0;padding:20px;width:577px; }

.structBody #ContentMiddle{margin:0; padding:0; float:left; width:570px;}

h2.title {border-bottom:1px solid #666666;color:#CC9933;font-weight:normal;margin:0;padding:0.2em 0.5em;}

.structBody ul#ContentBreadCrumbs{padding:0;margin:1px 0 10px 0;list-style:none;float:left; width:100%;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:.8em;*font-size:1em;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 li.navselected a{font-weight:bold;}

h1#ContentPageName{ margin:0 0 5px; padding:0; float:left; width:555px;}

.structRight{margin:0; padding:0; float:left;}
.structRight #ContentRight{margin:0; padding:0; float:left;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{background:#000000;float:left;margin:0 1px 1px 1px;padding:4px;width:790px; display:inline;}
.structFooter #ContentFooter{margin:0;padding:5px 0; float:left;}