/*    Beauty Lass */
body {
	font-family: 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #666;
	margin: 0px;
	padding: 0px;
}
	
p { 	margin: 5px; padding: 5px; }

a {	color: #864; 
	text-decoration: none; 
	text-transform: uppercase;
}	

#searchspot {
position: absolute;
top: 128px;
left:825px;
}

a:link {	
	color: #864; 
	text-decoration: none; 
	text-transform: uppercase;
}	

a:visited {
	color: #531;
	text-decoration: none; 
}

a:hover {
	color: #000;
	background: #ffff00;
	text-decoration: none; 
}

li:hover {
	color: #666;
	background: #ffff00;
	text-decoration: none; 
}

a:active {
	color: #000099;
	text-decoration: none; 
}

h1, h2, h3, h4 { 
	color: #333;  
}

.upfront {
	color: #864;
	padding: 3px;
	margin-top: 5px;
	padding-top: 9px;
}

.menuside {
	color: #333;
	background: #fff;
	margin: 0px;
	padding: 3px;
	padding-left: 6px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .25em; 
	border: 0px solid #FFFF00;

}
	
h3 {
	background: #fff;
	color: #333;
}

.blackback {
	background: #000;
}

.yellowback {
	background: #FFFF00;
}

.goldback {
	background:  #999900;
}

.testimonial {
	width: 500px;
	font-size: 9px; 
	color: #333;
	margin: 2px 15px 15px 15px; 
	padding: 10px; 
	border: 1px solid #ccc;
}


div.footblock {
	margin-top: 20px; 
	background: #ccc; 
	border-top: 1px solid #aaaaaa; 
	border-bottom: 1px solid #aaaaaa;
}

div.announce { 
	background: #f2e0cf; 
	padding: 4px; 
}

div.footblock h3 {
	background: #fff;
	padding: 4px;
	text-align: center;
}

.quote {
	margin-bottom: 20px;
	line-height: 160%;
}

.vtitleredheadline {
	background: #ffffff;
	color: #4e0234;

	font-size: 11px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
}

.vtitleyellow {
	background: #ffffcc;
	color: #4e0234;

	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	border-bottom: #222222 3px solid;
}

.vtextheadline {
	background: #ffffee;
	color: #4e0234;

	font-size: 12px;
	font-weight: normal;
	width: 500px;
	margin: 0px 2px 0px 35px;
}

.footertext {

	font-size: 9px;
	color: #993366;
	text-transform: uppercase;
	line-height: 140%;
}

.green	 {background: #ffffff;color: #663322; }

.red	 {background: #DD0000; color: #ffffcc; }

.black	 {background: #FFFFFF; color: #ffffcc; text-decoration: none; }

.black a:link {
	background: #663300;
      	background: #FFFFFF;
	color: #ffffcc;
	text-decoration: none;
}

.black a:hover {background: white; color:black; text-decoration: none; }

div.adfloat {
	float:right;
	width:200px;
	margin:15px 15px 15px 10px;
	padding:10px;
	border:1px solid #c2b594;
	text-align:left;
}

div.testfloat {
	float:right;
	background: #fffeef;
	width:150px;
	margin:15px 15px 15px 15px;
	padding:10px;
	border:1px solid #441112;
	text-align:left;
}

.buzz {

	font-size: 11px;
	background: #fff;
	margin:5px 15px 5px 0px;
	padding:15px;
	border: 1px solid #ccc;
	border-right: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	text-align:left;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}


div.department {
	position: relative;

	background: #FFFFFF;
	width: 500px;
	margin: 5px 5px 5px 5px;
	padding: 5px;
	border: 1px solid #666;
	text-align: left;
}

ul { list-style-type: none; }

ul.links li {
  margin: 3px;
  padding: 6px;
  background: #F0E9D9;
}

ul.none    {	list-style-type: none; }

span.focus {
	font-size: 120%;
	font-variant: small-caps;
	font-weight: bold;
	background: #fffeef;
}

#txt {

	background: #ffffff;
	color: #332211;
	margin:15px 15px 15px 15px;
	padding: 10px;
	
}

/* ---------- throughout the site, gives the position and color to right hand menu texts */
.rightheader {

	background-color: #ffffff;
	color:  #5e0a28;
	padding: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* ---------- throughout the site, gives the effects to the headers h3 h4 */
.sitemapheader {

	color:  #5e0a28;
	padding: 5px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

/*---------- the text headers for menus ---------------*/
.blockback {      

	font-size: 90%;
	padding: 5px;
	padding-left: 5px;
	margin-bottom: 0px;
	color: #333;
	border: 0px solid #666666;
	border-bottom: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	text-transform: capitalize;
	text-align: left;
	cursor: pointer;
}
.blockback a { color: #FFEEEF; }

.service {

	font-size: 90%;
	padding: 5px;
	margin-bottom: 0px;
	color: #000;
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-transform: capitalize;
	text-align: left;
	cursor: pointer;

}

.rightoffset {
	font size: 9px; 
	color: #333333;  
	background: #ffffff;
}

/*------------ the right 0px at the bottom fixes the IE issues - thanks to Jeff at Bridaluxe! ---*/
.rightcat {
background:#fff;
border:0 solid #fcc;
border-right:0 solid #fcc;
border-bottom:0 solid #fcc;
color:#111;
line-height:150%;
width:136px;
overflow:hidden;
float:left;
right:0;
margin:0;
padding:3px
}
	
.leftcat {	
	margin: 0px 5px 0px 5px;
	padding: 5px;
	border-right: 0px solid #666;
	border-bottom: 0px solid #666;
}

.leftcat ul { list-style-type: none;
	margin-left: 5px;
	padding-left: 7px;
}
.leftcat li {
	list-style-type: none;
	margin: 1px;
	padding: 1px;
}

.rightcat ul { margin-left: 5px;
	padding-left: 5px;
}
.rightcat li {
	margin: 2px;
	padding: 2px;
}



/* ----------- breadcrumbs system ---------*/

#breadcrumbs {
	width: 500px;
	font-size : 90%;
	color: #333; 
	margin-top: 150px;
	margin-left: 200px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#breadcrumbs a {
	color: #333; 
}
#breadcrumbs a:hover { 
	color : #fff;
	background-color : #666;
}

optgroup {
	margin-top: 10px;
}

form.menu option {
	margin-left: 6px;
}

.faq_answer {
	margin-left: 20px;
	padding-left: 15px;
	border-left: 1px dotted #ccc;
	margin-bottom: 15px;
}

.grid {

}

.footerformat {

}

.deptpagetop {
	line-height:1.6em;
	margin: 5px;
	margin-left: 20px;
	padding: 5px 30px 10px 20px;
	text-align: justify; 
	border-left: 1px solid #dfdfdf;
}

.moz7 {
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.moz5 {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bigheader {
	text-transform: uppercase;
	font-weight: 200; 
	width:99%;
	letter-spacing: .3em; 
	font-size: 1.1em;
	text-shadow: #ccc 0px .5px 1px;
	color: #666;
	border-top: 1px solid #afafaf;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}

.outermenu {
	background: #fff;
	margin-left: 0px; 
	padding-left: 2px;
	border-top: 1px solid #afafaf;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	margin-bottom: 10px;
}

.legal {font-size: small; width: 95%;}

.legal ul li {padding-bottom: 20px;}

.previous-entries a {
	float: left;
	padding-left: 20px;
	margin-left: 10px;
	background: url(/images/post-nav-previous.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 20px;
	margin-right: 10px;
	background: url(/images/post-nav-next.gif) no-repeat right center;
}

/* Clearfix Class  - keep this last - MAGIC BULLET (thanks, Jeff...)*/

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}