html, body { background: #EEE url(bgr.gif) center repeat-y; overflow: auto; padding: 0; margin: 0; }
div, ul { font: 10px Verdana, Arial, sans-serif; padding: 0; margin: 0; }
img, a img { border: none; }
a { text-decoration: none; font-weight: bold; }
.cleaner { display: block; line-height: 0; height: 1px; clear: both; font-size: 0; overflow: hidden;}
#page_container { width: 730px; margin: 0 auto; padding: 0 30px; position: relative; }
#header span { display: block; height: 50px; width: 145px; float: right; margin: 5px 5px 0 0; background: url(logo_iso9001.gif) no-repeat; overflow: hidden; text-indent: -200px;}
#footer { color: #999; padding: 0 10px 0 0; margin: 10px 0 0 0; text-align: right; border: 1px solid #ccc; padding: 2px; }
#footer span { float: left;} #footer .inner { padding: 0 10px; line-height: 20px;}
#footer a { color: #000; }
#footer a:hover { text-decoration: underline;}

#logo h2 { position: relative; margin: 0; padding: 0 0 0 140px; line-height: normal; background: url(sk13_logo.gif) left no-repeat;}
#logo h2 a { color: #555; font: bold 28px/60px "Trebuchet MS", sans-serif; padding: 0 0 0 10px; }

#home { border: 1px solid #ccc; padding: 2px;  margin: 0 0 10px 0; }
#home .inner { padding: 5px; background: #eee;}
#main { width: 100%; }
.border { padding: 2px; border: 1px solid #ccc; margin: 30px 0 10px 0; overflow: hidden; }

.header_pic { height: 150px; overflow: hidden; }
.header_pic h1 { display: none;}
.highlights .inner { border: 1px solid #CCC; height: 100%; }
.highlights p { margin: 0; padding: 10px;}

#banner { padding: 2px; border: 1px solid #ccc; overflow: hidden; background: transparant; margin: 0 0 10px 0; }
#banner .inner { height: 150px; overflow: hidden; }

#maincontent .panel { width: 145px; float: left; }
#maincontent .panel h3 { font: bold 10px Verana, Tahoma, sans-serif; margin: 0; }
#maincontent .panel .content { border-right: 1px solid #CCC; padding: 0 10px; margin: 5px 0; height: 150px; overflow: hidden; }
#maincontent .panel .content.last { border: none; }
#maincontent .panel .content p { padding: 0; margin: 5px 0 0 0;}
#maincontent .panel .content h3 a { color: #000; text-transform: uppercase; }
#maincontent .panel .last { border: none; }

#page_content { margin: 0 0 25px 0; }
#page_content .content h1 { margin: 10px 0 0 0; padding: 0; font: bold 24px "Trebuchet MS", Verdana, sans-serif;}
#page_content .content p { margin: 0; padding: 10px 10px 10px 0; line-height: 15px;}
#page_content .panel.lside { float: right; height: 100%; width: 150px; margin: 5px 0 0 10px; border: 1px solid #ccc;}
#page_content .panel.lside.pic { width: 100px; height: 100px; border: none;}
#page_content .panel.lside.p2 { border: none; }
#page_content .panel.lside.p2 .snav li a { text-align: left; padding: 0 0 0 5px;}
#page_content .panel.lside .inner { margin: 2px; background: #EEE; padding: 5px; }
#page_content .panel.lside .inner h5 { font: bold 10px Verdana, Arial, sans-serif; margin: 0; padding: 0 0 0 0;}
#page_content .panel.lside .inner p { margin: 0; padding: 5px 0 0 0; }
#page_content .panel.lside .snav { margin: 2px; position: static; height: 100%; }
#page_content .panel.lside .snav li a.selected, #page_content .panel.lside .snav li a.selected:hover { background: #eee; color: #555;}
#page_content .panel.lside .snav li { float: none; border: none; border-bottom: 1px solid #999; }
#page_content .panel.lside .snav li a { border: none; margin: 1px 0; width: auto; }

/*-------------------------------------------------------------------------------------------------------------------------*/
#nav { padding: 2px; display: block; height: 20px; border: solid #ccc; border-width: 1px; }
#nav li, .snav li { list-style: none outside; display: block; float: left; border-left: 1px solid #000;}
#nav li a, .snav li a { display: block; margin: 0 2px; width: 150px; color: #000; line-height: 20px; text-align: center; text-decoration: none; background: #FFF; }
#localnav { background: #FFF; overflow: hidden; position: absolute; top: 60px; padding: 2px; border: 1px solid #ccc; }
.snav li a, .snav li a:hover { padding: 0 12px; width: auto; text-transform: uppercase; white-space: nowrap; overflow: hidden;}
#nav li a:hover, .snav li a:hover { background: #EEE;}
li.last { border-right: 1px solid #000; }
#nav li a.selected, .snav li a.selected, #nav li a.selected:hover, .snav li a.selected:hover { background: #900; color: #FFF; }
