@charset "utf-8";
/* Begin CSS Page Structure */

/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
	font: 1em Lucida, Arial, sans-serif; /* 1em = 16pts */
	background:#C09663;
    text-align:center; /* IE6 needs this to center the layout in the browser window */
}


#main_wrapper {      /* align it center on page */
	background-color:transparent;
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	width:880px;
	}

#shadow, #frame, #main_wrapper {   /* to collapse div's in IE6 */
  display:inline-table;
  /* \*/display:block;/**/
  } 
#shadow {
background-color:transparent;
background:url(/img/shadowback.png) repeat;
padding:9px;
margin:30px 0px 30px 30px;
}
#frame {
background-color:transparent;
margin:-28px 0px 0px -28px;
border:1px solid #000;
background:url(/img/back_template.gif) repeat-y;
position:relative;
}

#nav {
	background-color:transparent;
	width:120px;
	float:left; /* floats on nav and content divs make them sit side by side */
	overflow:hidden;
	}
.clearfloat	
 {
 clear:both;
 }

#header {
	background-color:#F9F7E9;
	margin-left:121px;	
	}
#menuposition_index
    {
	background-color:#F9F7E9;
	border:0;	
	height:20px;	
	padding-top:5px;  /* use padding here to make menhu_container move away from nav */
	position:relative;
	}	
#menuposition
    {
	background-color:#F9F7E9;
	border-top:1px;
	border-right:0;
	border-bottom:1px;
	border-left:0;	
	border-color:#FF0000;
	border-style:solid;	
	height:21px;	
	padding:5; 
	position:relative;
	}	
	
#content_index
   {
	background-color:transparent;
	background:url(/img/index_back.gif) no-repeat;
	background-position:bottom right;
	width:738px;
	float:left;
	overflow:hidden;
	}
#content
   {
	background-color:transparent;
	width:738px;
	float:left;
	overflow:hidden;
	}	
#content_contact
   {
	background-color:transparent;
	width:738px;
	float:left;
	overflow:hidden;
	}	
	


#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	padding:0; 
	margin:0;
	background:url(/img/foot_faux.gif) repeat-y;
	width:858px;
	height:50px;
	overflow:hidden;
	}
#nav_inner, #content_inner, #footer_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#nav_inner {
	padding-top:5px;
	padding-right:0px;
	padding-bottom:5px;
	padding-left:0px;
	}
#header_inner {
	padding-top:8px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	}
#content_inner {
	padding:0em 1em 1em 1.5em; /* creates space between the box and the content */
	}
#footer_inner {
	margin:0;
	padding:0; 	
	}

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
/* simply add the clearfix class to any containter that must enclose floated elements */

.clearfix {display: inline-block;}   /* a fix for IE Mac */