/* +--------------------------------------------------------------------+ + + + @ Enough is Enough Base Style Sheet + + @ Authors: digital Wranglers - http://www.wranglers.com.au + + + +--------------------------------------------------------------------+ */ /* -- Common Properties -- */ * { padding: 0; margin: 0; font-family: verdana, arial, sans-serif; } #central { text-align: center;} #container { text-align: left; width: 785px; margin: 20px auto 0; } /* -- Generic HTML Element Styles -- */ a { text-decoration: underline; color: #002184; } a:hover { color: #8F8239; } address { color: #002184; margin: 0 10px 10px; line-height: 16px; } body { margin: 0; padding: 0; background: #fff; font-size: 11px; } h1 { font-size: 16px; color: #002184; margin: 20px 10px; padding: 4px 0 10px 32px; background: url("../Image/Site_Layout/h1_bg.gif") no-repeat 0 100%; font-variant: small-caps; } h2 { font-size: 13px; color: #002184; margin: 20px 10px 10px; padding: 0 0 0 20px; background: url("../Image/Site_Layout/h2_bg.gif") no-repeat 0 50%; font-variant: small-caps; } h3 { font-size: 11px; color: #002184; margin: 15px 10px 5px; } h4, h5, h6 { font-size: 11px; color: #002184; margin: 10px 10px 5px; } hr { border: 0; border-top: 1px dotted #DBCCEB; margin: 0 10px 10px 10px; height: 1px; } img { border: none; } ul li { list-style: none; padding-left: 12px; margin-bottom: 3px; background: url("../Image/Site_Layout/bullet.gif") no-repeat 0 4px; } li h3 { margin: 0 0; } li { line-height: 16px; } ol { margin: 0 30px 15px; color: #002184; } p, pre { color: #002184; margin: 0 10px 10px; line-height: 16px; } ul { margin: 0 10px 15px; list-style: none; color: #002184; } /* -- Special Content Styles -- */ .quote { border: 1px solid #EFE3F7; margin: 0 20px 10px 10px; padding: 10px 30px 0 30px; background: url("../Image/Site_Layout/quote.gif") #F4EBFA no-repeat 50% 4px; } .quote-right { float: right; width: 250px; border: 1px solid #EFE3F7; margin: 0 20px 10px 10px; padding: 10px 10px 0 10px; background: #F4EBFA; } .float-right { float: right; margin: 0 0 4px 10px; padding: 5px; border: 1px solid #decfef; background: #F4EBFA; } .float-left { float: left; margin: 0 10px 4px 0; padding-right: 10px; border-right: 1px dotted #decfef; } .col-right { width: 200px; float: right; margin: 20px 0 4px 10px; padding-left: 10px; border-left: 1px dotted #decfef; } .col-right p { font-size: 10px; color: #002184; margin: 0 0px 5px; line-height: 14px; } .caption { width: 180px; float: right; margin: 20px 0 15px 10px; padding-left: 10px; border-left: 1px dotted #decfef; } .caption p { font-size: 10px; color: #002184; margin: 0 10px 5px 0; line-height: 14px; } .caption h3 { font-size: 11px; color: #002184; margin: 5px 0px 5px; line-height: 14px; } .caption h4 { font-size: 11px; color: #002184; margin: 5px 0px 5px; line-height: 14px; } /* -- Initial Menu Styles -- */ .space { position: relative; height: 5px; clear: both; background: #decfef; } #topMenu { float: left; width: 785px; list-style: none; color: #330066; font-size: 10px; margin: 0 0 5px; } #topMenu li { display: inline; margin-bottom: 0; margin-right: 10px; padding: 0 0 0 15px; line-height: 36px; background: url("../Image/Site_Layout/bullet_top_menu.gif") no-repeat 0 50%; } #topMenu a { color: #330066; text-decoration: none; } #topMenu a:hover { text-decoration: underline; color: #8F8239; } #topMenu li#search { position: relative; display: block; float: right; text-align: right; margin: 0; padding-right: 74px; padding-left: 0; background: none; } /* -- Homepage Cards -- */ .card { float: left; width: 194px; margin-right: 3px; margin-bottom: 5px; background: red; height: 162px; background: #DBCCEB; color: #002184;} .card h2 { padding: 4px 2px 17px 4px; font-size: 11px; text-transform: uppercase; margin: 0; color: #fff; line-height: 14px; background: url("../Image/Site_Layout/message_box_top.gif") no-repeat 0 100% #330066;} .card h2 a { text-decoration: none; color: #fff; } .card h2 a:hover { color: #8F8239; } .card p { padding: 6px; font-size: 11px; margin: 0;} .card p + p { padding: 0 6px 6px;} .card p a { color: #002184; text-decoration: none; border-bottom: 1px dotted #002184;} .card p a:hover { color: #002184; text-decoration: none; border-bottom: 1px solid #002184;} /* -- Search Tool -- */ #search input#searchValue { border: 1px solid #848484; margin-top: 8px; width: 80px; padding: 2px; font-size: 10px;} #search input#submitSearch { position: absolute; right: 0; top: 0;} /* -- Banner Navigation -- */ #mainMenu { position: relative; height: 5px; clear: both; background: #decfef; } #mainMenu, #mainMenu li { margin: 0; padding: 0; list-style: none; } #mainMenu li { position: absolute; top: 0; display: block; height: 34px; } #mainMenu a { display: block; height: 34px; background: url("") 100% 0 no-repeat; } #mainMenu a span { display: none; } #mainMenu a:hover { background-position: 100% -130px; } #mainMenu .link-1 { width: 127px; left: 0px; background: url("../Image/Site_Layout/link_1.gif") no-repeat red; } #mainMenu .link-2 { width: 101px; left: 127px; background: url("../Image/Site_Layout/link_2.gif") no-repeat; } #mainMenu .link-3 { width: 114px; left: 228px; background: url("../Image/Site_Layout/link_3.gif") no-repeat; } #mainMenu .link-4 { width: 115px; left: 342px; background: url("../Image/Site_Layout/link_4.gif") no-repeat; } #mainMenu .link-5 { width: 121px; left: 457px; background: url("../Image/Site_Layout/link_5.gif") no-repeat; } #mainMenu .link-6 { width: 102px; left: 578px; background: url("../Image/Site_Layout/link_6.gif") no-repeat; } #mainMenu .link-7 { width: 107px; left: 680px; background: url("../Image/Site_Layout/link_7.gif") no-repeat; } #display-bar { height: 23px; background: #39086b; border-bottom: 2px solid #fff; border-top: 6px solid #fff; } /* -- Banner Heading -- */ #container h1.main { float: left; padding: 0; background: url("../Image/Site_Layout/banner_home.jpg") no-repeat; height: 170px; position: relative; display: block; width: 785px; margin: 0 0 4px 0;} #container h1.general { float: left; padding: 0; background: url("../Image/Site_Layout/banner_small.jpg") no-repeat; height: 131px; position: relative; display: block; width: 785px; margin: 0 0 4px 0; } h1 span { position: absolute; left: -1000px; } /* -- Content Boxes -- */ #content { float: left; width: 788px; } #content-2 { margin-top: 4px; float: left; width: 785px; background: url("../Image/Site_Layout/left_bar.gif") repeat-y #F8F5FC; } #contentArea { margin-left: 204px; padding-bottom: 40px; } /* -- Sub Level Menu Bar -- */ #left-bar { width: 194px; float: left; } #left-bar h3 span, #left-bar h4 span { display: none; } #left-bar h3 { background: url("../Image/Site_Layout/nav_header.gif") no-repeat; height: 29px; line-height: 29px; padding-left: 10px; margin: 0; font-variant: small-caps; border-bottom: 1px solid #fff; } #left-bar h4 { background: url("../Image/Site_Layout/nav_header_2.gif") no-repeat 0 0; height: 29px; line-height: 29px; margin: 10px 0 5px; margin: 0; border-bottom: 1px solid #fff; border-top: 3px solid #fff; } #left-bar img { margin: 5px 0 0 9px; } #sponsors { margin-bottom: 20px; } /* -- Main Navigation Area -- */ #menuList, #menuList ul, #menuList li { list-style: none; } #menuList { margin: 10px 10px 20px 5px; font-size: 10px; } #menuList li { background: url("../Image/Site_Layout/nav_bullet3_off.gif") no-repeat 3px 7px; text-transform: uppercase; padding: 3px 0 3px 18px; margin: 0; } #menuList a { text-decoration: none; } #menuList a:hover { color: #0033CC; text-decoration: underline; } #menuList ul { font-weight: normal; margin: 3px 0; background: none; } #menuList li li { background: url("../Image/Site_Layout/nav_bullet2_off.gif") no-repeat 0 8px; padding: 4px 0 3px 8px; text-transform: none; margin: 3px 0 0 0; } #menuList li.here { background: url("../Image/Site_Layout/nav_bullet3_on.gif") no-repeat 3px 7px; } #menuList li li.here { background: url("../Image/Site_Layout/nav_bullet2_on.gif") no-repeat 0 8px; } #menuList li.here li a { color: #002184; } #menuList li.here li a:hover{ color: #0033CC; } #menuList li.here a, #menuList li.here a { color: #0033CC; } /* -- Page Footer -- */ #footer { width: 785px; position: relative; top: -18px; float: left; color: #002184; text-align: center; background: url("../Image/Site_Layout/corner.gif") no-repeat 100% 0;} #footer { top: -5px; background: url("../Image/Site_Layout/footer_general.gif") no-repeat 0 0;} #footer ul { padding-top: 70px; list-style: none; background: url("../Image/Site_Layout/angel.gif") no-repeat 50% 25px; } #footer li { display: inline; line-height: 32px; } #footer li { padding-left: 21px; background: url("../Image/Site_Layout/bullet_footer.gif") no-repeat 10px 50%; } #footer li.first { padding-left: 0; background: none; } #footer li:first { background: none; } #footer a { color: #002184; text-decoration: none; } #footer a:hover { text-decoration: underline; }