body {

	background:url(images/back.gif) repeat; 

	margin: 20px 0; 

	padding: 0; 

	font: 12px 'Lucida Grande', 'Lucida Sans Unicode', verdana, lucida, Helvetica, arial, sans-serif;

	text-align: center; 
	

}



* {margin:0; padding:0; } 

p {font-family: 'Lucida Grande', 'Lucida Sans Unicode', verdana, lucida, Helvetica, arial, sans-serif;}

h1, h2, h3, h4 {font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;}

img {border: none;}



hr {display: none; clear: both;}



.rule {

	height: 12px;

	width: 384px;

	background: url(images/hr_bg.gif) no-repeat;

	margin: 1em 0;

	padding: 0;

}









body#navon_contact #left label, body#navon_contact #left input.text {

	display: block;

	width: 215px;

	margin-left: 0;

}



body#navon_contact #left textarea {

	display: block;

	width: 300px;

}



body#navon_contact #left form br {

	clear: left;

}











a, a:link, a:active {color: #5D0B0A; text-decoration: none}

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

a:hover {color: #6B6B62; border-bottom: 1px solid #6B6B62; text-decoration: none;}

#navbar a, #side a, #foot a {border-bottom: 0;}



abbr {

	cursor: help;

	font-style: normal;

	text-decoration: none;

	border-bottom: 0;

}



/*<group=IDs>*/



#wrapper {

	position: relative;

	margin: 0 auto;

	padding: 0;

	width: 676px;

	text-align: left;

}



#header {position: absolute; top: 0px; left: 0; margin: 0; padding: 0; width: 676px; height: 140px; background: url(images/headerbg.gif) no-repeat;}



#navbar {

	position: absolute; 

	top: 140px; 

	left: 0; 

	margin: 0; 

	padding: 0; 

	width: 676px; 

	height: 34px; 

	background: url(images/navbg.gif) no-repeat;

	z-index: 2;

}



#content {

	position: absolute; 

	top: 174px; 

	left: 0; 

	margin: 0; 

	padding: 0; 

	width: 676px; 

	background: url(images/contentbg.gif) repeat;

}



#storymain {float: left; width: 676px; margin: 0; padding: 0; background: #fff;}

	





/*<group=Navigation>*/



#navbar ul {

	margin: 1px 0 0 0px; 

	padding: 0; 

	list-style: none; 

	/* width: 676px; */

	font-size: 13px; 

	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;

}



#navbar li {

	margin: 0; 

	padding: 0; 

	float: left; 

	width: 95px;

	position: relative;

}



#navbar li a {

	height: 16px; 

	display: block; 

	padding: 8px; 

	margin: 0; 

	color: #FBFBF2; 

	text-align: center; 

	text-decoration: none; 

	background: url(images/mainnavbg.gif) repeat 0 0;

}



#navbar li a:hover {

	color: #FFF; 

	text-align: center; 

	background: url(images/mainnavbg.gif) repeat 0 32px;

}



#navbar li#contact a {

	width: 81px; 

	text-align: center; 

	background: url(images/navend.gif) no-repeat 0 0;

}



#navbar li#contact a:hover {

	width: 81px; 

	text-align: center; 

	background: url(images/navend.gif) repeat 0 32px;

}



body#navon_home #navbar li#home a {

	height: 16px; 

	display: block; 

	padding: 0px; margin: 0; 

	color: #FBFBF2; 

	text-align: center; text-decoration: none; 

	background: url(images/navpageon.gif) repeat 0 0;

}















/*<group=Main Content>*/



#left {

	width: 676px; 

	margin: 0 0 0 3px; 

	padding: 0px 0px 0 0px;

	background: none;

}



body#noleft #left {

	width: 641px;

	padding-top: 15px;

	background: none;

}

body#noleft #content {background-image: url(images/contentbg-noleft.gif);}





* html #left {  /* the Tan hack */

	width: 457px;

	w\idth: 425px;

}



#left h1 {

	background: none; 

	padding-left: 17px; 

	font-size: 20px; 

	font-weight: normal; 

	color: #5D0B0A; 

	margin: 10px 0 4px 0;

}



#left h2 {

	font-size: 15px; 

	color: #5D0B0A; 

	margin: 5px 0 4px 0; 

	font-weight: normal;

}



#left p, #left ul li {

	margin: 0 0 17px 8px; 

	color: #686840; 

	font-size: 12px;

}



#left blockquote {

	margin-left: 17px;

}



#left ul {

	margin-left: 17px;

	list-style: none;

}



#left ul li {

	background: url(images/bullet_diamond.gif) no-repeat 0 4px;

	padding-left: 10px;

}







#left strong, #left b, #left th {

	font-weight: bold;

	color: #5d0b0a;

}



#left p strong {

	color: #686840;

}







	

/*</group>*/



#side {

	float: left; 

	width: 195px; 

	margin: 0 0 0 8px; 

	padding: 0;

}



#side h1{

	clear: both;

	text-indent: -2000px; 

	background: url(images/resourcesh1bg.gif) no-repeat; 

	margin: 8px 0 0 0; 

	width: 170px; 

	height: 23px; 

	overflow: hidden;

}



* html #side h1 

{  /* the Tan hack for IE 5.0 */

	float: left;

}









#side ul.nav {

	list-style: none; 

	margin: 0 0 10px 0; 

	width: 180px; 

	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, Helvetica, sans-serif; 

	font-size: 13px;

}



#side ul.nav li {margin: 0; padding: 0; display: inline;}



#side ul.nav li a, 

#side ul.nav li a:link, 

#side ul.nav li a:active,

#side ul.nav li a:visited {

	height: 24px; 

	margin: 0; 

	padding: 6px 0 0 10px; 

	display: block; 

	color: #5D0B0A; 

	text-decoration: none; 

	background: url(images/sideulbg.gif) repeat 0 30px;

	font-weight: bold;

}



#side ul.nav li a:hover {

	margin: 0; 

	padding: 6px 0 0 10px; 

	color: #5D0B0A; 

	text-decoration: none; 

	background: url(images/sideulbg.gif) repeat 0 0;

}







#side p {

	font-size: 11px;

	line-height: 15px;

	padding: 7px 0;

}



#side p a:hover {

	color: #5D0B0A;

	text-decoration: underline;

}



#side p a:visited {

	color: #f6f6ed;

}







/*<group=Footer>*/



#foot {

	clear: both;

	width: 676px;

	height: 77px;

	padding-top: 6px;

	text-align: center;

	background: #B0B07C url(images/footbg_ver2.gif) no-repeat;

}



#foot ul {margin: 0; padding-top: 12px; font-size: 12px;}



#foot ul li {

	margin: 0;

	padding: 0 7px;

	color: #D8D8BE;

	display: inline;

	border-right: 1px solid #999;

}



#foot ul li.last {border-right: none;}



#foot a, #foot a:link, #foot a:active, #foot a:visited {

	color: #FFF; 

	text-decoration: none;

}



#foot a:hover {

	color: #B7C3AF; 

	text-decoration: none;

}

	

	

	

	

	

	

	

/*FORMS IF NEEDED*/



form {padding: 0 0 10px 0; margin: 0;}



form, textarea {

	font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;

}



fieldset {width: 455px; padding: 0; border: 0; font-size: 12px;}



label {font-size: 11px; color: #5D0B0A;}



input, select {border: 1px solid #525232; background: #EDEDE2; color: #6E6E44; padding: 2px; margin: 0 3px 0 3px; font-size: 12px;}



textarea {border: 1px solid #525232; background: #EDEDE2; font-size: 12px; color: #6E6E44; padding: 4px;}



textarea:focus, select:focus, input:focus {background:#F8F8F2;}



input.buttonv, input.button1, input.button2, input.button3, input.button4 {

	cursor: pointer;

}



input.buttonv, input.button1, input.button2, input.button3, input.button4 {

	width: auto;

	border: 1px solid #B7B89E;

	border-top-color: #F6F6ED; /* #ffd */

	border-left-color: #F6F6ED;

	padding: 1px;

	background: #CFCFB7 url(images/submit_bg.gif) repeat-x;

	color: #4D4D30;

	font: normal 11px arial, verdana, Helvetica, Arial, sans-serif;

}



input:active.buttonv, input:active.button1, input:active.button2, input:active.button3, input:active.button4 {

	border-color: #B7B89E;

	border-bottom-color: #F6F6ED;

	border-right-color: #F6F6ED;

	background: #CFCFB7 url(images/submit_bg.gif) repeat-x;

}



input.button4 {

	font-weight: bold;

}







#nav_note	{

width:	180px;

height:260px;

background:	url(images/r_sideBox.gif) no-repeat;

margin: 20px 0px 0px 0px;

}



.candy	{

float:	right;

}



#nav_note ul, #nav li	{

margin:	0;

padding:	0;

}



#nav_note li	{

list-style:	none;

padding:	0px 0 5px 10px;

font:	12px/14px georgia, serif;

border-bottom:	1px solid #B8BAA6;

}



#nav_note h3	{

margin:	15px 0 10px 23px;

font-size:	13px;

color:	#333;

}



#nav_note a	{

padding:	0 0 0 20px;

background:	transparent url(images/box.gif) no-repeat;

text-decoration:	none;

color:	#282E28;

}



#nav_note a:hover	{

color:	#000;

}



#nav_note a:visited	{

background:	transparent url(images/check.gif) no-repeat;

}








.contactform {
			width: 100%; 
			position: relative;
			}
		
		.contactleft {
			width: 25%; 
			text-align: right;
			clear: both; 
			float: left; 
			display: inline; 
			padding: 4px; 
			margin: 5px 0; 
			}
		
		.contactright {
			width: 70%;  
			float: right; 
			display: inline; 
			padding: 4px; 
			margin: 5px 0; 
			}        
        
        input#name, input#email {
           width: 240px;
           padding: 2px 5px;
           border: 1px solid #d3d3b8;
           border-left-width: 3px;
           background: transparent;
           color: #555;
           font-size: 125%;
        }	
        textarea#message {
           width: 240px;
           font-size: 120%;
        }

p.last	{
margin-bottom: 60px;
}

p.services	{
padding: 0px 20px 0px 10px;
font-size: 11px;
}