@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background: #460035;
}

p {margin-top: 13px; margin-bottom: 0;}

h1, h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: normal;}

h1 {margin: 0; font-size: 28px; font-weight: normal; color: #660b50;}
h2, h3, h4 {margin: 20px 0 0 0;}
h2 {font-size: 22px; font-weight: normal; color: #660b50;}

a img {border: none;}

a.white-link, a.white-link:visited {color: #ffffff; text-decoration: underline;}
a.white-link:hover {color: #fbe9c4; text-decoration: underline;}

#container-header {
	width: 100%;
	height: 89px;
	background: url(../graphics/bg_header.gif) center repeat-y #fbe9c4;
}

	#header {
		width: 756px;
		margin: 0 auto;
		padding: 12px;
	}
	
#container-nav {
	width: 100%;
	background: url(../graphics/bg_nav.gif) center repeat-y #620c4d;
}

	#nav {
		width: 780px;
		margin: 0 auto;
		font-size: 14px;
	}
	
		#nav ul {margin: 0; padding: 0 0 0 1px; list-style: none;}
		#nav ul li {margin: 0; padding: 0; list-style: none; float: left;}
		
			#nav ul li a, #nav ul li a:visited {
				padding: 10px 30px;
				display: block;
				color: #fbe9c4;
				text-decoration: none;
				background-color: #7c1663;
				display: block;
				float: left;
			}
			
			#nav ul li a:hover {
				color: #ffffff;
				text-decoration: none;
				background-color: #960071;
			}
			
			*html #nav ul li a {height: 1%;}
	
#container-body {
	width: 100%;
	background: url(../graphics/bg_body.gif) center repeat-y #fbe9c4;
}

	#body {
		width: 780px;
		min-height: 200px;
		margin: 0 auto;
		background: url(../graphics/bg_body-inside.gif) repeat-x;
		line-height: 18px;
	}
	
	*html #body {height: 200px;}
	
		#content-home {
			width: 740px;
			padding: 30px 20px 20px 20px;
		}

	#body-sub {
		width: 780px;
		min-height: 200px;
		background: url(../graphics/bg_body-sub.gif) repeat-y;
	}
	
	*html #body-sub {height: 200px;}
	
		#sub-nav {
			width: 185px;
			float: left;
		}
		
			#sub-nav-title {
				width: 185px;
				padding: 20px 0;
				color: #fbe9c4;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 16px;
				text-align: center;
				background-color: #460035;
				border-bottom: 1px solid #960071;
			}
			
			#sub-nav ul {margin: 0; padding: 0; list-style: none;}
			#sub-nav ul li {margin: 0; padding: 0; list-style: none;}
			
				#sub-nav ul li a, #sub-nav ul li a:visited {
					padding: 6px 0 6px 18px;
					color: #fff6e4;
					text-decoration: none;
					background-color: #660b50;
					display: block;
					border-bottom: 1px solid #960071;
				}
				
				#sub-nav ul li a:hover {
					color: #ffffff;
					text-decoration: none;
					background-color: #960071;
				}
				
				*html #sub-nav ul li a {height: 1%;}
		
		#content-sub {
			width: 595px;
			float: right;
		}

		#content-sub-inside {
			width: 555px;
			padding: 30px 20px 20px 20px;
		}
			
	
#container-footer {
	width: 100%;
	background: url(../graphics/bg_footer.gif) repeat-x;
}

	#footer {
		width: 780px;
		min-height: 86px;
		margin: 0 auto;
		padding: 20px 0;
		color: #fbe9c4;
		font-size: 10px;
	}
	
	*html #footer {height: 86px;}
	
	

.white-text {color: #ffffff;}
.cream-text {color: #fff6e4;}	
.beige-text {color: #fbe9c4;}

.content10 {font-size: 10px;}
.content11 {font-size: 11px;}
	
	
	
/****** CLEAR PROPERTIES ******/

.clear-both {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}

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

*html .clearfix {height: 1%;}