html { text-align: center; font: 14px/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; background: #fff url(images/main_bg.gif) repeat-x scroll; }

.repet { background:url(images/pis_hi5.gif); }

img { border:0; }

body { margin: 0 auto; padding: 0; text-align: left; background:url(images/bkg_left.gif) left top no-repeat; }

ul, ol { margin:0; padding:0 0 1.25em 2.5em; font-size: 14px; } 

a { background-color: inherit; color: #333; text-decoration: underline; outline:none; }
a:hover { background-color: inherit; color: #555; text-decoration: underline; }

ul#nav { margin: 0; padding: 0 0 0 6px; width: 794px; height: 44px; background:#FFF url(images/nav_bg.gif) repeat-x; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; font-weight:bold; font-size:14px; color: inherit; }
ul#nav li { float: left; margin: 0; padding: 15px 0 11px 0; list-style-type: none; text-transform: uppercase; }
ul#nav li a { text-decoration: none; padding: 13px 12px 14px 11px; color: #fff; }
ul#nav li a:hover { background-color: inherit; color: #858585; background:url(images/nav_bg_hover.gif) repeat-x; }

ul#subnav { margin: 0; padding: 0 0 0 30px; width: 770px; height: 31px; background: #000 url(images/subnav_bg.gif) repeat-x; color: inherit; }
ul#subnav li { float: left; margin: 0; padding: 9px 0 0 0; list-style-type: none; text-transform: uppercase; }
ul#subnav li a { text-decoration: none; padding: 7px 20px 7px 20px; background: transparent url(images/subnav_sep.gif) no-repeat left; }
ul#subnav li a:link, ul#subnav li a:visited { background-color: inherit; color: #303030; }
ul#subnav li a:hover, ul#subnav li a:active { background-color: inherit; color: #000; }
ul#subnav li#subnavfirst a:link, ul#subnav li#subnavfirst a:visited { background: transparent url(images/subnav_icon.gif) no-repeat left; color: #303030; }
ul#subnav li#subnavfirst a:hover, ul#subnav li#subnavfirst a:active { background: transparent url(images/subnav_icon.gif) no-repeat left; color: #000; }

div#banner { margin: 0; }

div#colone, div#coltwo, div#colthree { width: 240px; float: left; margin: 0 0 35px 20px; }
div#colone h2, div#coltwo h2, div#colthree h2 { font: bold 14px/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; text-transform: uppercase; background-color: inherit; color: #4b4b4b; margin: 35px 0 0 0; padding: 0 0 0 25px; }

h2 span { background-color: inherit; color: #f2b92f; }

div#colone h2 { background: #fff url(images/icon_star.gif) left no-repeat; color: inherit; }

div#coltwo h2 { background: #fff url(images/icon_star.gif) left no-repeat; color: inherit; }

div#colthree h2 { background: #fff url(images/icon_star.gif) left no-repeat; color: inherit; }

div.featureimg { padding: 12px 0 0 12px; width: 206px; height: 96px; background: #fff url(images/feature_bg.gif) no-repeat; color: inherit; }

ul.featurelist { margin: 0 0 0 20px; padding: 0; }
ul.featurelist li { margin: 0; padding: 3px 0 3px 16px; list-style-type: none; background: #fff url(images/bullet.gif) left no-repeat; color: inherit; }

div.cs { padding:5px 12px; line-height:150%; }

h2.heading { font: bold 16px/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; text-transform: uppercase; background-color: inherit; color: #4b4b4b; margin: 20px 0 0 0; padding: 0 0 1px 25px; border-bottom: 1px solid #ddd; background: #fff url(images/icon_star.gif) left no-repeat; color: inherit; clear: both; }

h3.heading { margin: 5px 0px 0px 0px; padding: 5px 0px 5px 15px; background: #FFFFFF url(images/nav_bg2.gif) repeat-x; font-size:16px; }

p { font-size: 14px; margin-bottom: 15px; }

div#foot { clear: both; margin: 0 auto; padding: 0; width: 800px; height: 43px; background-color: #ffd46c; color: #4b4b4b; text-align: center; background:url(images/foot.gif); }
div#foot p { padding: 9px 0 0 0; }
div#foot p a { text-decoration:underline; }
div#foot p a:hover { background-color: inherit; color: #000; text-decoration:none; }

.hoverbox { cursor: default; list-style: none; }
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; }
.hoverbox img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top; width: 100px; height: 75px; }
.hoverbox li { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; margin: 3px; padding: 5px; position: relative; }
.hoverbox .preview { border-color: #000; width: 200px; height: 150px; }

.normal { font-size:14px; }

.gallery { background-color:#F7E2AC; padding: 10px; }
.gallery ul { list-style: none; margin:0; padding:8px 40px; }
.gallery ul li { display:inline; margin:3px; padding:0; }
.gallery ul img { border: 5px solid #f3ca62; border-width: 5px 5px 20px 5px; width:120px; height:90px; }
.gallery ul a:hover img { border: 5px solid #FFF; border-width: 5px 5px 20px 5px; color: #FFF; }
.gallery ul a:hover { color: #fff; }