/* 07282009 */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	}

body {
	background: #fff;
	font-family: Georgia, Perpetua, Garamond, Times, serif;
	text-align: center;
	}

#nav {
	float:left;
	width:300px;
	}

#nav ul {
	margin:0; 
	padding:12px 0 20px; 
	list-style:none;
	}
	
#nav ul li {
	font-family: "Century Gothic", Arial, Verdana, Tahoma, sans-serif;
	list-style-type:none;
	font-size: 13px;
	font-weight: bold;
	color: #270031;
	margin-left: 8px;
	margin-top: 8px;
	}

#nav ul li a:link, #nav ul li a:visited {color:#a3c23f; text-decoration:none;}
#nav ul li a:hover, #nav ul li a:active {color:#270031; background:none;}

#logo {
	float:right;
	width:250px;
	padding-top:40px;
	text-align:right;
	}

p {
	font-size: 13px;
	margin-left: 8px;
	margin-right: 8px;
	color: #444;
	line-height: 1.5em;
	}

h1 {
	font-family: "Century Gothic", Arial, Verdana, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #7ea500;
	margin-left: -26px;
	padding-left: 33px;
	background: url(images/leaf.png) top left no-repeat;
	}

h2 {
	text-align: left;
	margin-left: 8px;
	font-family:"Century Gothic",Arial,sans-serif; 
	font-size:14px; 
	color:#69c
	}	
	
h3 {
	text-align: left;
	margin-left: -15px;
	}
	
h4 {
	text-align: left;
	font-family: "Century Gothic", Arial, Verdana, Tahoma, sans-serif;
	margin-left:8px;
	font-size:14px;
	padding-bottom:3px;
	border-bottom:1px solid #999;
	}

h5 {
	font-family: "Century Gothic", Arial, Verdana, Tahoma, sans-serif;
	margin-left:8px;
	padding-bottom:0;
	color:#666;
}
	
/*  links  */

a:link {
	color: #270031;
	text-decoration: none;
	}

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

a:hover {
	text-decoration: none;
	background: #e0d8e3;
	}

a:active {
	text-decoration: underline;
	}

a:link img {
	border: none;
	}

a:visited img {
	border: none;
	}
	
a:hover img {
	text-decoration: none;
	border: none;
	background: none;
	}
	
td img {
	display: block;
	padding: 0;
	}
	
td a:link img, td a:visited img, td a:hover img {
	border: none;
	background: none;
	}

ul li {
	margin-left: -16px;
	list-style-type: disc;
	font-size: 12px; 
	line-height: 18px;
	color: #7ea500;
	text-align: left;
	}

/* classes */

.catch {
	font-size: 20px;
	line-height: 1.4em;
	font-weight: normal;
	color: #c0593b;
	letter-spacing: -1px;
	}

.catch a:link {
	color: #c0593b;
	text-decoration: none;
	}

.catch a:visited {
	color: #c0593b;
	text-decoration: none;
	}

.catch a:hover {
	color: #7a4614;
	background: #e9d4ce;
	}
	
.baseNav {
	font-size: 11px;
	text-align: center;
	}

.baseNav a {
	color: #666;
	text-decoration: none;
	}

.baseNav a:hover {
	text-decoration: underline;
	background: none;
	}

.progress {
	color: #ded4e0;
	font-size: 14px;
	}

.foot {
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	color: #fff;
	}

.foot a:link {
	color: #fff;
	text-decoration: underline;
	}

.foot a:visited {
	color: #fff;
	text-decoration: underline;
	}

.foot a:hover {
	color: #fff;
	text-decoration: none;
	background: #86a91b;
	}

.form {
	font-size: 11px;
	line-height: 1.6;
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	}

.center {
	color: #555;
	text-align: center;
	}

.sc {
	font-family: "Century Gothic", Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #888;
	}

.small {
	font-size: 9px;
	}

.clear { clear:both; display:block; }

/*  divs  */

#index {
	background: url(images/wall.jpg);
	}

#bells {
	margin-top: 200px;
	width: 556px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

#header {
	width: 696px;
	/*height: 211px;*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	overflow: hidden;
	}

#banner {
	width: 100%;
	height: 217px;
	margin-left: auto;
	margin-right: auto;
	background: #311f33 url(images/purple-banner.jpg);
	}

#bannerSmall {
	clear:both;
	width: 100%;
	height: 107px;
	margin-left: auto;
	margin-right: auto;
	background: #311f33 url(images/purple-banner-sm.jpg);
	}

#bannerContent1 {
	width: 334px;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	text-align: center;
	}

#container {
	width: 696px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	overflow: visible;
	}

#main {
	float: left;
	display: inline;
	width: 450px;
	text-align: left;
	}

.mainWide {
	width: 696px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	clear: both;
	}

#sidebar {
	float: right;
	display: inline;
	width: 224px;
	margin-top: 20px;
	text-align: left;
	}

.staff {
	width: 696px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: visible;
	}

.staffPhotos {
	width: 222px;
	height: 176px;
	background: #fff url(images/shadowbox.png) top left no-repeat;
	float: left;
	display: inline;
	text-align: left;
	margin-top: 10px;
	padding-left: 5px;
	padding-top: 3px;
	}

.staffDescriptions {
	width: 430px;
	float: right;
	display: inline;
	text-align: left;
	overflow: visible;
	}

#news {
	float: left;
	display: inline;
	width: 300px;
	text-align: left;
	overflow: visible;
	}

#events {
	float: right;
	display: inline;
	width: 300px;
	text-align: left;
	overflow: visible;
	}

#shadowbox {
	width: 222px;
	display: block;
	background: #fff url(images/shadowbox.png) top left repeat-y;
	padding-left: 5px;
	padding-top: 3px;
	}

.viewport {
	width: 500px;
	height: 288px;
	overflow: scroll;
	margin-left: auto;
	margin-right: auto;
	}

.1, .2, .3 {
	font-size: 1em;
	}

#baseNavigation {
	height: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}

#footer {
	height: 200px;
	width: 100%;
	clear: both;
	text-align: left;
	background: #a3c23f;
	}

#footerContent {
	width: 696px;
	padding-top: 12px;
	margin-left: auto;
	margin-right: auto;
	}

#apply_container { background:#e5d7e5; float:right; padding:16px; border:1px solid #bda0bd; margin:0 0 10px 12px; text-align:center;  }
#apply_container p { color:#422742; font-family:"Century Gothic", Arial, Verdana, Tahoma, sans-serif; margin:0; padding:0 0 10px; }
.apply { width:194px; height:60px; position:relative; padding:0!important; color:#e5d7e5; font-size:1px; text-indent:none; }
.apply a span { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent url(images/qmytt-apply-now.png) 0 0 no-repeat; padding:0; margin:0; }
.apply a:hover span { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent url(images/qmytt-apply-now.png) 0 -63px no-repeat; }
.apply a { text-decoration:none; border:none; color:#e5d7e5; }
.details { font-size:10px; text-transform:uppercase; letter-spacing:2px; padding:10px 0 0!important; color:#bda0bd!important; }
.rounded { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }