/* CSS Document - Main Stylesheet - stylesheet.css */


/* BODY AND CONTAINER
------------------------------------------- */
body {
	background-image: url(../images/background.png);
		background-repeat: repeat-x;
	background-color: #330033;
	margin: 0px auto;
	padding: 0px;
}

#container {
	background-color: #fff;
	overflow: hidden;
	width: 900px;
	height: auto; 
	margin: 25px auto 0 auto;
	border-style: solid;
	border-width: 35px;
	border-color: #636;
	box-shadow: 0px 0px 10px 4px #000;
}




/* HEADER
------------------------------------------- */
#header {
	float: left;
	background-image: url(../images/header.png);
		background-repeat: no-repeat;
	width: 900px;
	height: 225px;
	margin: 0px;
	padding: 0px;
	border-top-style: solid;
	border-top-color: #636;
	border-bottom-style: solid;
	border-bottom-color: #636;
	border-width: 2px;
}

/* SUB NAVIGATION
------------------------------------------- */
#sub-nav {
	float: left;
	width: 430px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

#sub-nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#sub-nav ul li {
	float: left;
	padding: 0px;
	margin: 0px;
}

#sub-nav ul li a {
	float: left;
	height: 30px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		line-height: 30px;
		color: #636;
	text-decoration: none;
	text-align: center;
	padding: 0 20px;
	margin: 0px;
}

#sub-nav ul li a:hover {
	background-image: url(../images/sub-nav-hover.png);
		background-repeat: repeat-x;
}

#sub-nav-1 {
	float: right;
	width: 470px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}




/* MAIN NAVIGATION
------------------------------------------- */
#main-nav {
	float: left;
	width: 900px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background-color: #636;
}

#main-nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#main-nav ul li {
	float: left;
	padding: 0px;
	margin: 0px;
}

#main-nav ul li a {
	float: left;
	height: 30px;
	background-color: #636;
	font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		line-height: 30px;
		color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 0 20px;
	margin: 0px;
}

#main-nav ul li a:hover {
	background-image: url(../images/sub-nav-hover.png);
		background-repeat: repeat-x;
	color: #636;
	position: relative;
}

.clicked {
	background-image: url(../images/sub-nav-hover.png);
		background-repeat: repeat-x;
	color: #636;
}

.clicked-w {
	background-image: url(../images/sub-nav-hover-w.png);
		background-repeat: repeat-x;
	color: #636;
}

#main-nav-1 {
	float: left;
	width: 900px;
	height: 22px;
	margin: 0px;
	padding: -20px;
	background-color: #fc9;
}

#main-nav-1 ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#main-nav-1 ul li {
	float: left;
	padding: 0px;
	margin: 0px;
}

#main-nav-1 ul li a {
	float: left;
	height: 22px;
	background-color: #fc9;
	font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		line-height: 22px;
		color: #636;
	text-decoration: none;
	text-align: center;
	padding: 0 14.5px;
	margin: 0px;
}

#main-nav-1 ul li a:hover {
	background-image: url(../images/sub-nav-hover-w.png);
		background-repeat: repeat-x;
	color: #636;
	position: relative;
}


/* CONTENT AREA
------------------------------------------- */
#content-wrapper {
	float: left;
	width: 900px;
	padding: 0px;
	margin: 0px;
	border-top-style: solid;
	border-color: #fc9;
	border-width: 2px;
}

#content-wrapper-a {
	background-color: #fff;
	float: left;
	width: 600px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#content-main {
	float: left;
	width: 560px;
	height: auto;
	padding: 20px;
	margin: 0px;
}

.content-main {
	float: left;
	width: 560px;
	height: auto;
	padding: 20px;
	margin: 0px;
}

#content-main ol li {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 85%;
		font-weight: normal;
		line-height: 160%;
		color: #000;
}

#content-sub {
	float: left;
	background-color: #cec5c0;
	width: 260px;
	height: auto;
	padding: 20px;
	margin: 0px;
}


#cd-wrapper {
	float: left;
	background-color: #fff;
	width: 560px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#image {
	float: left;
	background-color: #fff;
	width: 200px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#description {
	float: left;
	background-color: #fff;
	width: 330px;
	height: auto;
	padding: 0 30 0 0;
	margin: 0;
}

.content-sub-a {
	float: left;
	background-color: #fff;
	width: 260px;
	height: 280px;
	padding: 20px;
	margin: 0px;
}



/* FOOTER
------------------------------------------- */
#footer {
	float: left;
	width: 900px;
	height: 50px;
	padding: 0px;
	margin: 0;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #cec5c0;
	border-width: 2px; 
}

.footer-text {
	float: left;
	width: 900px;
	height: 50px;
	list-style: none;
	padding: 0px; 
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
		font-size: 76%;
		color: #7a7566;
		font-weight: bold;
		line-height: 50px;
		text-align: center;
		text-decoration: none;
}

.footer-email {
	font-family: arial, helvetica, sans-serif;
		text-decoration: none;
		color: #7a7566;
	}

.footer-email:hover {
	font-family: arial, helvetica, sans-serif;
		font-weight: bold;
		text-decoration: underline;
		color: #636;
}


/* TYPOGRAPHY ELEMENTS - GENERAL
------------------------------------------- */
h1 {
	font-family: arial, helvetica, sans-serif;
		padding: 0px;
		margin: 0px;

}

h2 {
	font-family: arial, helvetica, sans-serif;
		padding: 0px;
		margin: 0px;

}

p {
	font-family: arial, helvetica, sans-serif;
		font-size: 85%;
		line-height: 160%;
		color: #000;
		padding: 0px;
		margin: 0px;
}

a {
	font-family: arial, helvetica, sans-serif;
		text-decoration: none;
		color: #000;
	}

a:hover {
	font-family: arial, helvetica, sans-serif;
		font-weight: normal;
		text-decoration: underline;
		color: #636;
}

.bullets {
	font-family: arial, helvetica, sans-serif;
		font-size: 85%;
		line-height: 160%;
		color: #000;
		padding: 0 0 0 30px;
		margin: 0px;
}

.table {
	font-family: arial, helvetica, sans-serif;
		font-size: 80%;
		line-height: 160%;
		color: #000;
}

.caption {
	font-family: arial, helvetica, sans-serif;
		font-size: 70%;
		line-height: 120%;
		color: #000;
}

.top-of-page {
	font-family: arial, helvetica, sans-serif;
		font-size: 60%;
		font-weight: bold;
		line-height: 120%;
		color: #636;
		padding: 0 20px 0 0;
}

.description {
	font-family: arial, helvetica, sans-serif;
		font-size: 85%;
		font-weight: normal;
		line-height: 120%;
		color: #000;
		padding: 0 20px 0 20px;
		margin: 0px;
}

.honor {
	font-family: arial, helvetica, sans-serif;
		font-size: 85%;
		font-weight: bold;
		line-height: 120%;
		color: #636;
		padding: 0 20px 0 20px;
		margin: 0px;
}



/* TYPOGRAPHY ELEMENTS - CONTENT PAGE
------------------------------------------- */
.content-heading {
	font-family: arial, helvetica, sans-serif;
		font-size: 120%;
		line-height: 200%;
		font-weight: bold;
		color: #636;
		padding: 0px;
		margin: 0px;
}

.content-heading-sub {
	font-family: arial, helvetica, sans-serif;
		font-size: 120%;
		line-height: 200%;
		font-weight: bold;
		color: #736f6e;
		padding: 0px;
		margin: 0px;
}

.content-sub {
	font-family: arial, helvetica, sans-serif;
		font-size: 90%;
		line-height: 150%;
		font-weight: bold;
		color: #000;
		padding: 0px;
		margin: 0px;
}



/* IMAGE ELEMENTS
------------------------------------------- */

img { border: none;
}

.cd-image { border: none;
	align: left;
}