@charset "UTF-8";
body {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	background-color: #5A0239;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFF;
}

a {
	color: #F0A340;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #FC9;
}

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


h1,h2,h3,h4{
	color: #F0A340;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:10px 0 0 0;
}

h1 { font-size:170%; }
h2 { font-size:150%; }
h3 { font-size:120%; }
h4 { font-size:90%; }

#container {
	background: url(../images/topwrapper.jpg) top no-repeat;
	width: 835px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	margin:1px 0 0 0;
	
	}
#nav {
	margin: 38px 150px 0px 10px;
	float:left;
	color:#300;
	font-size:14px;
	}
#nav ul { }
#nav ul li {
	list-style:none;
	display:inline;
	margin: 0 14px 0 0;
	padding:0;
	}
	
#nav ul li a { text-decoration:none; color:#300; padding-bottom:20px;}
#nav ul li a:focus, a:link { text-decoration:none;}
#nav ul li a:hover { text-decoration:none; color: #F0A340;}
#nav ul li a:visited { text-decoration:none;}

#address {
	margin:0;
	letter-spacing:.1em;
	float:left;
	width:400px;
	padding: 0px 50px;
	color:#300;
	font-size:14px;
	font-family: Helvetica, sans-serif;
	}

#mainContent {
	margin-top:22px;
	padding: 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#pagename {
	float:right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:16px;
	width:200px;
	margin:75px 0 0 0;
}

.services #column1,.services #column2 { border-right:6px solid #300;}

.services #column1,.services #column2, .services #column3 {
	width:235px;
	padding: 0 10px;
	min-height:300px;
	height:auto;
	height:420px;
}

.main #sidecolumn {
	padding-top:0px;
	border-right: 8px #300 solid;
	width:310px;
	float:left;
	margin:0;
}
.main #maincolumn {
	margin:0;
	float:right;
	width:460px;
	padding:0px 0 0 15px;
}

.main #mainimg { float:left; }

.main #quote {
	margin:0;
	background:#F90;
	float:right;
	padding: 10px 15px;
	color:#600;
	width:280px;
}

.main #subnav {
	width:310px;
	background:#300;
	margin:0;
	float:right;
	border-right:2px solid #300;
	height:auto;

}

	  .main #subnav ul { margin:20px 0; }
	  .main #subnav ul li {
		  list-style:none;
		  display: inline;
		  
		 
		  }
	   .main #subnav ul li a { 
	  color:#FFF; 
	  text-decoration:none;
	  padding:25px;
	  }	  
	  .main #subnav ul li a:hover { 
	  color:#F90; 
	  background: url(../images/subnav.gif) no-repeat right;
	  background-position: center left;
	  text-decoration:none;
	  }

.bios #mainLeft {
	float:left;
	width:170px;
}

#bionav { width:170px; }
#bionav ul { }
	  #bionav ul li {
		  list-style:none;
		  padding:15px 0px;
		  display:block;
		  }
	  #bionav ul li a { color:#FFF; font-size:11px; padding:15px 0px 15px 40px; }
	  #bionav ul li a:hover { 
	  color:#F90; 
	  background: url(../images/casara_r7_c1_f2.gif) no-repeat left;
	  background-position:top left;
	  text-decoration:none;
	  }
	  
.biopic {
	margin:50px 10px 10px 10px;
	padding:10px;
	background:#300;
	}


.bios #mainRight {
	float:right;
	width:600px;
	border-left: 8px #300 solid;
	padding:10px 0 0 15px;
}

.active a { 
color:#F90; 
background: url(../images/casara_r7_c1_f2.gif) no-repeat left;
background-position:top left;
text-decoration:none;
}

.fltrt{
	float:right;
	margin-left:5px;
}

.fltlt{
	float:left;
	margin-right:5px;
}

.pagetitles {color: #F0A340;}

.copyright {font-size: 11px}

#thankYouOverlay
{
	display:none;
	width:460px;
	height:229px;
	background:#5A0239;
	border: 2px solid  #3f5ca0;
	position:absolute;
	z-index:7000;
	margin:0px auto;

}

#thankYouOverlayInner
{
	width:95%;
	height:120px;
	border: 0px solid  #666;
	margin:30px auto 0px auto;
	padding:2px;
	font-size:12px;
	

}

#thankYouHeader
{
background:url(../images/thankYou_header.gif) no-repeat;
width:460px;
height:29px; 

}

#thankYouClose  
{
	display:none;
	background:url(../images/thankYou_Close.gif) no-repeat;
	width:110px;
	height:35px;
	margin:0px auto;
}

#loader
{
	display:none;
	background:url(../images/ajax-loader.gif)  left no-repeat;
	width:600px;
	height:16px;
	float:left;
	
}
#loaderText
{
	display:none;
	width:250px;
	float:left;

}

#footer {
	margin:5px;
	text-align:center;
	font-size:10px;
	padding: 5px 0;
}

#footer a {
	color: #F0A340;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color: #F90;
}

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


#footer ul li { display:inline; list-style:none; margin-right:10px; }