/* ------------------ */
/* --- BOX LAYOUT --- */ 
/* ------------------ */

/* Common */

html{
 background-image:url(../img/tess8.jpg);
 background-color:#6B414C;

}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:770px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
} 

#header_1c, #header_2c{
 position:relative; 
 background-color:black; 
 height:200px; 
 width:750px;
 margin: 40px 0 0 0;
 border-top: 10px solid black;
 border-left: 10px solid black;
 border-right: 10px solid black;
} 

#wrapper_1c, #wrapper_2c{
 background-repeat:repeat-y;
 background-position: top right;
 background-color:black; 
}

#leftcol_1c, #leftcol_2c{
 float:left; 
 position:relative; 
}

#twocols_1c, #twocols_2c{
 float:right; 
 position:relative; 
}
 
#rightcol{
 width:10px; 
 float:right; 
 position:relative; 
 /*background-image:url();
 background-repeat: no-repeat;
 background-position: top left;
 height: 75px;*/
}
 
#maincol_1c, #maincol_2c{
 background-color: black;  
 float: left; 
 display:inline; 
 position: relative; 
}
 
#footer_1c, #footer_2c{
 text-align: center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 line-height:1.5em;
 color: white;
 clear:both;
 height:40px; 
 padding-top: 5px;
 margin-bottom: 40px;
 background-color:black; 
 /*background-image: url();
 background-repeat: no-repeat;
 background-position: top left;*/
}

#footer_1c a:link, #footer_1c a:visited, #footer_2c a:link, #footer_2c a:visited{
 color: white;
 text-decoration: none;
}

#footer_1c a:hover, #footer_2c a:hover{
 text-decoration: underline;
}
 
/* 1C - 2C specific */
#leftcol_1c{width:10px;}
#leftcol_2c{width:10px;}

#twocols_1c{width:760px;}
#twocols_2c{width:760px;}

#maincol_1c{width:750px;}
#maincol_2c{width:750px;}

/*#footer_1c{background-image: url(../../../cfg/img/foot-1c.gif);}
#footer_2c{background-image: url(../../../cfg/img/foot-2c.gif);}

#wrapper_1c{background-image: url(../../../cfg/img/main-1c.gif);}
#wrapper_2c{background-image: url(../../../cfg/img/main-2c.gif);}
*/

/* ------------------- */
/* ----- CONTENT ----- */
/* ------------------- */
.image-center-frame{
	border-style:solid;
	border-color: #363636; 
	/*
	border-color: #F3E5D7; 
	border-color: #6B414C;
	*/
	border-width:10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
} 

.image-center{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
} 

.image-inline{
	display: inline;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
} 

/* HOW TO DISPLAY INLINE IMAGE:
   fix applied to text to bring it to the same baseline as the 
   inline image: add 'style="vertical-align:middle;"' to the 
   text with a <span> and to the <img> tag.
   Complete with the hack below to force line height with IE6: 
   image, with height the desired line-height (and width 1px), 
   immediately before and after the    ‘real’ image and use 
   align=absmiddle in the html, which is    not ‘valid’, but 
   gives better results in IE5.0/Win */

.line-height30 {
	height: 25px;
	width: 1px;
	/*background-color: #f00;*/
	ve\rtical-align: top;
}

.cheval{
	text-align:center;
	color:white;
}

.cheval h1{
	font-family:"Times New Roman", Times, serif;
	font-size: 28px;
	line-height:.1em;
	font-weight: bold;
}

.cheval p{
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	letter-spacing:1px;
	line-height:0.5em;
}

.cheval a, .cheval a:visited{
	outline: none;
	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	color:white;
}


#content p{
 color:white;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
}

.centerdiv{
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}
/* ---------------- */
/* ----- MENU ----- */ 
/* ---------------- */
 .cssmenu{
width: 100%;
overflow: hidden;
border-bottom: 10px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.cssmenu ul{
margin: 0;
padding: 0;
padding-left: 141px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}


.cssmenu li{
display: inline;
margin: 0;
}

.cssmenu li a{
outline: none;
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid #363636; /*right divider between tabs*/
border-top: 1px solid #363636; /*top of tabs*/
border-bottom: 1px solid #363636; /*bottom of tabs*/
color: white;
/*background: #1E4826;*/ /*background of tabs (default state)*/
background: #232323; /*background of tabs (default state)*/


}

.cssmenu li a:visited{
color: white;
}

.cssmenu li a:hover, .cssmenu li.selected a{
/*background: #31673C; *//*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
background: #915C5A; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: white;
}


/* ----------------- */
/* ----- FIXES ----- */
/* ----------------- */

/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* IE fix for italics */
/* \*/
* html #content {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}
/* */


/*printer styles*/ 
 @media print{ 
/*blank background, header image*/ 
html, body{background-color:#FFFFFF;} 

/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}