@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;font:12px/18px Arial, Helvetica, sans-serif; background:url(images/BG.gif) repeat left top; color:#000;}

.mastWrap{ margin:0; padding:0; width:100%; background: url(images/TopBG.gif) repeat-x left top;}
.start .mastWrap2{ margin:0; padding:0; width:100%; background: url(images/StHeaderbg.png) no-repeat center top;}
.mastWrap2{ margin:0; padding:0; width:100%; background:url(images/Headerbg.gif) no-repeat center top;}
.mastWrap3{ margin:0; padding:0; width:100%; background: url(images/picBg.png) no-repeat center 152px;}
.cntrWrap{width:960px;margin:0 auto;}
.fltFix{width:100%;}

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

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {margin:0;padding:2px 5px 3px 0; color:#333333; font-family: Georgia, "Times New Roman", Times, serif;font-weight:normal;}
h1, .PageTitleHeader {font-size:32px;line-height:24px; color:#800000;}
h2, .PageSubTitleHeader {font-size:22px; line-height:24px; color:#58483d;}
h3 {font-size:18px;line-height:21px; color:#e9b539}
h4 {font-size:16px;line-height:18px;color:#800000;}
h5 {font-size:13px;line-height:15px;}
p {margin:7px 0;padding:0;}
#PageTitle, .PageTitleHeader { display:none;}

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

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;}

.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;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:0; padding:0; float:left;  width:100%;}

.structHead h1{ float:left;margin:16px 0 8px;padding:0;}
.structHead h1 a{background:url(images/headerLogo.png) no-repeat scroll left top transparent;display:block;height:128px;text-indent:-999em;width:504px;}

/* Horiztional Drop Downs
------------------------------------------------------- */
.structHead #ContentToplinks{margin:0; padding:0; float:left; width:100%; height:52px}
.structHead #ContentToplinks ul { padding:0; margin:0; list-style:none; float:left;border-left:1px solid #d0c7ab; position:relative; z-index:100;}
.structHead #ContentToplinks li { float:left; padding:0; margin:0; border-right:1px solid #d0c7ab;height:50px;}
.structHead #ContentToplinks li.mt {display:none}
.structHead #ContentToplinks li a { display:block; font:12px/50px Arial, Helvetica, sans-serif; color:#59493e; padding:0px 20px 0px 19px; text-transform:uppercase;text-decoration:none;}
.start .structHead #ContentToplinks li a {padding:0px 16px 0px 16px;}
.structHead #ContentToplinks li a:hover {}
.structHead #ContentToplinks li:hover, .structHead #ContentToplinks li.sfHover { background:#FFF;}
.structHead #ContentToplinks li.selected { background: url(images/TopNavHtBG.png) repeat-x left top;}


/* Second Level Groups */
.structHead #ContentToplinks li ul { position: absolute; left: -999999px; margin:-1px 0 0 -1px; background:#ffffff; float:none; width:170px; z-index:-1;border:1px solid #d0c7ab;}
.structHead #ContentToplinks li li { width: 170px; border:none; height:auto;}
.structHead #ContentToplinks li li a { padding:3px 10px;  font:12px/18px Arial, Helvetica, sans-serif; text-transform:none;width:150px;}
.structHead #ContentToplinks li li:hover, .structHead #ContentToplinks li li.sfHover { background: #d0c7ab;}

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

/* The Magic */
.structHead #ContentToplinks li:hover ul ul,
.structHead #ContentToplinks li:hover ul ul ul,
.structHead #ContentToplinks li.sfHover ul ul,
.structHead #ContentToplinks li.sfHover ul ul ul { left: -999em;}

.structHead #ContentToplinks li:hover ul,
.structHead #ContentToplinks li li:hover ul,
.structHead #ContentToplinks li li li:hover ul,
.structHead #ContentToplinks li.sfHover ul,
.structHead #ContentToplinks li li.sfHover ul,
.structHead #ContentToplinks li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
.structHead #ContentToplinks  li:hover,
.structHead #ContentToplinks  li li:hover,
.structHead #ContentToplinks  li li li:hover,
.structHead #ContentToplinks  li.sfHover,
.structHead #ContentToplinks  li li li.sfHover,
.structHead #ContentToplinks  li li.sfHover { position:static;}


.structHead .mtWrap{margin:0;padding:0 0 0 22px;  float:right;background:url(images/MtLt.png) no-repeat left top;height:49px;}
.structHead .mtWrap2{margin:0; padding:0; float:left; width:100%;}
.structHead .mtWrap3{margin:0; float:left;padding:0 22px 0 0; background: url(images/MtRt.png) no-repeat right top;height:49px;}
.structHead #ContentSearch{ float:left;height:22px;margin:12px 0 0 4px;padding:0;position:relative;width:243px;}
.structHead #ContentSearch input {background:none;border:medium none;float:left;margin:2px 0 0 1px;width:200px;}
.structHead #ContentSearch .SearchModuleSpacer{ display:none;}
.structHead #ContentSearch img{height:22px;position:absolute;right:7px;top:0;width:22px;}

/* Horiztional Drop Downs two
------------------------------------------------------- */
.structHead #ToolNav {float:left;margin:0px;padding:7px 7px 7px 0;background:url(images/MTbg.png) repeat-x left top;}
.structHead #ToolNav ul {list-style:none;margin:0;padding:0;}
.structHead #ToolNav li{ display:block;float:left;padding:0;}
.structHead #ToolNav a {color:#FFF;display:block;font-size:11px;line-height:14px;padding:10px 6px 13px;text-decoration:none; text-transform:uppercase;}
.structHead #ToolNav li:hover, .structHead #ToolNav li.sfHover { background:#3e2d22}
.structHead #ToolNav li.login li:hover { background:none;} 

/* Second Level Groups */
.structHead #ToolNav li ul { position: absolute; left: -999999px; padding:0; margin:-1px 0 0; background:#3e2d22; float:none; width:170px; z-index:9999;}
.structHead #ToolNav li li { width: 170px; border:none; padding:0; margin:0;}
.structHead #ToolNav li li a { padding:3px 10px;text-transform:none;width:150px; color:#FFF; text-transform:none;}
.structHead #ToolNav li li a:hover{ text-decoration:underline;}
.MTLinkscontainer{ display:none;}

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

/* The Magic */
.structHead #ToolNav li:hover ul ul,
.structHead #ToolNav li:hover ul ul ul,
.structHead #ToolNav li.sfHover ul ul,
.structHead #ToolNav li.sfHover ul ul ul { left: -999em;}

.structHead #ToolNav li:hover ul,
.structHead #ToolNav li li:hover ul,
.structHead #ToolNav li li li:hover ul,
.structHead #ToolNav li.sfHover ul,
.structHead #ToolNav li li.sfHover ul,
.structHead #ToolNav li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
.structHead #ToolNav  li:hover,
.structHead #ToolNav  li li:hover,
.structHead #ToolNav  li li li:hover,
.structHead #ToolNav  li.sfHover,
.structHead #ToolNav  li li li.sfHover,
.structHead #ToolNav  li li.sfHover { position:static;}
/* ------------------ Login ------------------------- */
.divLoginStructContainer {float:left;font-size:10px;line-height:13px;margin:0;padding:10px;width:150px; color:#FFFFFF;}

.divLoginStructContainer .PageTitleHeader{ display:none;}
.divLoginStructContainer .instructions { display:none;}
.divLoginStructContainer a{color:#e9b539;}

.divLoginPanel{ margin:0;}
.structHead #ToolNav .divLoginPanel .anchorTempLogin{ display:block;color:#E9B539;font-size:10px;padding:0;text-transform:none;}
.divLoginInputs{ margin:0; padding:0 0 12px;}

.labelUserName,
.labelPassword{ float:left; margin:0; padding:4px 0 0; clear: both;}

.inputLoginUsername,
.inputLoginPassword{ width:145px; float:right;}

.divLoginUserNameRow{display:inline;float:left;margin:0;padding:6px 0;width:100%;_padding:6px 0 0;} 
.divLoginPasswordRow{ float:left; width:100%; margin:0; padding:0;}

.structHead #ToolNav ..divLoginStructContainer a{ color:#E9B539;font-size:10px;padding:0;text-transform:none;}
.structHead #ToolNav .divLoginLinks a{color:#E9B539;display:block;font-size:10px;padding:0;text-transform:none;}

.divLoginPanel .button{ background:url(images/LoginBtn.gif) repeat-x left top; border:medium none;color:#E9B539;font-size:12px;height:24px;line-height:21px;width:52px;}
.divLoginPanel .loginButton {padding:0 19px 5px;*padding:0 12px 5px}
.divLoginPanel .cancelButton {padding:0 16px 5px;*padding:0 8px 5px; margin:0 0 0 4px;}

.divLogoutPanel .button{ background:url(images/LoginBtn.gif) repeat-x left top;border:medium none;color:#E9B539;font-size:12px;height:24px;line-height:21px;width:52px;}
.divLogoutPanel .logoutButton {padding:0 19px 5px;*padding:0 12px 5px}
.divLogoutPanel .cancelButton {padding:0 16px 5px;*padding:0 8px 5px; margin:0 0 0 4px;}


/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0; padding:0; float:left;width:250px; min-height: 200px;}
.structLeft #ContentLeft{margin:0; padding:0; float:left;}

.structLeft #ContentLeftNav {float:left; width:100%; height:auto; margin:0; padding:0;}
.structLeft #ContentLeftNav ul {margin:15px 0 0 0; padding:0; float:left; display:inline;width:100%;}
.structLeft #ContentLeftNav li {list-style:none; margin:0; padding:0; float:left; width:100%;}
.structLeft #ContentLeftNav li a { display:block; color:#58483d; text-decoration:none; line-height:20px; font-size:12px;padding:0 30px; background:none;}
.structLeft #ContentLeftNav li a.selected,
.structLeft #ContentLeftNav li a:hover {background:#83795c url(images/leftnavArw.png) no-repeat 30px 50%; font-weight:bold; color:#fff; padding:0 30px 0 40px;}

.structLeft #ContentLeftNav li ul {margin:0; padding:0;}
.structLeft #ContentLeftNav li li {list-style:none; margin:0; padding:0;}
.structLeft #ContentLeftNav li li a {color:#58483d; background:#ada58d; text-decoration:none; line-height:20px; font-size:12px;padding:0 30px 0 40px;}
.structLeft #ContentLeftNav li li a.selected {font-weight:bold; color:#FFF; background:#83795c url(images/leftnavArw.png) no-repeat 30px 50%;padding:0 30px 0 40px; }
.structLeft #ContentLeftNav li li a:hover {background:#ada58d url(images/leftnavArw.png) no-repeat 30px 50%;padding:0 30px 0 40px;}

.structLeft #ContentLeftNav li li li a {padding:0 30px 0 50px;}
.structLeft #ContentLeftNav li li li a.selected {background:#83795c url(images/leftnavArw.png) no-repeat 40px 50%; padding:0 30px 0 50px;}
.structLeft #ContentLeftNav li li li a:hover {background:#ada58d url(images/leftnavArw.png) no-repeat 40px 50%;padding:0 30px 0 50px;}

.alum .structLeft #ContentLeftNav li a { display:block; color:#58483d; text-decoration:none; line-height:20px; font-size:12px;padding:0 30px; background:none;}
.alum .structLeft #ContentLeftNav li a.selected,
.alum .structLeft #ContentLeftNav li a:hover {background:#a08138 url(images/leftnavArw.png) no-repeat 30px 50%; font-weight:bold; color:#fff; padding:0 30px 0 40px;}

.alum .structLeft #ContentLeftNav li li a {color:#58483d; background:#f4c869; text-decoration:none; line-height:20px; font-size:12px;padding:0 30px 0 40px;}
.alum .structLeft #ContentLeftNav li li a.selected {font-weight:bold; color:#FFF; background:#a08138 url(images/leftnavArw.png) no-repeat 30px 50%;padding:0 30px 0 40px; }
.alum .structLeft #ContentLeftNav li li a:hover {background:#f4c869 url(images/leftnavArw.png) no-repeat 30px 50%;padding:0 30px 0 40px;}

.alum .structLeft #ContentLeftNav li li li a {padding:0 30px 0 50px;}
.alum .structLeft #ContentLeftNav li li li a.selected {background:#83795c url(images/leftnavArw.png) no-repeat 40px 50%; padding:0 30px 0 50px;}
.alum .structLeft #ContentLeftNav li li li a:hover {background:#f4c869 url(images/leftnavArw.png) no-repeat 40px 50%;padding:0 30px 0 50px;}


/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:10px 0 0; padding:0; float:left; background:url(images/ContentTpFade.gif) repeat-x left top #FFF; width:100%;}
.start .structBody{margin:10px 0 0; padding:0; float:left; background:#FFF url(images/RotBG.gif) no-repeat left top; width:622px;}
.structBody2{margin:0; padding:0; float:left; background:url(images/leftNavbg.gif) repeat-y left top; width:100%; position:relative;}
.alum .structBody{margin:10px 0 0; padding:0; float:left; background:url(images/AlumImgRotBG.gif) no-repeat scroll 251px 38px #FFF; width:100%;}
.alum .structBody2{margin:0; padding:0; float:left; background: url(images/Alumleftnavbg.gif) repeat-y left top; width:100%; position:relative;}

.structBody h1#ContentPageNameRoot {margin:0; padding:0; float:left;width:100%; background: url(images/ContentTpBG.png) repeat-x left top;height:38px;}
.structBody h1#ContentPageNameRoot div.selected{ color:#FFFFFF;display:block;float:left;font:22px/38px Georgia,"Times New Roman",Times,serif;margin:0;padding:0 0 0 30px;}
.structBody h1#ContentPageNameRoot div{ display:none;}

.structBody ul#ContentBreadCrumbs{padding:0;margin:11px 10px 10px 0;list-style:none;float:left; position:absolute; top:0; right:0;}
.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; color:#e9b539;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{ color:#FFF;}

.structBody .MidWrap{margin:0; padding:25px 30px; float:left;width:650px;}
.start .structBody .MidWrap{margin:0; padding:36px 0 0; float:right;width:317px;background:url(images/NewsBg.gif) no-repeat left top;}

.structBody #ContentMiddle{margin:0; padding:0; float:left; width:100%;}

.structBody .startLt{ float:left; margin:0; padding:0; width:305px; }
.structBody #ContentImgRot{float:left;height:198px;margin:7px 8px 6px 4px;padding:0;width:293px; overflow:hidden;}
.structBody #ContentMiddleLayoutPromo{background: url(images/welcomeBG.gif) repeat-x left top;color:#FFFFFF;float:left;height:148px;margin:0;padding:25px;width:250px}
.structBody #ContentMiddleLayoutPromo h2{color:#e9b539; text-transform:uppercase;}

.alum .structBody .startLt{ float:left; margin:0; padding:0; width:710px; }
.alum .structBody #ContentImgRot{float:left;height:198px;margin:4px 8px 6px 4px;padding:0;width:293px; overflow:hidden;}
.alum .structBody #ContentWelcomePromo{background: url(images/welcomeBG.gif) repeat-x left top;color:#FFFFFF;float:left;height:142px;margin:0;padding:25px;width:355px;}
.alum .structBody #ContentWelcomePromo h1{color:#e9b539; font-size:30px;}
.alum .structBody #ContentWelcomePromo h2{ color:#b8aba2; font-size:19px}
.alum .structBody #ContentWelcomePromo h3{color:#FFFFFF; font-size:19px;}
.line{ height:2px; clear:both; background:url(images/line.gif) repeat-x left top; margin:5px 0; padding:0;}

.TabbedPanels {	margin: 0px;padding: 0px;float: left;clear: none;width: 100%; background:url(images/tabBG.gif) repeat-x left top;}
.TabbedPanelsTabGroup {float:left;margin:0;padding:0;}
.TabbedPanelsTab {position: relative;float: left;color:#454545;margin:0 0 0 2px;list-style: none;-moz-user-select: none;-khtml-user-select: none;cursor: pointer;}
.TabbedPanelsTab span{padding:5px 15px; height:22px; display: block; font-size:14px; font-weight:bold; text-transform:uppercase;}
.TabbedPanelsTabHover {}
.TabbedPanelsTabSelected {background:url(images/tabRtWt.gif) no-repeat right top #FFF;}
.TabbedPanelsTabSelected span{ background:url(images/TabLtwt.gif) no-repeat left top;}
.TabbedPanelsTab a {color:black;text-decoration: none;}
.TabbedPanelsContentGroup {clear: both; padding:0 0;}
.TabbedPanelsContent {padding:15px;}
.TabbedPanelsContentVisible {}
.TabbedPanelsContent hr{background:#d0c7ab;color:#d0c7ab; margin:6px 3px;}
.TabbedPanelsContent p {margin:0 0 6px;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0; float:left;}
.structRight #ContentRight{margin:0; padding:0; float:left;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:0; width:100%; background:url(images/FooterBG.gif) repeat-x left top #670000; color:#FFF; font-size:10px; line-height:12px;}
.structFooter a{color:#e9b539;}
.structFooter #ContentFooter1{margin:0; padding:20px 35px 20px 0; float:left; width:200px;}
.structFooter #ContentFooter2{margin:0; padding:20px 35px 20px 0; float:left; width:160px;}
.structFooter #ContentFooter3{margin:0; padding:20px 35px 20px 0; float:left; width:230px;}
.structFooter #ContentFooter4{margin:0; padding:20px 35px 20px 0; float:left; width:230px;}