html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
body{ font-size:0.75em; color:#333333; font-family:Verdana; text-align: center; }
html { overflow-y: scroll; }
strong{ font-weight:bold;}

#site{ width:990px; margin:0 auto; text-align:left; }
#wrap{ float:left; padding:0 15px 0 15px;}
#header{ position:relative; z-index:1000; width:960px;}
#footer{ float:left; clear:both; width:960px; height:145px;}
#logo{ float:left; padding:28px 0 17px 0;}
#strap{ float:left; padding:67px 0 0 80px; font-size:1.2em; max-width:410px; line-height:1.2em; font-weight:normal;}
#tel{ float:right;}

#nav{ width:960px; height:68px; float:left; clear:left; background:url(../images/box-top.gif) no-repeat;}
#nav ul{ padding:0 0 0 218px;}
#nav li{ float:left; position:relative; z-index:1000;}
#nav li a, #nav li a span{ float:left; display:block; font-size:0.95em;  text-decoration:none; cursor:pointer; color:#555555;}
#nav li a{ padding:19px 23px 19px 22px; background:url(../images/nav-bg.gif) no-repeat top right; line-height:16px;}
#nav li a:hover, #nav li a:hover span, #nav li a.on, #nav li a.on span{ color:#000000;}
#nav li a:hover span, #nav li a.on span{ border-bottom:dotted 1px #CFB5B7;}
#nav li.navend a{ background:none;}

#nav li div { position: absolute; margin-top:-3px; padding:0px 0 12px 0px; z-index:1000; width:219px; left: -999em;  background:url(../images/snavbot2.gif) no-repeat bottom left;}
#nav li ul{ float:left; padding:21px 0 0px 1px; background:url(../images/snavtop2.gif) no-repeat top left;}
#nav li:hover div, #nav li.sfhover div {  top:53px; left:0px;}
#nav li ul a, #nav li ul a span{ background:none; line-height:28px;}
#nav li ul a:hover, #nav li ul a:hover span, #nav li ul a.on span{color:#000000; border-bottom:0px !important;}

#nav li ul a span{ width:180px; padding:0 0 2px 5px;  background:url(../images/snavbg.gif) repeat-x bottom left;}
#nav li ul .navend a span{ background:none;}
#nav li ul a, #nav li.navend ul a{ padding:0 19px 0px 17px;}
#nav li ul a:hover, #nav li ul a.on{background:url(../images/dot_.gif) no-repeat top left; }

.panel_button { position:relative;  width: 162px; height: 30px; z-index: 20; cursor: pointer;}
.panel_button a { display:block; text-decoration: none; color: #BBBBBB; font-size: 0.95em; line-height:30px; }
.panel_button a:hover { color: #666666;}
#toppanel { position:absolute; background:url(../images/bg-butt.gif) no-repeat bottom left; right:0px; top:0px;  width: 162px; z-index: 25; text-align: center; }
#panel { width: 162px; position: relative; height: 0px;  z-index: 10; overflow: hidden; text-align: left; }
#ulogin{ float:left; margin:10px;}
#ulogin input{ font-size:0.95em; width:135px; margin-bottom:1px; color:#666666; border:solid 1px #CCCCCC; background:#FFFFFF;}
#ulogin .submit{ font-size:0.95em; width:auto; clear:both; float:right; cursor:pointer;}
#hide_button{ display:none;}
/* form overlable */
label.overlabel {color:#999;}
label.overlabel-apply {position:absolute;  left:14px; padding-top:4px; z-index:1; color:#999; font-size:0.90em;}

#main{ float:left; clear:both; padding:0 20px 0 11px; min-height:300px; background:url(../images/box-mid.gif) repeat-y; color:#444444;}
#main h1{ font-size:1.4em; line-height:1.5em; padding:0 0 0.5em; color:#5d0b11; font-weight:normal;}
#main h2{ font-size:1.1em; line-height:1.3em; padding:0 0 0.5em; font-weight:normal;}
#main h3{ font-size:1.0em; line-height:1.3em; padding:0.3em 0 0.3em;  color:#5d0b11; font-weight:bold; font-size:1.1em;}
#main p{padding:0 0 1.0em; line-height:1.4em;}
#pagetitle{ float:left; width:485px; padding:0 0 9px 0;}
#pagetitle h1{ float:left; display:block; padding:0 10px 0 0;}
#pagetitle h2{ float:left; display:block; padding:5px 0 0 0;}
#pagecontent{ float:left; width:485px;}
#pagecontent li{ line-height:1.4em; padding:0 0 0.3em 0}
#pagecontent .links li{ line-height:1.8em;}
#pagecontent ul{ padding:0 0 1.0em 1.8em; list-style-type:disc;}
#pagecontent a, #ritem a{ color:#5d0b11; text-decoration:none; border-bottom:dashed 1px #CFB5B7;}
#pagecontent a:hover, #ritem a:hover{ color:#5d0b11; text-decoration:none; border-bottom:solid 1px #5d0b11;}
#pagecontent .external{ padding:0 14px 0 0; background:url(../images/ext.gif) no-repeat center right;}

.highlight{ color:#5d0b11; font-weight:bold; font-size:1.1em;}
.emph{ color:#5d0b11;}
.pic{float:left;}
.pic a img{float:left;}
.pic a:hover img{ opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;}
.pic a { text-decoration:none; color:#666666;}
.pic span{ float:left; clear:left; width:190px; font-size:0.9em; display:block; cursor:pointer; text-align:center; padding:7px 0 0 0;}

#content{ float:left; clear:both; width:930px;}
#col1{ float:left; width:229px; min-height:200px; padding:24px 0 0 0;}
#col2{ float:left; width:485px;}
#col3{ float:right; width:195px; }
#ritem{ padding:10px 0 10px 21px; border-left:solid 1px #e8e3dd;}
#snav{ float:left;}
#snav li{ float:left; clear:left;}
#snav li a, #snav li a span{ display:block; float:left; clear:left; text-decoration:none; color:#666666; font-size:0.95em; line-height:30px; cursor:pointer;}
#snav li a span{ width:172px;}
#snav li a { padding:0 0 0 21px; background:url(../images/snavon.gif) no-repeat bottom left;}
#snav li a:hover, #snav li a.on { color:#000000; background:url(../images/snavon.gif) no-repeat top left;}
#snav li a:hover span, #snav li a.on span { color:#000000;}

ul#vids{ position:absolute; width:200px; overflow:hidden; padding:18px 0 0 0;}
ul#vids li.vid a{display: block;width: 192px; height:95px; padding: 0 0 7px 0; background:url(../images/strip2.gif) no-repeat top right; position:relative;}  
ul#vids img{ float:right; padding:16px 33px 0 0; }
ul#vids a span{ display:block; position:absolute; top:16px; right:33px; width:106px; height:60px; color:#FFFFFF; font-size:10px; }
ul#vids a:hover span{ display:block; margin-left:-0px; color:#FFFFFF; font-size:10px; }

#sites{ float:left; padding:28px 0 0 0;}
#sites li{ text-align:right;}
#sites li a span, #sites li a{ display:block; float:left; clear:left; cursor:pointer; font-size:0.9em; text-align:right; text-decoration:none; color:#666666;}
#sites li a span{ width:187px; padding:8px 0 8px 0;}
#sites li a:hover span, #sites li a:hover{ color:#5d0b11;}
.scrolling *{ color:#5d0b11!important;}

#pagecontent #container{ border:solid 0px #dddddd; width:680px; height:260px; overflow:hidden;}
#pagecontent #container ul{ padding:10px 0 10px 0; width:9000px;}
#pagecontent #container li{ width:680px; height:220px; float:left; padding:0px; list-style-type:none;}
#container li img{ float:left; margin:0 30px 0 0;}
#container li div{ float:left; width:270px; padding:10px 0 0 0;}

#footer{ float:left; clear:left; width:960px; height:118px; background:url(../images/box-bot.gif) no-repeat;}
#icons{ float:left; padding:35px 0 0 33px;}

#subfoot{ float:left; clear:left; width:960px; padding:10px 0 15px 0; font-size:0.85em;}
#subfoot, #subfoot a{ color:#666666; text-decoration:none;}
#subfoot a:hover{ text-decoration:underline;}
#sfleft{ float:left; width:700px; padding:0 0 0 40px;}
#sfright{ float:right; width:200px; padding:0 10px 0 0; text-align:right;}