﻿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: "" ""; display:block;}
body{ line-height: 1; font-size: 62.5%; color:#333333; background:#FFFFFF url(/images/bg-body.jpg); font-family:Arial, Helvetica, sans-serif; text-align:center;}
html { overflow-y: scroll; min-height:100%; height: auto; }
strong{ font-weight:bold;}

sub{ font-size:0.6em; vertical-align:sub; line-height:0.5em;}
sup{ font-size:0.6em; vertical-align:super; line-height:0.5em;}

#topbg{ position:absolute; top:0px; left:0px; width:100%; z-index:10; height:850px; background:url(/images/bg-body-grad.jpg) repeat-x top left;}
#site{ width:1003px; background:url(/images/bg.png) repeat-y top left;  margin:0px auto; text-align:left; position:relative; z-index:40; }
#sitepad{ position:relative; float:left; clear:left; margin:0 10px 0 10px; background:url(/images/bg-left.gif) repeat-y top left;}

#col1{ float:left; width:175px; min-height:587px; height:auto !important; height:587px;}
#logo{ float:left;}
#logo img{ float:left;}
#nav{ position:absolute; top:0px; left:183px; z-index:100;}
#nav ul{ float:left; width:799px;}
#nav li{ float:left; padding:0 7px 0 0; font-size:0.9em; line-height:1.1em;}
#nav li a, #nav li a span, #nav li a span b{ display:block; float:left; clear:left; cursor:pointer; text-decoration:none;}
#nav li a{ padding:4px 0 0 5px; background:#978963; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
#nav li a span{ width:102px; height:25px; color:#FFFFFF;}
#nav li a:hover, #nav li a.on{ padding:10px 0 0 5px; background:url(/images/bg-nav.gif); filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}

#snav{ float:left; clear:left; height:87px; width:175px; position:relative;}
#snav ul{ position:absolute; left:0px; bottom:0px;}
#snav li{ float:left; clear:left; padding:0 0 6px 0;}
#snav li a{ float:left; clear:left; font-size:0.9em; display:block; background:#978963; text-decoration:none; color:#FFFFFF; cursor:pointer; padding:0 20px 0 0;}
#snav li a span{ float:left; clear:left; display:block; width:155px; line-height:21px; text-align:right;}
#snav li a:hover,#snav li a.on{ background:url(/images/bg-snav.gif) no-repeat top left;}

#col2{ float:left; width:808px; padding:0x 0 0 0; position:relative;}
#bigpic,#bigpics{width:808px; height:240px; position:absolute; top:0px; left:0px;}
#bigpics img{ position:absolute; top:0px; left:0px;}

#intro{ position:absolute; overflow:hidden; top:372px; left:70px; z-index:100;}
#hbnav{ padding:10px 0 0 0;}
#hbnav li{ float:left; clear:left; padding:0 0 6px 0; }
#hbnav li a{ display:block; float:left; clear:left; color:#FFFFFF; text-decoration:none; padding:0 0 0 9px; line-height:2.1em; background:#978963;}
#hbnav li a span{ display:block; float:left; width:136px;}
#hbnav li a:hover{ background:url(/images/bg-snav.gif) no-repeat top right;}

#homebox{ width:280px; height:376px; position:absolute; top:189px; left:466px; z-index:100;}
#hbcontent{ position:absolute; left:0px; bottom:16px; width:238px; padding:32px 28px 0 14px; height:328px; background:url(/images/280bg.png) repeat-y; color:#403a21; font-size:1.0em;}
#hbcontent p{ padding:0 0 12px 0; line-height:1.2em;}
#hbtab a{ display:block; cursor:pointer; position:absolute; left:0px; bottom:0px; color:#FFFFFF; text-decoration:none; text-align:right; width:280px; line-height:16px; background:url(/images/bg-hbtab.gif) repeat-x top left;}

#main{ float:left; clear:left; width:808px; padding:314px 0 0 0;}
#leftcol{ float:left; padding:205px 12px 0 60px;}
#leftinfo{ float:left; width:215px;}
#leftinfo p{ font-size:1.4em; line-height:1.2em; padding:0 0 1.1em 0; color:#303f54;}
#leftinfo .bigtext{ font-size:1.8em; line-height:1.2em;}
#leftinfo a{ text-decoration:none; color:#303f54;}
#leftinfo a:hover{text-decoration:underline;}
#rightcol{ float:left;}
#pics{ float:left; clear:left; padding:15px 0 25px 60px;}
#pics ul{ float:left; clear:left; width:700px; height:143px;}
#pics li{ float:left; width:231px;}
#pics li a{ display:block; float:left; text-decoration:none; cursor:pointer; width:224px;}
#pics li a img{ float:left;}
#pics li a span{ display:block; color:#ffffff; width:224px; line-height:19px; float:left; clear:left; background:#978965 url(/images/pop.gif) no-repeat top right;}
#pics li a:hover span{ background:#867854 url(/images/pop.gif) no-repeat top right;}

#title{ float:left; height:190px; width:449px;}
#titlepad{ padding:15px 0 0 0;}
#title h1{ font-size:4.0em; font-family:Georgia; font-weight:normal; color:#ceccc5;}
#title .strap{ display:block; clear:left; font-size:4.0em; font-family:Georgia; font-weight:normal; color:#afa892;}
#content{ float:left; clear:left; width:449px;}
#content p{ line-height:1.2em; color:#978965; padding:0 0 1.3em 0;}
#content a{ color:#978965; font-weight:bold;}
#content li{ list-style-type:disc; color:#978965; margin:0 0 0.4em 1.8em; line-height:1.2em;}

#content dt{ line-height:1.1em; font-size:2.2em;}
#content dt a{ display:block; text-decoration:none; color:#9d8d85; cursor:pointer; border-bottom:solid 1px #c3c3bd; padding-bottom:5px; margin:0 0 5px 0; }
#content dt a span{ color:#529b43;}
/* #content dt.selected a{ background:url(/images/arrow.gif) no-repeat 100% -40px; } */
#content dd{ font-size:1.0em; color:#9d8d85; line-height:1.2em;}
#content dd div{ padding:0 0 10px 0;}

#carousel{ float:left;}
#carousel-holder{ float:left; clear:left; width:808px; height:96px; position:relative; background:url(/images/bg-carousel.jpg) repeat-x top left;)}
#carousel-container{ position:absolute; overflow:hidden; top:0px; width:808px; height:73px;}
#carousel-container2{ width:808px; height:150px;}
#carousel-thumbs li{ margin:6px 5px 2px 0;}
#carousel-thumbs li a img{ -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
#carousel-thumbs li a.on img,#carousel-thumbs li a:hover img{ -moz-opacity:1; -web-kit-opacity:1; filter:alpha(opacity=100); opacity:1; }
#carousel-prev{ float:left;}
#carousel-next{ float:left;}
#carousel-prev a{ width:47px; height:73px; display:block; cursor:pointer; text-decoration:none; background:url(/images/left.jpg) no-repeat top right;}
#carousel-next a{ width:45px; height:73px; display:block; cursor:pointer; text-decoration:none; background:url(/images/right.jpg) no-repeat top left;}
#bgslides{ float:left; clear:both; position:relative; width:808px; height:441px; background:url(/images/ajax-loader.gif) no-repeat 50% 50%;}
#bgslides img{ position:absolute; top:0px; left:0px;}
#bgslides .on{ z-index:50; }
#gpictitles{ position:absolute; top:73px; left:0px; width:808px; height:23px;}
#gpictitles div{ position:absolute; top:0px; left:0px; width:808px; height:23px; line-height:23px; color:#FFFFFF; font-size:1.1em; text-align:center; display:none;}
#gpictitles div.on{ display:block;}

#footer{ float:left; padding:0px 9px 0 9px;}
#footer_info{ float:left; width:910px; color:#FFFFFF; line-height:1.6em; padding:0 0 10px 0;}
#footer_info a{ color:#978965; text-decoration:none;}
#footer_info a:hover{ color:#333333;}
#fleft{ float:left; width:400px;}
#fright{ float:right; width:400px; text-align:right;}
