@charset "UTF-8";
/* CSS Document  Copyright 2008 Upholstery Specialists, designed by TCP Design http://promessi.com/tatiana/intro.html  */

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

* {margin: 0; padding: 0;}

div#container {      /*  container is the entire page centered horizontally  */
	width: 990px;
	margin: 10px auto 0;
	padding-bottom: 2em;
	background-color: #fff;
	background-image:url(../images/graphics/bg-fff.gif); background-repeat: repeat;
	border: 5px solid #660000;
	border-bottom: none;
	text-align:left;
}
   
hr { width: 100%;
	height: 1px;
	color: #660000;
	background-color: #660000;
}

.hrthick {height: 10px;}

div#banner {
	width: 100%;
	height: 130px;
	background-color:#660000;
}
div#banner h1 {
	width: 350px;
	height: 130px;
	background-image:url(../images/graphics/logo-white.gif);
	background-repeat: no-repeat;
	background-position: 26px 5px;
	text-indent: -9999px;
}
div#banner .logolink{
	position:absolute;
	top: 20px;
	left: 30px;
	width: 400px;
	height: 113px;
	border: none;
}
div#banner .logolink a{ text-decoration: none; }

div#banner a {color:#fff; text-decoration:none;}


div#banner h2 {
	font-size: 200%;
	margin-top: -3.5em;
	margin-left: 20em;
	color: #fff;
}

div#banner h2 span {
	font-size: .45em;
}
div#banner h2 a {text-decoration: underline;}

.transparent {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

div#topnav {   /* top navigation ******************* */
	border-top: 2px dashed #660000;
	margin: 0 auto;
}

div#topnav ul {
    float:left;
	width:100%;
	padding: 0;
	list-style-type:none;
	background-color: #660000;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .02em;
	text-align:center;
 }
   
div#topnav li {display:inline;}
   
div#topnav a {
   	display: block;
	float:left;
	padding:.5em 1em .3em 1em;
	text-decoration: none;
	color: #fff;
	background-color:inherit;
	border-right:1px solid #ccc;
	text-align:center;
   }
   
div#topnav a:hover {
	background-color:#000;
   }

/* end top navigation ************************** */

/*  ROUND CORNERS FOR boxes/columns *********** */
.rndbox {
	background: #f5eabe;
}
.boxbg {background-color:#f5eabe;}

.rndbox p{  
	margin: 1px 1em;
}
.rndbox h2 {
	font-size: 1.2em;
	margin-top: -.5em;
	margin-bottom: .25em;
	text-align: center;
}
.rndbox img > a:visited:before {content:none;}  /* keeps checkmark off visited image links  */


div#col2 .rndbox ul, div#col2 .rndbox dl {   
	margin-left:1em;
}

.rndtop {
	background:url(../images/graphics/corners/tr_f5eabe_ffffff-copy.gif) no-repeat right top;
}


.rndbottom {
	background:url(../images/graphics/corners/br_f5eabe_ffffff.gif) no-repeat right top;
}
   /* end of round corners ****************************************************** */

div#content {
	margin: 0 20px;
	clear:both

}


div#content .fullwidth { width: 76%; text-align:justify;}
div#content .tag {padding-top:1em;}
div#content .tag h3 {margin-bottom: 0;}
div#content .tag p {margin-top: 0;}

div#content div#col1 {
	float: left;
	width: 430px;
	margin-top: .5em;
	margin-bottom: .5em;
}

div#content div#col2 {
	float: left;
	width: 280px;
	margin-top: .5em;
	margin-left: 2em;
	margin-bottom: .5em;
}
div#content div#col3 {
	float: left;
	width: 180px;
	margin-top: 1.5em;
	margin-left: 10px;
	margin-bottom: .5em;
}

div#content div#col4 {  /* used for inside pages large content area */
	float: left;
	width: 700px;
	margin-top: .5em;
	margin-left: .5em;
	margin-bottom: .5em;
	padding: 1em;
}

div#content div#col5 {  /* used for inside pages full width */
	float: left;
	width: 96%;
	margin: .5em;
	padding: 1em;
}
 /*  presentation of content elements ************************************************** */
div#content a:link, div#content a:visited {color: #660000;}

div#content  ul a:visited:before {   /* this put a check mark before visited links, except IE */
   content:  "\2713 ";
}
div#content a:hover {text-decoration: none;}

div#content p {
	font-size: .8em;
	margin-top: 1em;
}

.txtboldred {font-weight:bold; color: #660000;}
div#container h2 + p:first-line,  div#container h3 + p:first-line,  div#container h4 + p:first-line { 
 /* first line of first paragraph folowing h2 or h3 will bold color  */
	font-weight: bold;
	color:#660000;
}

div#content ul {  /* work on this styling */
	font-size: .9em;
	margin-left: 1em;
	margin-bottom: 1em;
}
div#content div#col1 ul, div#content div#col2 ul {
	border-left: 1px dotted #ccc;
	list-style:none;
	font-size: .8em;
}
div#content .imgleft {float: left; border: 0; margin-right: 20px; margin-bottom: 6px;}
div#content .imgright {float: right; border: 0; margin-left: 20px; margin-bottom: 6px;}

.photolist ul {   /* photo list with caption */
	list-style-type: none;
	margin-bottom: 1em;
}
.photolist li {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 6px;
	margin-bottom: 10px;
	color: #ebdcb3;
	font-size: 90%;
}
.photolist img {
	display: block;
	border: 1px solid #000000;
}

  /* DATATABLE ************************ */
.datatable {
	vertical-align: top;
	margin-right: 5px;
	border: 1px solid #338ba6;
	border-collapse: collapse;
}
.datatable tr {
	vertical-align: top;
	}
.datatable td, .datatable th{
	font-size: .8em;
	border: 1px solid #73c0d4;
	padding: 4px;
}
.datatable caption {
	font-weight: bold;
	font-size: .8em;
	text-align: left;
	padding-top: 1em;
	padding-bottom: 4px;
}



  /* end of presentation of main content  */
  
  /*  FOOTER  ****************  */
  
div#footer {
	margin: 0 auto;
	width: 1000px;
	padding-top: 1em;
	text-align:center;
	border-top: 5px solid #660000;
	clear:both;
}

div#footer p {
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;
}
div#footer a {color: #660000;}
div#footer img {margin: 0 auto 10px;}
div#footer  span {
	font-weight: bold;
	font-size: .8em;
}	

.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 */