* { font-size:100%;} html{ font-family: "trebuchet MS", Verdana, helvetica, sans-serif; font-size:0.6875em; line-height:1.273em; color:#646464;} body{ background:url(../Images/Framework/body-tail.gif) top repeat-x #FFFFFF; text-align:center; } #Main { width:953px; margin:0 auto; text-align:left; padding: 10px 10px 10px 5px;} .container { width:100%; overflow:hidden; } .Bold { font-weight:bold; } a { text-decoration:none; color:#6C0600; } a:hover{ color:#DD2400; } ul.NoIndent { list-style-type:none; padding-left:0px; margin-left:0px; } .Indent{ padding:1px 8px 10px 8px;} img { vertical-align:middle; } a img { border:0;} /* ============================= main layout ====================== */ .top-tail{ background:url(../Images/Framework/page-top-tail.gif) top repeat-x;} .bot-tail{ background:url(../Images/Framework/page-bot-tail.gif) bottom repeat-x;} .left-tail{ background:url(../Images/Framework/page-left-tail.gif) left repeat-y;} .right-tail{ background:url(../Images/Framework/page-right-tail.gif) right repeat-y;} .left-top{ background:url(../Images/Framework/page-corner-left-top.gif) left top no-repeat;} .right-top{ background:url(../Images/Framework/page-corner-right-top.gif) right top no-repeat;} .left-bot{ background:url(../Images/Framework/page-corner-left-bot.gif) left bottom no-repeat;} .right-bot{ background:url(../Images/Framework/page-corner-right-bot.gif) right bottom no-repeat; width:100%;} .indent{ padding:12px 13px 13px 12px;} /* ============================= header ====================== */ #Header .LogoRow{ height:180px;} #Header .Logo{ margin:0 0 0 21px; display:inline-block;} #FollowUs { float:right; padding:30px 12px 0 0; } #FollowUs div.Border { border: solid 1px #CCCCCC; } #FollowUs div.Header { color:#ffffff; text-align:center; background: #FFFFFF url(../Images/Framework/forms-gradiant.gif) top repeat-x; border-bottom: solid 1px #CCCCCC; padding: 5px 5px; font-weight: bold; font-size:1.2em; } #FollowUs div.Content { padding:10px 10px 10px 10px; font-size:1.3em; font-weight:bold; } #FollowUs a { text-decoration:none; color:#6C0600; } #FollowUs a:hover { text-decoration:none; color:#DD2400; } #FollowUs img { padding-right:5px; } #SplashHeader .row{ background:url(../Images/Framework/header-row-tail.gif) top repeat-x; margin: 0 5px 0 5px;} #SplashHeader .row .left-bg{ background:url(../Images/Framework/header-row-left-bg.gif) left top no-repeat;} #SplashHeader .row .right-bg{ background:url(../Images/Framework/header-row-right-bg.gif) right top no-repeat;} #SplashHeader .row .indent{ padding: 9px 0px 0px 9px;} #SplashHeader .ColLeft{ float:left; width:582px;} #SplashHeader .ColRight{ float:left; width:306px; margin-left:11px;} #SplashHeader .box{ background:#a1a1a1;} #SplashHeader .box .left-corner{ background:url(../Images/Framework/header-box-corner-left.gif) left bottom no-repeat;} #SplashHeader .box .right-corner{ background:url(../Images/Framework/header-box-corner-right.gif) right bottom no-repeat;} #SplashHeader .box .indent{ padding:13px 12px 30px 10px;} #SplashHeader .ImageSpacer {padding-top:8px;} #SplashHeader div.ImageBackground { border-style:solid; border-width:2px; border-color:#6C0600; } #SplashHeader div.ImageBorder { background-color:#9D9C9C; margin:2px; padding:2px; } /* ============================= content ====================== */ h1.Content { background-color:#B0B0B0; display: block; color: #ffffff; font-size: 1.7em; padding: 13px 10px 13px 0px; margin:0px 0px 10px 10px; text-align: right; width: 895px; } #Content{ padding:0px 15px 15px 0px; margin-top:0px; margin-left:275px; font-size:1.2em; min-height:350px; line-height:normal; } #Content h2 {font-weight:bold; font-size:1.45em;} #Content .NewDate {font-weight:bold; font-size:1.1em;} #NoNav {margin-left:-265px;} #SplashContent{ padding:10px 10px 15px 14px;} #SplashContent .ColLeft{ float:left; width:228px;} #SplashContent .ColMid{ float:left; width:410px; margin-left:15px;} #SplashContent .ColRight{ float:left; width:228px; margin-left:18px;} #SplashContent .QuickLinks{ background:#DEDEDE; color:#494949;} #SplashContent .QuickLinks .left-top{ background:url(../Images/Framework/box2-corner-left-top.gif) left top no-repeat;} #SplashContent .QuickLinks .right-top{ background:url(../Images/Framework/box2-corner-right-top.gif) right top no-repeat;} #SplashContent .QuickLinks .left-bot{ background:url(../Images/Framework/box2-corner-left-bot.gif) left bottom no-repeat;} #SplashContent .QuickLinks .right-bot{ background:url(../Images/Framework/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;} #SplashContent .QuickLinks .Indent{ padding:1px 8px 10px 8px;} #SplashContent .QuickLinks h2{ color:#6C0600; font-size:1.5em} #SplashContent .QLList {margin:0 8px 0 0px} #SplashContent ul.QLList {list-style-type:none; padding-left:10px;} #SplashContent .QLList li{ background:url(../Images/Framework/list2-item-bg.gif) top repeat-x; padding:12px 0 15px 10px;} #SplashContent .QLList a{ display:inline-block; padding:5px 0 5px 35px; color:#ffffff; font-weight:bold; font-size:1.3em; text-decoration:none;} #SplashContent .QLList a:hover{ color:#000000;} #SplashContent .QLList .Item1 a{ background:url(../Images/Framework/list2-item1-bg.gif) no-repeat 0 0;} #SplashContent .QLList .Item2 a{ background:url(../Images/Framework/list2-item2-bg.gif) no-repeat 0 0;} #SplashContent .QLList .Item3 a{ background:url(../Images/Framework/list2-item3-bg.gif) no-repeat 0 0;} #SplashContent .QLList .Item4 a{ background:url(../Images/Framework/list2-item4-bg.gif) no-repeat 0 0;} #SplashContent .QLList .Item5 a{ background:url(../Images/Framework/list2-item5-bg.gif) no-repeat 0 0;} #SplashContent .Welcome { font-size:1.1em; } #SplashContent .Welcome h2 { font-weight:bold; font-size:1.4em; color:#6C0600 } #SplashContent .MemberServices { font-size:1.1em; } #SplashContent .MemberServices h2 { font-weight:bold; font-size:1.4em; color:#6C0600 } #SplashContent .AskThePres { background:#DEDEDE; color:#494949;} #SplashContent .AskThePres .left-top{ background:url(../Images/Framework/box2-corner-left-top.gif) left top no-repeat;} #SplashContent .AskThePres .right-top{ background:url(../Images/Framework/box2-corner-right-top.gif) right top no-repeat;} #SplashContent .AskThePres .left-bot{ background:url(../Images/Framework/box2-corner-left-bot.gif) left bottom no-repeat;} #SplashContent .AskThePres .right-bot{ background:url(../Images/Framework/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;} #SplashContent .AskThePres .Indent{ padding:1px 8px 10px 8px;} #SplashContent .AskThePres h2{ color:#6C0600; font-size:1.5em} #SplashContent .AskThePres a { color:#6C0600; font-weight:bold;} #SplashContent .AskThePres a:hover { color:#DD2400; font-weight:bold;} #SplashContent .AskThePres .BigFont {font-size:1.2em;} #SplashContent .News { background:#DEDEDE; color:#494949; margin-top:15px;} #SplashContent .News .left-top{ background:url(../Images/Framework/box2-corner-left-top.gif) left top no-repeat;} #SplashContent .News .right-top{ background:url(../Images/Framework/box2-corner-right-top.gif) right top no-repeat;} #SplashContent .News .left-bot{ background:url(../Images/Framework/box2-corner-left-bot.gif) left bottom no-repeat;} #SplashContent .News .right-bot{ background:url(../Images/Framework/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;} #SplashContent .News .Indent{ padding:1px 8px 10px 8px;} #SplashContent .News h2{ color:#6C0600; font-size:1.5em} #SplashContent .News .RSS {margin-left:85px;} #SplashContent .News a { color:#6C0600; font-weight:bold;} #SplashContent .News a:hover { color:#DD2400; font-weight:bold;} #SplashContent .News .Padding {margin-top:5px;} #SplashContent .News .BigFont {font-size:1.2em;} #SplashContent .News ul {list-style-type:none; margin-left:0px; padding-left:0px;} #SplashContent .Button a{ display:inline-block; background:url(../Images/Framework/form-button-tail.gif) top repeat-x; text-decoration:none; color:#ffffff; font-weight:bold; margin-top:6px; vertical-align:middle;} #SplashContent .Button a span{ display:block; background:url(../Images/Framework/form-button-left-bg.gif) left top no-repeat;} #SplashContent .Button a span span{ background:url(../Images/Framework/form-button-right-bg.gif) right top no-repeat; padding:5px 25px 5px 25px; vertical-align:middle;} #SplashContent .Button a:hover{ background:url(../Images/Framework/form-button-tail-act.gif) top repeat-x; color:#ffffff; } #SplashContent .Button a:hover span{ background:url(../Images/Framework/form-button-left-bg-act.gif) left top no-repeat;} #SplashContent .Button a:hover span span{ background:url(../Images/Framework/form-button-right-bg-act.gif) right top no-repeat;} #SideNav { float:left; width: 255px; margin: -50px 0px 0px 10px; } #SideNav h2 { background: #909090; color: #ffffff; font-size: 1.4em; line-height: 40px; margin: 0 0 0px 0; padding: 0 16px; } #SideNav h2.Small { font-size:1.2em; } #SideNav ul { list-style-type:none; border-right: 1px solid #9e9e9e; margin: 0 0 0 0; padding-left:0px; } #SideNav li { border-bottom: 1px solid #9e9e9e; padding: 1px 0; } #SideNav li a { color: #6C0600; display: block; font-size: 13px; font-weight: bold; padding: 8px 16px; text-decoration:none; } #SideNav li a:hover { background-color:#B6AE56; color: #ffffff; } #SideNav li a.Active { background:url("../Images/Framework/SideNavArrow.gif") no-repeat 97% 52% #958900; color: #ffffff; } #SideNav ul ul { padding-left:15px; margin-right:-1px; } #SideNav li li { border-width:0px; font-weight:bold; display:block; } #SideNav li li a { color: #6C0600; text-decoration:none; background-color:#ffffff; padding:2px 0px 2px 0px; font-size:11px; } #SideNav li li a:hover { color: #DD2400; text-decoration:none; background-color:#ffffff;} /* ============================= Footer ====================== */ #Footer { border-top:solid 1px #e1e1e1; margin: 10px 10px 0 10px; padding-top:20px; font-size:1.0em;} #Footer .Links { float:right; margin-top:0px;} #Footer ul { list-style-type:none; } #Footer .Links li { float:left; background:url(../Images/Framework/footer-menu-bg.gif) no-repeat 0 0; padding-right:15px;} #Footer .Links .First { background:none;} #Footer .Links .Last { padding-right:0;} #Footer .Links a { margin-left:15px; color:#6C0600; text-decoration:none; font-weight:bold; } #Footer .Links a:hover { margin-left:15px; color:#DD2400;} #Footer .Text { float:left; color:#656565;} /* ============================= Menu ========================= */ .MenuContainer { font-family:"trebuchet MS", Verdana, helvetica, sans-serif; font-weight:bold; margin:0; padding-top:5px; margin:0px auto; } .MenuContainer a { color:#E5F2FB; text-decoration:none; } .MenuContainer a:hover { color:#09548B;} .MenuContainerLeft { background: url(../Images/Menu/nav_left.png) no-repeat top left; float: left; width: 11px; height: 41px; } .MenuContainerRight { background: url(../Images/Menu/nav_right.png) no-repeat top right; float: left; width: 11px; height: 41px; } #MenuItems { background:#6C0600; float:left; } #MenuItems ul.Parent { padding-left:0px; width:904px; } #MenuItems ul { height: 38px; float: left; margin: 0; padding-top: 3px; list-style: none; font-size: 14px; } #MenuItems li { float: left; padding: 0 7px; background: url(../Images/Menu/split.png) no-repeat right center; position: relative; z-index: 1; } #MenuItems li.last { background:none; } #MenuItems li:hover { z-index:2; } #MenuItems li a { display: block; line-height: 38px; overflow: hidden; float: left; } #MenuItems a .ParentLeft { background: url(../Images/Menu/menu_left.gif) no-repeat left top; width: 6px; height: 32px; line-height: 35px; display: block; float: left; } #MenuItems a .ParentMid { background: url(../Images/Menu/menu_mid.gif) repeat-x top left; height: 32px; line-height: 35px; display: block; float: left; } #MenuItems a .ParentRight { background: url(../Images/Menu/menu_right.gif) no-repeat top left; width: 6px; height: 32px; line-height: 35px; display: block; float: left; } #MenuItems li a:hover .ParentLeft, #MenuItems li.active a .ParentLeft, #MenuItems li:hover a .ParentLeft, #MenuItems li a:hover .ParentMid, #MenuItems li.active a .ParentMid, #MenuItems li:hover a .ParentMid, #MenuItems li a:hover .ParentRight, #MenuItems li.active a .ParentRight, #MenuItems li:hover a .ParentRight { background-position: 0 -37px; line-height: 35px; } #MenuItems li a:hover, #MenuItems li.active a, #MenuItems li.hover a, #MenuItems li:hover a { color: #891701; } #MenuItems li:hover .Child, #MenuItems li.hover .Child { display:block; } #MenuItems li .Child { display: none; position: absolute; top: 27px; left: 6px; background: url(../Images/Menu/submenu_top.png) no-repeat; width: 186px; padding-top: 9px; } #MenuItems li ul { background: url(../Images/Menu/submenu_bg.png) repeat-y; width: 162px; height: auto; margin: 0; padding: 0 12px 10px; list-style: none; font-size: 14px; } #MenuItems li:hover li, #MenuItems li.active li { width: 100%; padding: 1px 0 2px; border-bottom: 1px #891701 dashed; background: none !important; } #MenuItems li:hover li a, #MenuItems li.active li a { color: #891701; background: none !important; line-height: normal; padding: 8px 3px 3px; text-indent: 1px; width: 156px; } #MenuItems li:hover li a:hover, #MenuItems li.active li a:hover { color: #fff; background: #958901 !important; text-decoration: none; line-height: normal; } #MenuItems li li a { font-size:12px; } #MenuItems .ChildBottom { background: url(../Images/Menu/submenu_bottom.png) no-repeat; width: 205px; height: 9px; overflow: hidden; clear: both; } /* ============================= Admin ====================== */ #WebAdminWelcome { float:right; font-size:1.5em; padding:10px 12px 0 0; text-align:right; line-height:20px;} #WebAdminTitle { float:right; position:absolute; margin:100px 0 0px 690px; font-size:2.4em; line-height:30px; } #AdminContent{ padding:0 10px 15px 10px;} #AdminContent .list{ margin-top:-5px;} #AdminContent .list li{ line-height:1.636em; background:url(../Images/Framework/list-marker.gif) no-repeat 0 6px; padding-left:9px;} #AdminContent .list li a{ color:#656565; text-decoration:none;} #AdminContent .list li a:hover{ text-decoration:underline;} #AdminContent { font-size:1.2em; } #AdminContent h1 {font-size:1.3em; margin:0px 0 5px 0;} /* ============================= Misc ====================== */ div.Center { text-align:center; margin:0 auto; } div.Center table { margin-left:auto; margin-right:auto; text-align:left; }