@charset "utf-8";
/* CSS Document */
html{margin:0px; padding:0px; border:0px;}
div{margin:0px; padding:0px; border:0px;}
img{margin:0px; padding:0px; border:0px;}

.clear{ clear:both}
h1, h2, h3, h4 {font-family: 'Armata', sans-serif; margin:0px; /*letter-spacing:-2px;*/}
h1{ font-size:18px; color:#ee3136; padding:5px 0px 10px 0px; }
h2{font-size:16px; color:#ff5600; padding:7px 0px 10px 35px; background:url(../images/bullet1.gif) left no-repeat}
h3{ width:685px; font-size:16px; color:#ff5600; padding:35px 0px 4px 0px; float:left; background: url(../images/h3line.gif) bottom left no-repeat}
h4{ font-size:15px; color:#ee3136; padding:0px 0px 10px 0px; }

body {width:1000px; height:auto;  margin:0px auto 0px auto; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; background:#c0c0c0 }
#mainContainer{width:1000px; height:auto; background:#f7f7f7; clear:both }
#menuHolder{ width:1000px; height:135px; background:url(../images/menuShadowTop.gif) no-repeat bottom; border-top:#979797 7px solid; clear:both}
#logo{ width:177px; height:95px; float:left; margin:15px 0px 0px 25px}

#mainMenuHolder{width:700px; height:135px; float:right; margin:0px 25px 0px 0px}

.mainMenu{ width:auto; height:95px; float:right; font-family: 'Armata', sans-serif; /*letter-spacing:-1px;*/ font-size:15px}
.mainMenu a { color:#565656; text-decoration:none; padding:80px 10px 10px 10px; display:block}
.mainMenu a:hover { color:#FFFFFF; background:#f27535; display:block}
.mainMenu span {padding:80px 10px 10px 10px; color:#FFFFFF; background:#ec3237; display:block}

#bannerHolder{width:1000px; height:290px; margin:15px 0px 20px 0px; background:url(../images/menuShadow.gif) no-repeat bottom; clear:both}
#slideshowb {position:relative; height:280px;}
#slideshowb DIV {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height:280px; background-color:#FFF;}
#slideshowb DIV.active {z-index:10; opacity:1.0;}
#slideshowb DIV.last-active {z-index:9;}
#slideshowb DIV IMG {height:280px; display:block;}


#slideshow {position:relative; height:150px;}
#slideshow DIV {position:absolute; top:10px; left:0; z-index:8; opacity:0.0; height:15px; background-color:#FFF;}
#slideshow DIV.active {z-index:10; opacity:1.0;}
#slideshow DIV.last-active {z-index:9;}
#slideshow DIV IMG {height:150px; display:block; border:#cf892f 1px solid}

#slideshowc {position:relative; height:150px;}
#slideshowc DIV {position:absolute; top:10px; left:0; z-index:8; opacity:0.0; height:150px; background-color:#FFF;}
#slideshowc DIV.active {z-index:10; opacity:1.0;}
#slideshowc DIV.last-active {z-index:9;}
#slideshowc DIV IMG {height:150px; display:block; border:#cf892f 1px solid}


#slideshowsb {position:relative; height:73px;}
#slideshowsb DIV {position:absolute; top:7px; left:0; z-index:8; opacity:0.0; height:73px; background-color:#FFF;}
#slideshowsb DIV.active {z-index:10; opacity:1.0;}
#slideshowsb DIV.last-active {z-index:9;}
#slideshowsb DIV IMG {height:73px; display:block;}


#mainContentArea{ width:950px; height:auto; margin:0px auto 0px auto;}

.col3{ width:310px; height:auto; float:left;}
.colContent{ margin:10px;}

.colLine{ width:10px; height:250px; float:left; background:url(../images/shadow_line_vert.jpg) no-repeat;}
.colLineSmall{ width:10px; height:100px; float:left; background:url(../images/shadow_line_vert_small.jpg) no-repeat;}

.colLineBig{ width:25px; height:500px; float:left; background:url(../images/shadow_line_vert_big.jpg) left no-repeat;}

#innerBanner{ width:260px; height:80px; float:right;}


.leftLink {font-family: 'Armata', sans-serif; /*letter-spacing:-1px;*/ font-size:12px; font-weight:bold; margin:0px 0px 5px 10px}
.leftLink a{ color:#505050; text-decoration:none;}
.leftLink a:hover{color:#ec3237;}
.leftLink span{color:#ec3237;}



fieldset{ width:200px; height:auto; border: solid 2px #CCCCCC; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
fieldset div{ margin:0px; padding:5px 5px 0px 5px; font-size:14px}
legend { font-size:18px; color:#CC6600; padding:0px 4px}


#footer{width:1000px; height:28px; background:#979797; text-align:center; color:#FFFFFF; clear:both; font-size:11px; line-height:25px;}


/*////////////////////////////////////////////////*/
.applemenu{margin:0px 0px 0px 0px; padding:0; width:650px;  /*width of menuborder: 1px solid #9A9A9A;*/ }
.applemenu div.silverheader a
{
background: black url(../images/silvergradient.gif) repeat-x center left;
font: bold ;color: white;display: block;position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto; padding: 4px 4px 4px 4px; text-decoration: none; font-weight:bold; margin-top:13px; color:#333333
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{color: #FF0000 }
.applemenu div.selected a, .applemenu div.silverheader a:hover{background-image: url(../images/silvergradientover.gif);color: #333333;}
.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white; padding:5px 5px 5px 5px; border:1px solid #fe9805; border-top:none;
/*height: 300px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
/*////////////////////////////////////////////////*/