/*CSS Styles by MWHdesign.com
For HilayTann.com
Contact Mike Hosier at mike@mwhdesign.com
for more information*/

/*Layout*/

body { 
	background-image: url(../images/common.jpg); 
	background-repeat: repeat-x; 
	margin:0 auto; text-align:left; 
	}

#container { 
	background-color: #fff; 
	height: 472px; 
	width: 680px; 
	left: 60px; 
	top: 158px; 
	position: absolute; 
	visibility: visible; 
	padding: 20px; 
}

p { 
	color: #960; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 18px;
	}

.class { padding-right: 50px; }

#container a { color: #88987e; }

#container a:hover { color: #764308; }

#head { 
	background-image: url(../images/head.jpg); 
	background-repeat: no-repeat;
 	width: auto;
 	height: 158px;
 }

#navbar { 
	height: auto; 
	width: 750px; 
	left: 60px; 
	top: 126px; 
	position: absolute; 
	visibility: visible; 
	}

#navbar ul { 
	text-align: left; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	line-height: 30px;
	margin: 0; 
	padding: 0 10px 0 0; 
	}
	
#navbar li {list-style-type: none; display: inline; }

#navbar li a { text-decoration: none; padding: 7px 35px; }

#navbar li a:link { color: #764308 }

#navbar li a:visited { color: #764308 }

#navbar li a:hover {
	background-image: url(images/nav-over_03.jpg); 
	text-decoration: underline;
	}

#left-col { width: 300px; float: left; padding-top: 10px; padding-left: 20px; }

#left-col1 { 
	width: 325px; 
	height: 500px; 
	overflow: scroll; 
	padding-top: 10px; 
	padding-left: 20px; 
	float: left;
	}
#sub-left-col1 { width: 200px; float: left; padding-right: 5px; }
#sub-left-col2 { text-align: left; width: 60px; float: left; padding-right: 20px; }
#left-col1 p { color: #960; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }
#right-col { 
	background-color: #fff; 
	width: 305px; 
	height: 600px; 
	float: right; 
	margin-left: 20px; 
	padding-right: 0; 
	padding-bottom: 25px; 
	padding-left: 10px; 
	}

#quotes { 
	width: 280px; 
	margin-top: 10px; 
	border: solid 10px #d0d7cb; 
	}

#quotes p { text-align: right; padding-right: 15px; }

blockquote {
	text-indent: 25px;
	background: url(../images/quotes1.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
}

blockquote p {
	display: inline;
	margin: 0;
	padding-right: 24px;
	background: url(../images/quotes2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#right-col a { color: #88987e; }

#right-col a:hover { color: #995200; }

.bio-padding { padding-left: 15px; }

/*Headings*/

h1 { 
	color: #764308; 
	font-size: 25px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	font-weight: bold; 
	line-height: 10px; 
	}
	
h2 { 
	color: #88987e; 
	font-size: 16px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	}
	
h3 { 
	color: #995200; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: 700;
	}
	
#footer { 
	color: #88987e; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 15px; 
	padding-top: 5px; 
	padding-bottom: 30px; 
	border-top: 1px dotted #995200;
	}
	
/*Footer*/

#footer a:link { color: #88987e; }

#footer a:visited { color: #88987e; }

#footer a:hover { color: #995200; }

#spacer { clear: both; }