@charset "UTF-8";
/* CSS Document created by Tatiana Promessi, TCP Design for Elizabeth Crenshaw copyright 2009  */

html {margin: 2%;}

* {margin:0; padding:0;}

body {
   font-size: 100%;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   background-color: #522125;
   color: #1F1F1F;
   text-align:center;
}

#container {
	width: 890px;
   margin: 0 auto;
   text-align:left;
}

#header {
	background: #DB7422 url(../images/graphics/header-orange.gif) no-repeat;
   border-bottom: 5px solid #C24D23;
}

#header p.logo, #header h1.logo {
	width: 516px;
   height: 176px;
   margin:0;
   padding-left: 30px;
   background: url(../images/graphics/logo-aubergine.gif) no-repeat 100% 80%;
   text-indent: -9999px;
   overflow: hidden;
}	

 /* top navigation, horizontal under header banner */
div#topnav { 
	margin: 0;
   /*border-top: 2px solid #522125;*/
}

div#topnav ul {
   float:left;
	width:100%;
	margin: 0;
	padding: 0;
	list-style-type:none;
	background-color: #C24D23;
	letter-spacing: .03em;
 }
   
div#topnav li {display:inline;}
   
div#topnav a {
   display: block;
	float:right;
	padding:.4em 1em .3em 1em;
	text-decoration: none;
	color: #29131F;
	background-color:inherit;
	border-right:1px solid #DB7422;
	text-align:center;
   }
   
div#topnav a:hover {
	background-color:#DB7422;
   }


/* end top nav ********************************* */


#content {
	float: left;
   background: #fff url(../images/graphics/bg-white.gif) repeat-y;  /*  repeating white bg to extend short cols to bottom of pg */
   width: 100%;
   padding-bottom: 1em;
}

 #content #col1 {
	float: left;
   width: 25%;
}

#content #col2 {
	float: left;
   width: 60%;
   margin: 1.5em 1em;
   
}

#footer {
	float: left;  /* IE fix */
   width: 100%;
	background: #522125 url(../images/graphics/footer-orange.gif) no-repeat top left;
   color: #29131F;
   padding: 10px 15px;
}
#footer p { 
	clear: both;
   font-size: 0.7em;
   margin: .25em auto;
   text-align: center;
   color: #A17F5B;
}
#footer a { 
   color: #A17F5B;
   text-decoration:none;
}



/* Presentation ************************ */


h1 {font-size: 1.5em; margin-bottom: 1em; color: #7D4444;}
h2 {font-size: 0.9em;}
h3 {font-size: 0.8em;}
h4 {font-size: 0.75em; color:#000;}
h5 {font-size: 0.7em; color:#000;}
h2, h3, h4, h5 {margin-top: 1em;}
h3, h4, h5 {margin-bottom: 0;}

a:link {
	color: #039;
	text-decoration: none;
	}
a:visited {
    color: #936;
    text-decoration: none;
	}
a:hover, a:active {
	color: #7F2922;
	text-decoration: underline;
	}


#content h3 + p, #content h4 + p,#content h5 + p {margin-top: 0;}

hr {
	color: #999;
	background-color: #999;
	height: 1px;
	width: 100%;
}
acronym, abbr {border-bottom: 1px dotted; cursor:help;}

#content p, #content ul, #content ol, #content dl, #content td{
	font-size: 0.9em;
   line-height:1.5em;
   margin-top: 1em;
}
#content table p, #content table h3, #content dl p {font-style: normal; font-size: 1em; margin-top: 0;}

#content dl ul, #content dl ol {font-size: 100%;}

#content ul, #content ol {
   margin-left: 2em;
   margin-bottom: 1em;
}

#content ul.nobullet {list-style:none;}

#content li {
	margin-left: .25em;
	margin-bottom: 3px;
}

#content dt {
   font-weight: bold;
   clear: both;
   margin-top: 1.5em;
}


#content dd {
   margin-top: .5em;
   margin-bottom: 3px;
}

div#content img {border: 0;}
div#content .imgleft {float: left; border: 0; margin-top: 10px; margin-right: 20px; margin-bottom: 6px;}
div#content .imgright {float: right; border: 0; margin-top: 10px; margin-left: 20px; margin-bottom: 6px;}

blockquote p {margin: 1.25em;}
blockquote p.author {text-align:right; font-size: smaller; color:#666;}

/* page specific styles  */
#home #nav_home a, #about #nav_about a, #services #nav_services a, #faqs #nav_faqs a, #resources #nav_resources a, #contact #nav_contact a{
	background: #DB7422;
   color: #fff;
}


.clear {clear:both;}

.clearfix:after {  /* this is the Aslett Clearing Method */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

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