/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
font: 12px Helvetica, Arial, Sans-Serif;
text-align: left;
color: white;  
height: 100%;
line-height:15px;
background: url(../images/dark_cocoa.gif) 0 100px repeat-y #33302a;  /*** This is the left column background "faked" with an image. The 100px is added to have control of where the vertically repeating starts. The background color #fff (white) will be the background color for our content area ***/
}
body {
 min-width: 1024px; /* Don't work in IE */
}
 
a{
color: white;
 text-decoration: underline;

}
a:hover{
 color: #bc261e;
 text-decoration: underline;
 }

p{
   font: 12px Helvetica, Arial, Sans-Serif;
	color: #8a7e75;  
}
p a{
 text-transform: uppercase;
 font-size:10px;
    color: #bc261e;   
}
p a:hover{
 text-transform: uppercase;
 font-size:10px;
    color: white;   
}
 
 
hr{
border: none;
background-color: #443d3a;
height: 1px;
margin-top:10px;
margin-bottom:10px;

}
h3 {
   padding-left: 10px;
   padding-bottom: 2px;
   padding-right: 15px;
   padding-top: 4px;
   font-weight: normal;
  display: inline;
  text-transform: uppercase;
   font-size: 11px;
    color: #ffffff; 
   
  background:  #bc261e url(../images/lt_edge.jpg) no-repeat right;
}
h4{
 text-transform: uppercase;
 font-size:12px;
color:#bc261e ;
font-weight:bold;
padding-bottom:5px;

} 

h5{
 text-transform: uppercase;
 font-size:12px;
 padding-bottom: 2px;
color:#bc261e;
font-weight:bold;

}
    
 
h6{ 
 text-transform: uppercase;
 font-size:11px;
 padding-bottom: 2px;
color:#ffffff;
font-weight:bold;
}
.clear { clear: both; }
#mainContainer {
min-height: 100%;
background: url(../images/milk_cocoa.gif) 100% 100px repeat-y; 

}
* html #mainContainer {
height: 100%;
}

#mainContainer_border {
min-height: 100%;
background: url(../images/milk_cocoa_border.gif) 100% 100px repeat-y; 

}
* html #mainContainer_border {
height: 100%;
}
/**************************
HEADER
**************************/
#header {
    top: 0px;
	position: fixed;
	background-color: #29251f;
	min-height: 200px;
	height: 200px;
	width: 100%;
	 margin-top:0px;
	 margin-left: auto; margin-right: auto;
	 z-index: 200;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 175px; /*** Same width as margin-left for the float-wrap div ***/
padding-right: 200px; /*** Our right column width ***/

}
.inner {
margin-top:200px;
width: 100%; 
padding-bottom: 45px; /*** Padding-bottom value is the same value as the total height of the footer ***/
}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 100%;
max-width:700px;
margin-left: -175px; /*** Same length as .outer padding-left but with negative value ***/
}
#content {
float: right;
margin-top:15px;
margin-right: -175px; /*** Same length as .outer padding-left but with negative value ***/
width: 100%;
position: relative; /*** IE needs this  ***/
}
.contentWrap{ 
padding: 20px; 

}
.contentWrap ol, .contentWrap ul {
margin-left:0px;
list-style: none;
padding-left: 0px;

}
.contentWrap li {
  margin-left:0px;
   font-weight: normal; 
  line-height:10pt;
   font-size: 12px;
   color: #ffffff;
   padding-bottom:10px; 
}
.contentWrap li a{
 text-decoration:none;
}

.contentlist ol, .contentWrap ul {
margin-left:0px;
list-style: none;
padding-left: 0px;

}
.contentlist li {
  margin-left:0px;
   font-weight: normal; 
  line-height:10pt;
   font-size: 12px;
   color: #8a7e75;
   padding-bottom:10px; 
}
.contentlist li a{
 text-decoration:none;
}
.gallery{
margin-top: 20px;
padding-bottom: 20px;   
}
.gallery ol, .gallery ul {
margin-left:0px;
list-style: none;
padding-left: 0px;

}
.gallery li {
  margin-left:0px;
   font-weight: normal;
  text-transform: uppercase;
  line-height:9pt;
   font-size: 10px;
    color: #ffffff;
   padding-bottom:10px; 
}
.gallery li a{
 text-decoration:none;
}

.fl{
width:165px;
float:left;
padding-right:35px; 
}
/*************************
CMS
**************************/
.cms_middle{
margin-top: 20px;
padding-bottom: 20px;   
}
.cms_full{
margin-top: 0px;
padding-bottom: 20px;   
}
.cms_middle img, .cms_full img{
 border: 5px solid  #28241f;
}
 
/*************************
Content Area
**************************/
.col_text {
float:left;
width:400px;
margin-bottom:30px;    
}
 
.col_sm {
float:left;
clear:both;
width:200px;
padding-right:20px;    
}



/**************************
LEFT COLUMN NAVIGATION
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 125px;
padding-top: 28px;

position: relative; /*** IE needs this  ***/
}
 .menu {
 font-family: Helvetica, Arial, sans-serif;
 }
 
 .heading{
 line-height: 20pt; 
   font-size: 11px; 
   font-weight: normal;
    color: #ffffff;
  text-transform: uppercase;
 }
  .heading a.active:link, .heading a.active:visited, .heading a.active:active, .heading a.active:hover{
      color: #ffffff;
    margin-top: 0px;
   padding: 4px 15px 2px 30px;
      text-decoration: none; 
  background:  #bc261e url(../images/dk_edge.jpg) no-repeat right; 
     }
    .heading  a {
    
    margin-top: 0px;
   padding: 4px 15px 2px 30px;
   text-decoration: none; 
   }
   
    .heading a:hover {
    color: #ffffff;
     text-decoration: none;
     padding: 4px 15px 2px 30px; 
   background:  #655e56 url(../images/dk_over.jpg)  no-repeat right;
    }

 
 
  h2{
  line-height: 20pt; 
   font-size: 11px; 
   font-weight: normal;
    color: #ffffff;
  text-transform: uppercase;
  }
  
     h2 a.active:link, h2 a.active:visited, h2a.active:active, h2 a.active:hover{
      color: #ffffff;
    margin-top: 0px;
   padding: 4px 15px 2px 30px;
      text-decoration: none; 
  background:  #bc261e url(../images/dk_edge.jpg) no-repeat right; 
     }
     h2  a {
    
    margin-top: 0px;
   padding: 4px 15px 2px 30px;
   text-decoration: none; 
   }
   
    h2 a:hover {
    color: #ffffff;
     text-decoration: none;
     padding: 4px 15px 2px 30px; 
   background:  #655e56 url(../images/dk_over.jpg)  no-repeat right;
    }
   
     

     h1{
    padding-left: 30px;
    padding-bottom: 7px; 
   font: 11px Helvetica, Arial, Sans-Serif;
	color: #8a7e75;   }
	
	  h1 a{
    text-decoration:none;
    color: #8a7e75;
  }
    
  h1 a:hover{
text-decoration:none;
 color: #ffffff;
 background:none;
}
     
 h1 a.active:link, h1 a.active:visited,  h1 a.active:active{
text-decoration:underline;
 color: #bc261e ; 
  background:  none;
}
 
 
DIV.accordion {
	BACKGROUND: url(http://www.hotajax.cn/download/mootools/Accordion/accordionbg.gif) #fff repeat-x left top
}
DIV.accordion UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV.accordion UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px
}
DIV.accordion UL LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 90%; PADDING-BOTTOM: 4px; COLOR: #666; PADDING-TOP: 4px; TEXT-DECORATION: none
}
DIV.accordion UL LI A SPAN {
	PADDING-BOTTOM: 10px
}
DIV.accordion UL LI A IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: bottom; MARGIN-RIGHT: 15px; BORDER-RIGHT-WIDTH: 0px
}
DIV.accordion UL LI A:hover SPAN {
	TEXT-DECORATION: underline
}

/*************************
RIGHT COLUMN
**************************/
#right {
float: right;
height:100%;
width: 200px;
padding-top: 15px;  
margin-right: -200px;  
position: relative;  
}
#right2 {
position:absolute;
height:100%;
width: 200px;
padding-top: 15px;  
left:100%;
margin-left:-200px;
z-index:100; 
color: #8a7e75;
padding-bottom:150px; 
}
.right_list p{ 
 font-size: 11px;
 line-height:20px;
}
.right_list a{ 
text-transform:none;
 text-decoration: none;
 color: #8a7e75
}
.right_list a:hover{ 
 text-decoration: underline;
 text-transform:none;
 color: white
}
.right_list a:active{ 
 text-decoration: underline;
 color: #bc261e
} 
 
/**************************
FOOTER
**************************/
#footer{
 float: left;
 text-align: right;
 min-width: 100%;
 width: 100%;
 min-height: 60px;
 height: 60px; 
 bottom: 0px;
 position: fixed;
 background-color: white;
 z-index: 800;
 }
 
#footer p {
clear: both;
color: #a7a9ab;
font-size: 10px;
line-height:15px; 
}
#footer p a{
text-transform:none; 
}
#footer p a:hover{
text-transform:none;
color:black; 
}
.webmaster a{
color:#a7a9ab;
}
.copyright{ 
border-style: none; 
border-right: 1px solid #a7a9ab;
float:right; 
padding-right:15px;
margin-top:15px; 
}
 

.footer_icons{
width:180px;
float:right;
padding-left:9px;
padding-right:10px;
margin-top:10px; 
}