body { background: #656565 url(graphics/images/backg.jpg) top left repeat-x; margin: 0; padding: 0;} #MainBody {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; background: #656565 url(graphics/images/backg.jpg) top left repeat-x; margin: 0; padding: 0; text-align: center; color: #FFF;} a, a:link, a:visited, a:active {color: #FFF; text-decoration: underline; font-weight: normal;} a:hover {color: #0387de; text-decoration: underline;} #ExtraBody a, a:link, a:visited, a:active {color: #FFF; text-decoration: underline; font-weight: normal;} a:hover {color: #0387de; text-decoration: underline;} #container {width: 1130px; margin: 0 auto; padding: 0px; text-align: left;} #btmContent {top:400px;} .wtrmrk {z-index: 100; position: absolute; top: 0px; left: 0px;} #header {margin: 0px; padding: 0px; height: 125px; position: relative;} #logo {position: absolute; top: 30px; left: 30px;} #topmenu {position: absolute; top: 45px; left: 305px; width: 528px; height: 39px; background: url(graphics/images/top-menu-backg.png);} #topSearch {position: absolute; top: 51px; left: 855px; height: 30px; width: 275px; background: url(graphics/images/search-backg.png) no-repeat; padding: 0px;} #topDiv {position: relative;} .searchBoxInput {position: absolute; top: 5px; left: 5px; width: 220px; height: 18px; border: 0px; margin: 0px 5px 0px 0px; padding: 3px;} .sBtn {position: absolute; top: 0px; left: 235px;} #smRcol { width:200px; left:200px;} #gallerrific { position: absolute; top: 0px; left: 375px; height:475px; } /*BreadCrumb*/ #bcrumb {position: absolute; top: 98px; left: 327px; width: 700px; color: #0387de; font-size: 11px; font-weight: bold;} #bcrumb a, #bcrumb a:link, #bcrumb a:visited, #bcrumb a:active {color: #FFF; text-decoration: none; font-weight: normal;} #bcrumb a:hover {color: #FFF; text-decoration: underline;} #main_menu {float: left; width: 270px; min-height: 605px; margin: 0px 0px 0px 30px; padding: 0px;} #menu-btm {width: 205px; margin: 30px 76px 0px 0px; font-size: 11px; line-height: 16px;} #mainContent {margin: 0px 0px 0px 305px; padding: 0px; min-height: 700px;} #threeColumn {position:relative; float: left; margin: 0px 4px 0px 0px; padding: 0px; width: 272px;} #threeColumnLast {position:relative; float: left; margin: 0px 0px 0px -2px; padding: 0px; width: 272px;} #oneColumn {position:relative; float: left; margin: 3px 0px 3px 0px; padding: 0px; min-height: 343px;} #overlay {z-index: 300; color: #242424; margin: 0x; padding: 0px; font-size: 11px; position: absolute; top: 6px; left: 5px; text-align:right; width: 258px; height: 108px; text-decoration: none;} #overlay h1, #overlay h1 a{font-size: 30px; font-weight: bold; color: #FFF; margin: 0px; padding: 0px; text-decoration: none;} #overlay h2, #overlay h1 a{font-size: 18px; font-weight: normal; color: #FFF; margin: 0px; padding: 0px; text-decoration: none;} #prodColumnHead {position:relative; float: left; margin: 0px; padding: 0px; height: 45px; width: 813px; background: url(graphics/images/headerbackg.png) no-repeat;} #pnum {position: absolute; top:12px; left: 35px;} #pnav {position: absolute; top:12px; left: 660px;} #prodColumn {position:relative; float: left; margin: 0px 0px 20px 26px; padding: 0px; width: 236px; font-size: 12px;} #prodColumnMain {position:relative; float: left; margin: 0px 0px 20px 26px; padding: 0px; width: 236px; height: 275px; font-size: 12px;} #prodColumnMain h1 {font-size: 16px; color:#42ABF0; margin: 10px 0px 0px 0px;} #prodColumnMain a, #prodColumnMain a:link, #prodColumnMain a:visited, #prodColumnMain a:active {color: #0387de; text-decoration: none;} #prodColumnMain a:hover {color: #0387de; text-decoration: underline;} #footer {padding: 5px; font-size: 11px; text-align:center;} /*MENU*/ #topmenu ul {margin: 0px; padding: 0px; position: relative;} #topmenu ul li {margin: 0px auto; padding: 0; list-style: none; position: absolute; top: 0;} #topmenu ul li, #header ul a {height: 39px; display:block;} #m1 {left: 0px; width: 87px; text-indent: -1000px; overflow:hidden;} #m2 {left: 87px; width: 92px; text-indent: -1000px; overflow:hidden;} #m3 {left: 179px; width: 98px; text-indent: -1000px; overflow:hidden;} #m4 {left: 277px; width: 75px; text-indent: -1000px; overflow:hidden;} #m5 {left: 352px; width: 102px; text-indent: -1000px; overflow:hidden;} #m6 {left: 454px; width: 75px; text-indent: -1000px; overflow:hidden;} #m1 a:hover {background: transparent url(graphics/images/top-menu-backg.png) 0px -39px no-repeat;} #m2 a:hover {background: transparent url(graphics/images/top-menu-backg.png) -87px -39px no-repeat;} #m3 a:hover {background: transparent url(graphics/images/top-menu-backg.png) -179px -39px no-repeat;} #m4 a:hover {background: transparent url(graphics/images/top-menu-backg.png) -277px -39px no-repeat;} #m5 a:hover {background: transparent url(graphics/images/top-menu-backg.png) -352px -39px no-repeat;} #m6 a:hover {background: transparent url(graphics/images/top-menu-backg.png) -454px -39px no-repeat;} /*MENU SELECTED*/ #m1s {left: 0px; width: 87px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/top-menu-backg.png) 0px -78px no-repeat;} #m2s {left: 87px; width: 92px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/top-menu-backg.png) -87px -78px no-repeat;} #m3s {left: 179px; width: 98px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/top-menu-backg.png) -179px -78px no-repeat;} #m4s {left: 277px; width: 75px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/top-menu-backg.png) -277px -78px no-repeat;} #m5s {left: 352px; width: 102px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/top-menu-backg.png) -352px -78px no-repeat;} #m6s {left: 454px; width: 75px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/top-menu-backg.png) -454px -78px no-repeat;} ul.main_menu, ul.main_menu ul { list-style-type:none; margin: 0; padding: 0; width: 266px; } ul.main_menu a { display: block; text-decoration: none; } ul.main_menu li { margin-top: 1px; } ul.main_menu li a { background: url(graphics/images/hilite.png) no-repeat; color: #fff; padding: 4px 4px 4px 12px; } ul.main_menu li a:hover { background: url(graphics/images/selected.png) no-repeat; font-weight: bold; } ul.main_menu li ul li a { background: url(graphics/images/sub.png) no-repeat; color: #FFF; padding-left: 20px; } ul.main_menu li ul li a:hover { background: url(graphics/images/sub-h.png) no-repeat; padding-left: 15px; } .code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; } .code code { display: block; padding: 3px; margin-bottom: 0; } .code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; } .indent1 { padding-left: 1em; } .indent2 { padding-left: 2em; } /*REUSABLE CLASSES*/ .fltrt {float: right; margin-left: 8px;} .fltlft {float: left; margin-right: 8px;} .clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;} /* ModuleBegin::photo */ /* Photo Lister */ .photoListerWrapper { clear: both; } .photoListerWrapper .itemList { margin-bottom: 20px;} .photoListerWrapper span {display:block;} .photoListerWrapper .photoImage {float: left; padding-right: 20px;} .photoListerWrapper .photoImage img {padding:5px; border: 1px solid #ccc;} .photoListerWrapper .photoDescription { } /* Photo Thumbnails */ .photoThumbnailWrapper { } .photoIntro { padding-bottom: 10px; } .photoOther { } .photoThumbnail { float: left; width: 180px; height: 160px; text-align: center; } .photoThumbnail img { border:1px solid #ccc; padding: 5px;} .photoThumbnailWrapper .photoTitle { display: block; } /* Photo Detail */ .photoDetailWrapper { } .photoDetailWrapper .photoDetail { padding: 10px 0px; text-align: center; } .photoDetail span { display: block; } .photoImage img {border:1px solid #ccc; padding:5px;} .photoDetailWrapper .photoDescription { text-align: left; padding: 5px 0px; width: 400px; margin: 0 auto;} .photoRemote { width: 420px; margin: 0 auto; border: 0; clear: both;} .photoRemote:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .photoRemote span{ border: 0; } .photoRemote span a{display: block; width: 68px; padding: 4px 0px; border: 1px solid #ccc; text-decoration:none; text-align:center; float:left;} .photoRemote span a:hover,div.photoRemote span a:active{border:1px solid #000;} .photoDetailWrapper .pagination { text-align: center; } /* Photo Slide */ .photoSlidelWrapper { } .photoSlideWrapper .photoDetail { padding: 10px 0px; text-align: center; } .photoSlide span { display: block; } .photoImage img {border:1px solid #ccc; padding:5px;} .photoSlideWrapper .photoRemote { width: 210px; margin: 0 auto; border: 0; clear: both; } /* ModuleEnd::photo */ /* ModuleBegin::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display: block; } .enewsText { } .enewsEmail { } /* ModuleEnd::broadcastemail */