body { font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; background: url(../images/bg-body.jpg) repeat-x; margin: 0px; padding: 0px; } .bg-green{ background-color: #8dc63f;} .bg-blue{ background-color: #0095DA;} .bg-red{ background-color: #ED0677;} #wrapper { width:800px; margin: 0 auto; } .left { float: left; } .right { float: right; text-align: right; } .clear { clear: both; } .no-text{ font-size: 0px; } .text-white { color:#FFFFFF } .text-black { color:#000000 } .text-green { color:#8dc63f } .text-red { color:#ED0677 } small { font-size: 10px; } /*************************************************** HEADER STYLES ***/ #header { width: 800px; overflow: hidden; /** containing block height and FF reserved space bug **/ } #header ul li{ list-style: none; display: inline; } #top_links { font-size: 10px; color: #FFFFFF; padding-right: 4px; } #top_links a:link, #top_links a:visited{ color: #FFFFFF; text-decoration: underline; padding: 0 6px; } #top_links a:hover{ text-decoration: none; } .bg-green #top_links{ color: #000000; } .bg-green #top_links a:link, .bg-green #top_links a:visited{ color: #000000; text-decoration: underline; padding: 0 6px; } .bg-green #top_links a:hover{ text-decoration: none; } #main_menu { width: 100%; } #main_menu ul{ padding-left: 5px; font-size: 13px; font-weight: bold; height: 25px; line-height: 25px; color: #000000; margin: 0px; } #main_menu ul li{ margin-right: 21px; line-height: 25px; } #main_menu a:link, #main_menu a:visited{ color: #FFFFFF; text-decoration: none; line-height: 25px; } #main_menu a:hover{ color: #000000; } /*************************************************** BODY STYLES (NOT tag, id=body) ***/ #body{ width: 800px; overflow: hidden; /** containing block height and FF reserved space bug **/ background: #787878 url(../images/bg-mainBody.jpg) repeat-x scroll 0 0; } #left_menu { float: left; width: 133px; font-size: 13px; font-weight: bold; } #left_menu ul { list-style: none; padding: 0 0 0 9px; margin-top: 31px; margin-left: 0; width: 133px; } #left_menu ul li { padding: 8px 0; } #left_menu ul li a:link, #left_menu ul li a:visited{ color: #FFFFFF; text-decoration: none; } #left_menu ul li a:hover{ color: #000000; } /*************************************************** Content styles ***/ #content{ float: right; width: 658px; height: 500px; } #content h1, #content h2{ font-size: 12px; font-weight: bold; margin: 8px 0px; zoom: 1; } #content ol{ padding-left: 30px; list-style-type: upper-roman; margin: 12px 0; } #content ol li{ vertical-align: top; } #content ul{ padding-left: 0px; list-style: none; margin: 0; } #content ul li{ padding-left: 10px; background: url("../images/bg-icon-li-02.gif") no-repeat top left; } #content a:link, #content a:visited{ # color: #727274; color:#000000; text-decoration: none; } #content a:hover{ text-decoration: underline; } #content ul.ministries li{ margin-bottom: 20px; } #content ul.sitemap li{ margin-bottom: 5px; } #content ul.sitemap a:link, #content ul.sitemap a:visited{ color: #000000; text-decoration: none; } #content ul.sitemap a:hover{ text-decoration: underline; } /*************************************************** Scroll Pane Styels ***/ #scroll { overflow: auto; text-align: justify; } #content .jScrollPaneTrack { background: transparent; } #content .jScrollPaneDrag { background: #DEDEDE; } #content a.jScrollArrowUp { height: 17px; background: url(../images/btn-up.jpg) no-repeat top left; } #content a.jScrollArrowDown { height: 17px; background: url(../images/btn-down.jpg) no-repeat top left; } #content a.jScrollArrowUp:hover, #content a.jScrollArrowDown:hover { background-position: bottom left; } #content p { margin: 8px 0; } /*************************************************** Footer Styles ***/ #footer { color: #FFFFFF; font-size: 10px; } #footer div{ padding: 2px 7px; } #footer a:link, #footer a:visited{ color: #FFFFFF; text-decoration: none; } #footer a:hover{ color: #FFFFFF; text-decoration: underline; } /*************************************************** Feedback form Styles ***/ #feedback_form h1{ font-size: 13px; margin: 5px 0; } #feedback_form input, #feedback_form select, #feedback_form textarea{ border: 1px solid #C1CDDB; } #feedback_form select, #feedback_form textarea{ width: 420px; font-size: 11px; margin-bottom: 5px; } #feedback_form #name{ width: 160px; height: 19px; } #feedback_form #tel{ width: 170px; height: 19px; } #feedback_form #email { width: 370px; height: 19px; } #feedback_form #textarea{ height: 178px; margin-bottom: 5px; } #feedback_form label{ display: inline; } #feedback_form label.error{ color :#ED0677; } .error{ color :#ED0677; }