body {font-size:  75%; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;color: #231F20;margin: 0px;background-image: url('images/bck_slc.gif');background-repeat: repeat-x;background-position: center top;background-color: #fff}

a, a:link, a:visited {text-decoration: none}
a:hover {text-decoration: underline}

.header {text-align: center;width: 100%;margin: 0px;padding: 0px;height: auto;background: #C9C9C9 url('images/top_slc.jpg') center top repeat-x}

.holder {width: 748px;text-align: left;margin: 0 auto;height: auto}
.holderinr {padding-left: 30px}

#topnav {margin: 0px;padding: 3px 0px 0px 30px;text-align: left; height: auto}
#topnav ul {float: left;margin: 0px;padding: 0px}
#topnav li {padding: 0px;display: inline;list-style-type: none}
#topnav a {float: left; padding: 0px 10px 0px 6px;margin: 0px;color: #252889;background-repeat: no-repeat;background-position: center left}
#topnav a:link, #topnav a:visited {color: #848484;background-image: url('images/top_arra.gif')}
#topnav a:hover, #topnav a:visited:hover {text-decoration: none;color: #6666CC;background-image: url('images/top_arra_on.gif')}
#topnav a.active {color: #fff;background-image: url('images/top_arra_act.gif')}

#topnav span {float: right}
#topnav span a:link, #topnav span a:visited {color: #990000}
/* for understanding browsers */ #topnav  {min-height:24px; height:auto}
/* for Internet Explorer */ /*\*/ * html #topnav {height: 24px} /**/

.subnav {text-align: center;width: 100%;margin: 0px;padding: 0px;height: auto;background: #595CBC url('images/top_slc2.gif') center top repeat-x}
.col3 {float: left;display: block;width: 238px}
.col2 {float: left;display: block;width: 477px;height:124px}
.col2 p {margin:0;padding:0}
#fixed {float:right;width:1px;height:124px;display:block; border-right: 3px solid #B0B0B0}
#floating {text-align: right;width:470px;height:100%;position:relative}
#floating div {text-align: right;width:470px;position:absolute;bottom:0;left:0}
.col2 p {color: #eee;font-size: 180%;margin:0;padding:10px}

.subcoll {border-left: 3px solid #42449F}
.subcoll, .subcolr {padding-top: 0px;border-right: 3px solid #42449F}
.subcoll a, .subcolr a {display: block}
.subcolfull {width: 715px}

.subnav ul {border-left: 3px solid #42449F;border-right: 3px solid #42449F;margin: 0px;padding: 6px 0px 6px 0px}
.subnav li {display: inline;list-style-type: none}
.subnav a {padding: 6px 12px 6px 19px; margin: 0px;color: #9999CC;background: no-repeat top left}
.subnav a:link, .subnav a:visited {color: #BBBBE6;background-image: url('images/top2_arra.gif')}
.subnav a:hover, .subnav a:visited:hover {text-decoration: none;color: #fff;background-image: url('images/top2_arra.gif')}
.subnav a.active {color: #fff}
/*----standard styles----*/

img {border-width:0px; padding:0}
a:link, a:visited {color: #B24A02}
a:hover {color: #FF6800;text-decoration: underline}
p {margin: 8px 0px 1px 0px}

.clearboth {clear:both;height:0.1em;font-size:1%;margin:0px;padding: 0px}
h1, h2, h3, h4 {color: #171A7B}
h3, h4 {padding: 0px;margin: 0px}
h1 {font-size: 160%;font-weight: normal;padding: 26px 0px 4px 0px;margin: 0px}
h2 {font-size: 120%;padding: 0px;margin: 18px 0px 0px 0px}
h3 {font-size: 120%}
h4 {font-size: 110%}
h5 {font-size: 110%;margin-bottom: -8px; color: #0093BB}

.floatl {float: left}
.floatr {float: right; padding-left: 2px}
.alignr {text-align: right}

.buttons {margin: 4px 0px 5px 0px;padding: 4px 0px 5px 0px; text-align: center;background-image: url('images/btn_sm.gif'); background-repeat: no-repeat; display: block;height: 23px; width: 62px; font-family: Trebuchet MS, Arial, verdana, Helvetica, sans-serif;font-size: 10px}
.buttonM {width: 35px;background-image: url('images/btn_sm.gif')}
.buttonL {width: 75px;background-image: url('images/btn_sm.gif')}

.sdw, .sdw110, .sdw160, .sdw200, .textarea {height: 1.6em; width: 95%; font-size: 85%; background-repeat: no-repeat; background-position: left top;background-image: url('images/input_bck.gif');margin: 0px 0px 5px 0px; border: 1px solid #6589B1; padding: 2px 2px 2px 4px; color:#80615B}
.textarea {height: auto}
.sdw110 {width:110px}
.sdw160 {width:160px}
.sdw200 {width:200px}

label {color: #999}
/*----page styles----*/
.pagetop {text-align: center;width: 100%;margin: 0px;padding: 0px;height: auto;background: #EEEEEE url('images/pag_slc.gif') center top repeat-x}

.piccoll {border-left: 3px solid #B0B0B0}
.piccoll, .piccolr {background: #EEEEEE; border-right: 3px solid #B0B0B0}

.page {padding: 33px 0px 15px 0px}
.pagecopy {width: 450px;font-size: 90%;float: left;padding: 0px 20px 0px 0px}
.pagelist {margin-top: 10px;width: 213px;float: right;background: #eee;padding: 12px}
.pagelist ul {color: #636363;list-style-type: none;margin: 0px 0px 10px 0px;padding: 0px}
.pagelist li {background: url('images/pglstarra.gif') no-repeat top left; margin: 0px;line-height: 1.5em;padding: 0px 0px 5px 14px}

.pagetop ul, .shop ul {font-size: 90%; color: #4E5170;list-style-type: none;margin: 0px;padding: 0px 0px 7px 0px}
.pagetop li, .shop li {background: url('images/hmarras.gif') no-repeat top left; margin: 0px;line-height: 1.5em;padding: 0px 0px 0px 11px}
.pagetop h4 {padding: 4px 0px 0px 0px; margin: 0px}
.listcoll {border-left: 3px solid #DEDEDE}
.listcoll, .listcolr {background: #EEEEEE; font-size: 90%;border-right: 3px solid #DEDEDE; padding: 0px 8px 0px 8px}


.hmpage {background: #fff url('images/hmbck.gif') repeat-y top center}
.shop {background: #F4BE9F;padding: 0px 6px 0px 6px}
.shop ul {color: #5C0101}
.shop li {background: url('images/shop_arra.gif') no-repeat top left}
.shoptop {font-size: 120%;background: #8E0000 url('images/shoptop_arra.gif') no-repeat top left; color: #fff; padding: 5px 4px 4px 19px}
.shoptop a, .shoptop a:hover, .shoptop a:visited {color: #fff}
.homecopy {width: 450px;font-size: 90%;float: left;padding: 23px 27px 45px 0px}
.homecopy h1 {font-size: 140%;padding: 0px 0px 4px 0px}
.hmpage .listcoll {border: 0px;background: none; font-size: 90%;padding: 5px 15px 0px 10px}


.paneltop {margin-top: 20px;font-size: 120%;background: #171A7B url('images/pnltop_arra.gif') no-repeat top left; color: #fff; padding: 5px 4px 4px 19px}
.panelsub {font-size: 120%;background-color: #595CBC; color: #fff; padding: 5px 4px 4px 9px}
.prow {width: 450px;border-bottom: 1px solid #595CBC; padding: 4px 0px 4px 0px}
.pleft {font-weight: bold;width: 100px;float: left}
.pright {float: right;width: 350px}
.prow b {font-size: 120%; color: #595CBC}

/*------------------- list styles ---------------*/

.nobullets ul {margin: 0;padding:0;list-style-type: none;list-style-position: inside}
.nobullets li {margin: 1px 0px 1px -1.5em;list-style-type: none; padding-left:15px !important;padding-left:0px}

.sqbullets {margin:0;padding:0; list-style-type: none}
.sqbullets li {margin: -.3em 0px .2em 0px;padding-left: 13px;background: url('images/sqbullet.gif') no-repeat left center}

/*-----footer styles-----*/
#shell {text-align: center;width: 100%;margin: 0px;padding: 0px;height: auto}
#footer {font-size: 85%; color: #999}
#footertop {padding: 6px 0px 6px 0px;color: #828272; border-top: 3px solid #DEDEDE}
#footertop ul {margin: 0px;padding: 0px}
#footertop li {margin: 0px;padding: 0px;display: inline;list-style-type: none}
#footertop a {font-size: 130%; margin: 0px;padding: 0px 12px 0px 0px;color: #DC7333}
#footer a:link, #footer a:visited {color: #6F6E6E}
#footer a:hover {color: #333399}

#footerbtm {padding: 6px 0px 16px 0px}
#footerbtm #copyright {float: left; padding-top: 6px}
#footerbtm #credits {float: right; padding: 4px}
#credits #w3c {width: 85px;padding: 3px 0px 4px 0px;background: url('images/xhtml.jpg') no-repeat left center}
#credits #w3c img {width: 80px; height: 10px}
#credits #oegen {padding: 0px 0px 0px 20px;background: url('images/oegen.gif') no-repeat left center}