/*REMOVE DEFAULTS*/
* {
padding:0;
margin:0;
}

A:link {color:#ffffff; text-decoration:none;}
A:visited {color:#ffffff; text-decoration:none;}
A:active {color:#ffffff; text-decoration:none;}
A:hover {color:#ffffff; text-decoration:underline;}

body{
    background-color:#666666;
}

ul{
  list-style-position: outside;
}

#container{
margin:0 auto;
background-color:#666666;
width:776px;
}
#body, #top, #bottom, #footer, #middle, #left, #left_a, #left_b, #left_bleft, #left_bright, #left_c, #left_cleft, #left_cright, #right, #right_form, #rightfaq_a, #rightfaq_b, #top_hdr, #top_img, #gallery, #imagearea, #images, #image, #thumbwrapper, #thumbarea, #thumbs, #previmg, #nextimg, .imgnav, #previmg:hover, #nextimg:hover, #image img, #thumbs li, .horizontalcssmenu{
float:left;
}

#top{
height:260px;
}
#top_hdr{
width:776px;;
}
#top_img{
}

#bottom{
width:776px;
background-color:#666666;
height:37px;
vertical-align:middle;
text-align:center;
}
#footer{
font-family:Arial, Verdana, sans-serif;
color: #333333;
font-size:8pt;
text-align:center;
vertical-align:middle;
padding-top:5px;
width:776px;
}

#middle{
width:768px;
height:711px;
background-color:#990000;
border-left:solid #666666;
border-right:solid #666666;
border-width:4px;
}
#left{
width:380px;
height:711px;
padding-left:15px;
}

#left_a{
padding-top:15px;
width:358px;
font-family:Arial, Verdana, sans-serif;
color: #ffffff;
font-size:10pt;
}

#left_b{
padding-top:15px;
width:348px;
font-family:Arial, Verdana, sans-serif;
color: #dddddd;
font-size:10pt;
}
#left_bleft{
padding-top:0px;
width:174px;
font-family:Arial, Verdana, sans-serif;
color: #666666;
font-size:10pt;
}
#left_bright{
padding-top:0px;
width:174px;
font-family:Arial, Verdana, sans-serif;
color: #666666;
font-size:10pt;
}

#left_c{
padding-top:0px;
width:380px;
font-size:9pt;
}
#left_cleft{
padding-top:0px;
width:335px;
font-family:Arial, Verdana, sans-serif;
color: #ffffff;
font-size:10pt;
}
#left_cright{
padding-top:0px;
width:174px;
font-family:Arial, Verdana, sans-serif;
color: #666666;
font-size:10pt;
}

#right{
width:370px;
height:711px;
}
#right_form{
padding-top:15px;
padding-left:15px;
height:385px;
width:348px;
font-family:Arial, Verdana, sans-serif;
color: #ffffff;
font-size:9pt;
}
#rightfaq_a{
text-align: center;
padding-left:0px;
padding-top:0px;
width:370px;
font-family:Arial, Verdana, sans-serif;
color: #ffffff;
font-size:12pt;
}
#rightfaq_b{

}

#blanket{
background-color:#111;
opacity: 0.75;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv_d{
text-align:left;
padding:15px;
font-family:Arial, Verdana, sans-serif;
color: #666666;
font-size:9pt;
border:solid #666666;
border-width:2px;
position:absolute;
background-color:#eeeeee;
width:285px;
height:205px;
z-index: 9002;
}
#popUpDiv_e{
text-align:left;
padding:15px;
font-family:Arial, Verdana, sans-serif;
color: #cccccc;
font-size:9pt;
border:solid #666666;
border-width:2px;
position:absolute;
background-color:#990000;
width:285px;
height:150px;
z-index: 9002;
}

.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 370px;
height: 675px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid maroon;
overflow: hidden;
font-family:Arial, Verdana, sans-serif;
color: #ffffff;
font-size:10pt;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background:#990000;
padding-left: 0px;
padding-right: 0px;
padding-top: 20px;
visibility: hidden;
width: 370px;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 350px;
border: 0px solid #696969;
border-top-width: 0;
overflow: hidden;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
border: 1px solid #cccccc;
padding: 0 10px;
margin-right:10px;
float: left;
display: block;
font-family:Arial, Verdana, sans-serif;
color: #666666;
font-size:10pt;
}

.fadecontenttoggler a:hover{
background: #666666;
color: white;
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #666666;
color: white;
}

#gallery {
position:relative; 
width:364px;
/*margin:40px auto;*/  
padding-bottom: 20px; 
border:0px solid #fff; 
background:none;
}
#images {
border:2px solid #9ac1c9; 
height:225px; 
background:#eef5f6; 
margin-bottom:20px;
}
#image {
position:relative; 
width:350px; 
height:300px; 
padding:5px; 
border:2px solid #666; 
background:#FFF url(../images/loading.gif) center center no-repeat;
}
#image img {
position:absolute; 
top:5px; 
left:5px;
}
#thumbwrapper {
margin-top:10px; 
padding:5px 0; 
width:360px; 
height:100px; 
border:2px solid #666; 
background:#FFF;
}
#thumbarea {
position:relative; 
overflow:hidden; 
height:100px; 
width:360px; 
}
#thumbs {
position:absolute; 
list-style:none; 
margin-left:5px; 
height:100px; 
width:10000px; 
border-right:5px solid #FFF;
}
#thumbs li {
float:left; 
margin-right:5px; 
cursor:pointer;
}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
background-color:#990000;
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
padding-right: 15px;
border: 0px solid #202020;
border-left-width: 0;
text-decoration: none;
background: url(menubg.gif) center center repeat-x;
color:#99cc66;
font: bold 11px Tahoma;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 100px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #ffffff;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(menubgover.gif) center center repeat-x;
color: #ffffff;
}

.horizontalcssmenu ul li ul li a:hover{
background: #99cc66;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* For IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */