* { margin: 0; padding: 0; } body { margin: 5px 0; font: 72% arial, verdana, tahoma; color: #666666; background: #dfd8ad url(/images/bg_new.gif) repeat-x } h1, h2, h3 { color: #333333 } h2 { } h3 { font-size: 1em } p, blockquote, ul, ol { margin-bottom: .6em; line-height: 1.65em; text-align: left } p { } blockquote { margin-left: 2em; margin-right: 2em; font-style: italic } ul { margin-left: 3em } ul li { } ol { margin-left: 3em } ol li { } a { text-decoration: underline; color: #3E9722 } a:hover { text-decoration: none; color: #E58C24 } img { border: none } img.left { float: left; margin: 5px 20px 0 0 } img.right { float: right; margin: 5px 0 0 20px } /* Header */ #header { width: 715px; height: 155px; margin: 0 auto; padding: 0 6px 0 6px; background: #ffffff } /* Header > Logo */ #logo { float: left; width: 155px; height: 50px } #logo img { margin:0 0 0 35px} #logo h1 { float: left; margin: 0; padding: 50px 0 0 0; font-size: 2.6em } #logo h2 { float: left; margin-top: -5px; font-size: 1em } #logo a { text-decoration: none; color: #000000 } /* Header > banner */ #banner { float: right } #banner img { margin:5px 0 0 0 } /* Content */ #content { width: 715px; margin: 0 auto; padding: 0 6px 0 6px; background: #ffffff } /* Content > Main */ #main { float: left; width: 418px; padding-left: 5px } #main h1 { font-size: 1.4em; line-height: 1.1em; margin: 0 0 5px 0; padding: 0 0 5px 0; color: #767C48; background: inherit; background: url(/images/pageElements/dot.gif) repeat-x bottom } #main p { font-size: 0.95em; line-height: 1.3em } /* Content > sidebar-right */ #sidebar-right { float: left; width: 131px; padding-left: 6px } /* Content > sidebar-left */ #sidebar-left { float: left; width: 155px } /* Boxed Style */ .boxed { } .boxed .title { background: #3C74E6 url(/images/img06.gif) repeat-x; } .boxed .title h2 { height: 28px; padding: 12px 0 0 20px; text-transform: uppercase; font-size: 1em; color: #FFFFFF } .boxed .content { padding: 20px; border-top: 1px solid #FFFFFF; background: url(/images/img07.gif) repeat-x; } /* left navigation */ ul#navlist li a, ul#subnavlist li a , ul#subsubnavlist li a { text-decoration: none; font-size: 0.95em } div#navcontainer { width: 155px; padding: 0 } /* navcontainer > navlist */ ul#navlist { list-style-type: none; margin: 0; padding: 0 } ul#navlist li { display: block } ul#navlist li a { color: #666; display: block; padding: 0 0 1px 10px; width: 143px; height: 18px; margin: 0 ; background: url(/images/pageElements/menu_bg1.gif) no-repeat } ul#navlist li a:hover { background: url(/images/pageElements/menu_bg2.gif) no-repeat } ul#navlist li a#current { font-weight: bold; color: #fff; background: url(/images/pageElements/menu_bg3.gif) no-repeat } ul#navlist li a.sub { color: #666; background-color: #eeeeee } /* navcontainer > subnavlist */ ul#subnavlist { margin: 0; list-style-type: none; padding: 0 } ul#subnavlist li { display: block } ul#subnavlist li a { display: block; color: #666; height: 18px; background: url(/images/pageElements/menu_bg2.gif) no-repeat; width: 138px; padding: 0 0 0 15px } ul#subnavlist li a:hover { background: url(/images/menu_bg1.gif) no-repeat; color: #9D8B7C } ul#subnavlist li a#subcurrent { font-weight: bold; background: url(/images/pageElements/menu_bg2.gif) no-repeat } ul#subnavlist li a#subcurrent:hover { background: #ddd } ul#subsubnavlist { margin: 0; list-style-type: none; padding: 0 } ul#subsubnavlist li { display: block } ul#subsubnavlist li a { display: block; color: #666; height: 18px; background: url(/images/pageElements/menu_bg2.gif) no-repeat; width: 143px; padding: 1px 6px 0 23px } ul#subsubnavlist li a:hover { height: 18px; background: url(/images/pageElements/menu_bg1.gif) no-repeat; width: 153px; color: #9D8B7C } ul#subnavlist li a#subsubcurrent { font-weight: bold; height: 18px; background: url(/images/pageElements/menu_bg2.gif) no-repeat; width: 143px } ul#subsubnavlist li a#subsubcurrent:hover { background: #ddd } .h_title { line-height:1.2em; background: #ffffff url(/images/pageElements/title_bg.gif) repeat-x top; height: 20px; font-size: 0.95em; font-weight: normal; padding: 3px 5px 2px 5px; color: #ffffff; vertical-align:middle } .h_title a { text-decoration:none; color:#ffffff} .h_title_notxt { background: #ffffff url(/images/pageElements/title_bg.gif) repeat-x top; height: 20px; font-size: 1.0em; font-weight: normal; padding: 0 0 4px 0; color: #ffffff } .topbox_left p { font-size: 0.95em; line-height: 1.3em; margin: 0 0 10px 0 } .more { padding-top: 7px; color: #000000; font-size: 0.95em; font-weight: bold; background: url(/images/pageElements/dot.gif) repeat-x top } .more a { color: #000000; text-decoration:none } .slide_box { padding-bottom: 5px } /* Footer */ #footer { width: 715px; margin: 0 auto; padding: 0 6px 0 6px; background: #ffffff } /* Footer > footer-sidebar-left */ #footer-sidebar-left {float: left; width: 155px } /* Footer > footer-sidebar-main */ #footer-main { float: left; width: 555px; padding-left: 5px } .littlebox_136px_nopadding { width: 136px; float: left; background: #fff; padding: 0 0 0 0} .littlebox_136p_padding { width: 136px; float: left; background: #fff; padding: 0 0 0 5px } .littlebox_131px { width: 131px; float: left; background: #fff; padding: 0 0 0 6px } .littlebox { width: 131px; float: left; background: #fff; padding: 0 0 0 0 } .img_p5 { padding-bottom: 5px } .littleboxtext { font-size: 0.95em; line-height: 1.3em; padding: 0 0 7px 0 } /* form */ input, select { font-size: .8em; color: #666; padding: 2px; display: block; margin: 0 5px 5px 0 } select { width:150px } div.slideshow { margin: 0 } /* { new } */ #new-content { float:right; padding:13px 15px; background-image:url(/images/new/bg.jpg); background-position:top; background-repeat:no-repeat; width:525px; min-height:740px; font-size: 0.95em } #new-content #introimg { display:block; width:525px; height:213px; background-image:url(/images/new/top-img.jpg); background-position:top; background-repeat:no-repeat } #new-content #introimg #t1 { padding:53px 0 0 30px; width:190px; line-height:1.05em; font-weight:bold; font-size:0.9em; } #new-content #introimg #t1 span { color:#b00044 } #new-content #navwrapper { clear:both; border-top:8px solid #790012; display:block; width:499px; background:#b00044; padding:3px 13px; color:#fff; font-weight:bold } #new-content #navwrapper #msg { float:left; width:300px} #new-content #pictwrapper { clear:both; display:block; background-color:#a59486; width:525px; height:142px } #new-content #pictwrapper #pict { float:left; display:block; width:340px; height:142px; padding:0; margin:0; color:#fff } #new-content #pictwrapper #txt { float:right; display:block; width:155px; padding:10px 15px 5px 0; color:#fff } #new-content #pictwrapper #txt h1 { padding:0 0 5px 0; font-weight:bold; color:#fff; font-size:1.1em } #new-content #pictwrapper #txt span { padding:0 0 10px 0 } #new-content #pictwrapper #txt a { color:#B00044; } #new-content #box { clear:both; display:block; width:525px; padding:10px 0 2px 0; min-height:211px } #new-content #box #desc { float:left; width:327px; padding:0 0 0 15px; color:#6a5c4d } #new-content #box #desc h1 { padding:0 0 5px 0; font-size:1.4em; color: #b00044 } #new-content #box #desc h2 { padding:0 0 5px 0; font-size: 1.2em; color: #b00044 } #new-content #box #desc p { line-height:1.3em; } #new-content #box #icon { float:right; width:171px; padding:0 0 0 0 } #new-content #box #icon #iconwrapper { display:block } #new-content #box #icon #iconwrapper img { padding:0 0 2px 0 } #new-content #topbox { clear:both; display:block; background-image:url(/images/new/bg_1.jpg); background-position:top; background-repeat:no-repeat; width:525px; height:142px } #new-content #topbox #wr { float:right; display:block; width:155px; padding:10px 15px 5px 0; color:#fff } #new-content #topbox #wr #desc { padding:0 0 10px 0 } #new-content #topbox #wr #link { padding:0; color:#790012; font-weight:bold } #new-content #topbox #wr #link a { text-decoration:none; color:#790012; font-weight:bold } #new-content #box .column { float:left; width:156px; padding:0 0 0 15px; color:#6a5c4d } #new-content #box .column .wrap { padding:0 0 6px 0; color:#b00044; font-weight:bold } #new-content #bot { font-size: 1.5em; clear:both; border-top:8px solid #790012; display:block; width:499px; background:#b00044; padding:10px 13px 15px 13px; color:#fff; } #new-content #bot span { font-size:0.95em; font-weight:normal } #new-content #bot a { text-decoration:none; color:#fff} /* pagination */ #new-content #navwrapper div#pagination { float:left; margin: 0 0 0 10px; padding:2px } #new-content #navwrapper div#pagination a { padding: 1px 4px 1px 4px; margin-right: 2px; border: 1px solid #cb5885; text-decoration: none; color: #b00044; font-weight:normal; background-color:#d0668f } #new-content #navwrapper div#pagination a:hover, #new-content #navwrapper div#pagination a:active { padding: 1px 4px 1px 4px; margin-right: 2px; border: 1px solid #cb5885; background-color:#fff } #new-content #navwrapper div#pagination span.current { padding: 1px 4px 1px 3px; margin-right: 2px; border: 1px solid #ebbecf; font-weight:normal; background-color: #fff; color: #c54476 } #new-content #navwrapper div#pagination span.disabled { padding: 1px 4px 1px 4px; margin-right: 2px; border: 1px solid #cb5885; color: #b00044 } #introimg ul#cmp { list-style-type : none; position : relative; display : block; width : 525px; height : 213px; margin : 0 auto 0; padding : 0 } .v1 { background : transparent url(/images/new/v1.jpg) no-repeat 0 0 } .v2 { background : transparent url(/images/new/v2.jpg) no-repeat 0 0 } .v3 { background : transparent url(/images/new/v3.jpg) no-repeat 0 0 } .v4 { background : transparent url(/images/new/v4.jpg) no-repeat 0 0 } .v5 { background : transparent url(/images/new/v5.jpg) no-repeat 0 0 } .map_on { background-position: 0px 0px; background-repeat: no-repeat; background-image: url(/images/new/map_on.gif); } #introimg ul#cmp li { display : inline } #introimg ul#cmp li a { position : relative; display : block; text-decoration : none } /* Hot-Spot Number One (1) */ #introimg ul#cmp li a#cmp01 { position: absolute; width : 110px; height: 100px; left: 406px; top: 31px } #introimg ul#cmp li a#cmp01:hover, #introimg ul#cmp li a#cmp01:focus, #introimg ul#cmp li a#cmp01:active { background : transparent url(/images/new/map_on.gif) no-repeat -406px -31px } /* Hot-Spot Number Two (2) */ #introimg ul#cmp li a#cmp02 { position: absolute; width : 110px; height: 100px; left: 261px; top: 31px } #introimg ul#cmp li a#cmp02:hover, #introimg ul#cmp li a#cmp02:focus, #introimg ul#cmp li a#cmp02:active { background : transparent url(/images/new/map_on.gif) no-repeat -261px -31px } /* Hot-Spot Number Three (3) */ #introimg ul#cmp li a#cmp03 { position: absolute; width : 110px; height: 100px; left: 151px; top: 31px } #introimg ul#cmp li a#cmp03:hover, #introimg ul#cmp li a#cmp03:focus, #introimg ul#cmp li a#cmp03:active { background : transparent url(/images/new/map_on.gif) no-repeat -151px -31px } /* Hot-Spot Number Four (4) */ #introimg ul#cmp li a#cmp04 { position: absolute; width : 115px; height: 55px; left: 51px; top: 153px } #introimg ul#cmp li a#cmp04:hover, #introimg ul#cmp li a#cmp04:focus, #introimg ul#cmp li a#cmp04:active { background : transparent url(/images/new/map_on.gif) no-repeat -50px -153px } #introimg ul#cmp li a#current04 { background : transparent url(/images/new/map_on.gif) no-repeat -50px -153px } #introimg ul#cmp li a#cmp05 { position: absolute; width : 110px; height: 55px; left: 240px; top: 153px } #introimg ul#cmp li a#cmp05:hover, #introimg ul#cmp li a#cmp05:focus, #introimg ul#cmp li a#cmp05:active { background : transparent url(/images/new/map_on.gif) no-repeat -240px -153px } /* End Styles */