*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

.clearright{clear:right; line-height:0}
.clearleft{clear:left; line-height:0}
.clearboth{clear:both; line-height:0}

header, footer, nav, section, article{ display:block}

html, body, #wrap{}
body >#wrap{height:auto; min-height:100%}
#mainContent{padding-bottom:40px}
 
footer{}

p {margin:8px 2px 8px 2px}
p.center{text-align:center}
p.contact{font:20px Trebuchet MS;}
.fLeft{float:left}
.fRight{float:right}

#content_container{height:900px;width:900px; margin:0 auto}

header{padding:30px 20px 0px 40px; height:50px;}

nav{padding:25px 20px 20px 20px ; float:right}
nav li{text-shadow:0px 3px 3px #830000; color:white; font: 16px Trebuchet MS; font-weight:bold; position:relative; display:inline; background-color:#d80000; list-style-type:none; padding:5px 15px 10px 15px; background-image:url(../images/cellshade.png); background-repeat:repeat-x; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px}
nav li a{color:white}
nav li a:hover{text-shadow:0px 3px 3px #222}
nav li .active{text-shadow:0px 3px 3px #222}

#mainContent{}

#mainCol{}

#sideCol{}

#featured{margin:45px 0px 0px 38px; padding:0px; width:820px; height:230px; zoom:1}

#featured:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

#featured li{float:left; width:250px; border-left:1px solid #e5e5e5; padding:25px 10px; height:182px;}

#featured li h3 span{display:block}
#featured li.roundedleft{border-left:none;}
#featured #features-bucket{border:0}
#featured li a{display:block;}
#featured li a.example5 {border-left:none; padding:0px;}
#featured li h3{font:18px Trebuchet MS; color:#d80000;text-align:center;}
#featured li p{margin:0 0 10px 10px; font:13px Trebuchet MS;}
#featured li img{display:block; position:absolute;}
#featured li a:hover{}
.content{-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; background:#fff}
@-moz-document url-prefix(){.content{border:1px solid; border-color:#e5e5e5 #dbdbdb #d2d2d2}
}/* FF2 */

.content{*border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2}/* IEs */

.content:nth-child(1n){border:none}

.content, 
.rounded, 
.article .box{border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px}

.roundedtop{border-radius:4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0}
.roundedbottom{border-radius:0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px; -khtml-border-radius:0 0 4px 4px}
.roundedright{border-radius:0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius:0 4px 4px 0; -o-border-radius:0 4px 4px 0; -khtml-border-radius:0 4px 4px 0; }
.roundedleft{border-radius:4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px; -khtml-border-radius:4px 0 0 4px}

footer{width:920px; height:40px; margin-left:auto}

a.accessibility:active, a.accessibility:focus{left:0em; width:10em; border:3px solid #F00; background-color:#fff; text-align:center; height:3em; line-height:3em; font:1em bold Verdana,Geneva,sans-serif; color:#03F; z-index:10}


.accessibility{position:absolute;  left:-999em;  width:990em}
#dl{position:absolute; top:10px; right:0; background:black; color:white; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 6px}
#dl:hover{background:#666}

.image{position:relative; margin-bottom:20px; width:100%}
.image h2{position:absolute; top:220px; left:0; width:100%}
.image h2 span{color:white; font:bold 30px/40px Helvetica,Sans-Serif; letter-spacing:-1px; background:rgb(0,0,0); background:rgba(0,0,0,0.7); padding:6px 8px}
.image h2 span.spacer{padding:0 2px; background:none}

#textSlide{padding:30px 30px}
#textSlide h3{color:#d80000; font:30px Trebuchet MS; margin:0 0 20px 30px;}
#textSlide h4{font:15px Trebuchet MS; margin:20px 0 20px}
#textSlide ul{list-style:disc; margin:0 0 0 30px}
#textSlide ul li{display:list-item}
#textSlide p{ font:13px Trebuchet MS;}

#quoteSlide{padding:30px}
#quoteSlide blockquote{font:24px/1.5 Lucida Grande,Verdana,sans-serif; float:left; text-align:left; color:#aaa; margin:20px 0 10px 0; width:400px}
#quoteSlide p{text-align:center;}

#contactSlide{background:url(../images/slider/contact/slide1.jpg); padding:30px}
#contactSlide blockquote{font:24px/1.5 Lucida Grande,Verdana,sans-serif; float:left; text-align:left;color:#aaa; margin:20px 0 10px 0; width:400px}
#contactSlide p{text-align:center}

#tAccess a.skipLink, #fAccess a{background:#FFF; border:2px solid red; font-weight:bold}
p#tAccess, p#fAccess{margin:0}

body{font:12px/1.5 Lucida Grande,Verdana,sans-serif; color:#777}

a{color:#aaa; text-decoration:none}
a:focus, a:hover,{font-style:bold}
a:active{position:relative; top:1px}

h1{font-size:1.6em; font-weight:bold}
h2{font-size:1.em; font-weight:bold}
h3{font-size:1.4em; font-weight:bold}
h4{font-size:1.2em; font-weight:bold; color:#d80000; text-align:center;}
h5{font-size:1.4em; font-weight:bold; color:#d80000; text-align:center;}
h6{font-size:1.2em; font-weight:bold}

.anythingSlider{width:900px; height:430px; position:relative; margin:0 auto 15px}
.anythingSlider .wrapper{width:820px; overflow:auto; height:443px; margin:0 40px; position:absolute; top:0; left:0}

 
.anythingSlider .wrapper ul{width:32700px; list-style:none; position:absolute; top:0; left:0; background:#fff; border-top:3px solid #d80000; border-bottom:3px solid #d80000; margin:0}
.anythingSlider ul li{display:block; float:left; padding:0; height:420px; width:820px; margin:0}
.anythingSlider .arrow{display:block; height:200px; width:67px; background:url(../images/arrows.png) no-repeat 0 0; text-indent:-9999px; position:absolute; top:65px; cursor:pointer}
.anythingSlider .forward{background-position:0 0; right:-27px}
.anythingSlider .back{background-position:-67px 0; left:-27px}
.anythingSlider .forward:hover{background-position:0 -200px}
.anythingSlider .back:hover{background-position:-67px -200px}

#thumbNav{position:relative; top:426px; text-align:center}
#thumbNav a{color:white; display:inline-block; padding:2px 8px; height:18px; margin:0 5px 0 0; background:#777 url(../images/cellshade.png) repeat-x; text-align:center; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px}
#thumbNav a:hover{background-image:none}
#thumbNav a.cur{background:#d80000}

#start-stop{background:green; color:white; font-weight:bold; padding:5px 5px; width:40px; text-align:center; position:absolute; right:40px; top:426px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px}
#start-stop.playing{background-color:#d80000}
#start-stop:hover{text-shadow:0px 3px 3px #830000}

.anythingSlider .wrapper ul ul{position:static; margin:0; background:none; overflow:visible; width:auto; border:0}
.anythingSlider .wrapper ul ul li{float:none; height:auto; width:auto; background:none}

.button {
   border-top: 1px solid #f79797;
   background: #820909;
   background: -webkit-gradient(linear, left top, left bottom, from(#d80000), to(#820909));
   background: -moz-linear-gradient(top, #d80000, #820909);
   padding: 7px 0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 18px;
   font-family: Trebuchet MS;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #db3030;
   background: #db3030;
   color: #ffffff;
   }
.button:active {
   border-top-color: #7a1616;
   background: #7a1616;
   }