body {font-family: "lucida grande","lucida sans", arial, sans-serif; background: #f1d8b6;} #WSL_BG{width: 100%; float: left; background: #f1d8b6 url('../i/home-bg.jpg') top center repeat-x;} body#inner #WSL_BG{background: #f1d8b6 url('../i/inner-bg.jpg') center 0 repeat-x;} /* wrap */ .wrap {background: url(../i/wrap_background.png) repeat-y; _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/oualphagam/templates/opg/i/wrap_background.png', sizingMethod='scale'); margin: 0 auto; text-align: left; width: 878px;} body#inner .wrap {margin-top: -20px;} /* header wrap */ #header_wrap {width: 100%; float: left;} body#inner #header_wrap {margin-top: 20px; height: 326px;} h1#logo{width: 278px; height: 88px; float: left; padding: 0; margin: 0;} h1#logo a {background: url(../i/h1_logo_background.gif) no-repeat; width: 278px; height: 88px; text-indent: -9999px; display: inline; float: left; margin-top: 30px; margin-left: 45px;} #branding {width: 550px; height: 144px; float: right;} #branding ul li {display: inline; font-family: georgia, serif; font-size: 12px;} #branding ul li a {color: #000;} #branding ul.adminNav {width: 530px; margin: 10px 20px 0px 0px; margin-right: 20px;float: right; display: inline;} #branding ul.adminNav li {margin-left: 10px; margin-right: 10px; display: inline; float: right;} #branding ul.globalNav {width: 520px; margin: 70px 28px 0px 0px; float: right; display: inline; } #branding ul.globalNav li {display: inline; float: right; border-right: 1px solid #000; padding-right: 8px; padding-left: 8px; font-size: 13px;} #branding ul.globalNav li.last {border-right: none; padding-right: 0px;} #branding ul.globalNav li a {text-decoration: none;} #branding ul.globalNav li a:hover {color: #aa2727; border-bottom: 3px solid #aa2727; padding-bottom: 4px; } #action {background: url(../i/action_background.gif) no-repeat; height: 326px; width: 870px; margin-left: 7px; float: left; display: inline;} body#inner #action {background: url(../i/header_wrap_inner.gif) no-repeat; height: 181px;} #action #header_photo{float: left; margin-top: 13px; margin-left: 20px; width: 536px; float: left; display: inline;} div.miniNav {float: right; background: url(../i/mini_nav_background.gif) no-repeat; height: 222px; width: 268px; margin: 13px 25px 7px 0px; display: inline;} div.miniNav ul {width: 230px; margin-top: 20px;} div.miniNav li a {padding: 12px 0 12px 25px; border-bottom: 1px dotted #4d552b; display: block; color: #4d552b; text-decoration: none; font-family: georgia, serif; background: url(../i/arrow.png) no-repeat; background-position: 0px 13px; font-size: 18px; font-weight: bold; } div.miniNav li {padding-left: 35px; float: left; width: 195px;} div.miniNav li a {font-size: 15px;} div.miniNav li a:hover {color: #aa2727;} #action div.search {float: right; clear: right; background: url(../i/search_background.gif) no-repeat; height: 43px; width: 277px; margin-right: 20px; display: inline; padding-top: 23px;} body#inner #action div.search {margin-top: 96px;} #action div.search input.searchInput {width: 150px;float: left; margin-left: 20px;} #action div.search input.searchButton {background: none; border: none; color: #f1d8b6; font-family: georgia, serif; font-size: 18px; float: right; margin-right: 15px; margin-top: -2px; width: 70px;display: inline;} /* container area */ #container {width: 860px; float: left; margin: 0 9px; display: inline; padding: 25px 0 0 0;} /* side */ #sidebar {float: right; width: 224px; margin: 0 30px 0 0; display: inline;} div.sideNav {} div.sideNav ul { width: 200px; margin-top: 20px;} div.sideNav li a { width: 170px; padding: 12px 15px 12px 30px; border-bottom: 1px dotted #4d552b; display: block; color: #4d552b; text-decoration: none; font-family: georgia, serif; background: url(../i/arrow.png) no-repeat; background-position: 0px 13px; font-size: 15px; font-weight: bold; } div.sideNav li a:hover {color: #aa2727;} div.sideNav2 { width: 170px; padding: 12px 15px 12px 30px; border-bottom: 1px dotted #4d552b; display: block; color: #4d552b; text-decoration: none; font-family: georgia, serif; background: url(../i/arrow.png) no-repeat; background-position: 0px 13px; font-size: 15px; font-weight: bold; } div.sideNav2 a:hover {color: #aa2727;} /* content */ #content { float: left; width: 517px; padding-right: 50px; line-height: 18px; font-size: 12px; margin-left: 30px; border-right: 1px dotted #646464; display: inline; } #content h1, #main h1 { font-size: 18px; font-weight: bold; margin-bottom: 20px; color: #aa2727; font-family: georgia, serif; } #content h2, #main h2 { font-family: georgia, serif;color: #3d7415; font-weight: bold; font-size: 15px; margin-top: 10px; margin-bottom: 10px;} #content h3, #main h3, #content h4, #main h4, #content h5, #main h5, #content h6,#main h6 { color: #000; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; font-family: georgia, serif; } #content p,#main p {margin-bottom: 10px;} #content ul, #content ol {margin-left: 40px; margin-top: 20px; margin-bottom: 20px; margin-right: 50px;} #content blockquote, #main blockquote {background: #eee; padding: 15px; margin: 20px; font-family: georgia, serif;} #content ul li {list-style-type: disc;} #content a, #main a {color: #890a16; font-weight: bold; text-decoration: none;} #content a:hover, #main a:hover {text-decoration: underline;} #main {font-size: 11px;} body#inner #content{padding-top: 25px;} /* footer */ .footer_wrap {width:100%;margin:0 auto;position:relative;background: url(/Websites/oualphagam/templates/opg/i/footer-expand.png) top center no-repeat;} #footer {width: 800px; text-align: left; padding: 110px 39px 50px 39px; margin: 0 auto;background:url(/Websites/oualphagam/templates/opg/i/footer-bg.png) left top no-repeat;} *html .footer_wrap {background-image: none;} *html #footer {_background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/oualphagam/templates/opg/i/footer-bg.png', sizingMethod='image');} #footer .left {float: left; width: 500px; font-family: georgia, serif; font-size: 11px; line-height: 18px; color: #fff; margin-top: -30px; height: 150px;} #footer .left strong {font-weight: bold; font-size: 13px;} #footer .right {margin-top: -30px; float: right; width: 232px; font-size: 13px; line-height: 18px; color: #fff; padding-left: 20px; border-left: 1px dotted #fff; text-align: right; font-family: georgia, serif;} #footer .right strong {font-weight: bold; font-size: 13px;} #footer p.copyright { padding-top: 10px; _padding-top: 10px; padding-bottom: 30px; clear: both; font-size: 11px; } #footer a {color: #fff; font-weight: bold; text-decoration: none;} #footer a:hover {text-decoration: underline;} /* extras */ .extra {margin-left: 9px;} .extra h1 {font-family: georgia, serif;font-weight: bold;} .extra .eventsList ul li {background: url(../i/event_list_background.gif) no-repeat;padding-left: 30px;background-position: 0px 19px;padding-top: 20px;padding-right: 20px; font-family: georgia, serif;} .extra a {text-decoration: none; color: #053f14;} .extra .eventsList .eventDate {font-style: italic; color: #646464; font-size: 12px; margin-top: 5px;} /* Goodies */ .clear {clear: both;} body#inner .eventsElement .eventsCalendar table.calendarTitle tbody tr td {background: #420606; color: #f3dabb; font-weight: bold; font-family: georgia, serif; font-size: 14px; padding-top: 10px; padding-bottom: 10px;} body#inner .eventsElement .eventsCalendar table.calendarTitle tbody tr td a {color: #f3dabb; font-weight: bold;} tr td.calendarOtherMonthDay {background: #063f14; color: #eee;} th.calendarDayHeader {background: white; border: 0; color: #646464;} html body #adminbar {width: 100% !important; display: block; position: relative; z-index: 9999;} html body #adminbar #toolbar, html body #adminbar #pagebar {display: block;}