body {
	background-image:url('images/content_background.jpg');
	background-color: #dce9f8; 
	background-repeat: no-repeat;
	margin: 0px;
}

h1 {
	font-family : Verdana, Helvetica;
	font-size: 18px;
	font-weight: normal;
	color: #575757;
}

table{
	font-family : Verdana, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	line-height: 27px;
	width: 99%;
}

a {
	color: blue;
	text-decoration: none;
}

/* banner */

.banner {
	background-image:url('images/banner.jpg');
	width: 100%;
	height: 125px;
}

.banner .left {
	float: left;
}

.banner .right {
	float: left;
	padding: 37px 0px 0px 240px;
	height: 52px;
}

/* search */

.inputField {
	background-color: #c0d1de;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	width: 200px;
	font-family : Verdana, Helvetica;
	font-size: 18px;
	font-weight: normal;
	color: #000;
}

.searchButton {
	background-color: #c0d1de;
	height: 25px;
}

/* top navigation */

.navigation {
	background-image:url('images/nav.jpg');
	width: 100%;
	height: 36px;
	margin-bottom: 6px;
}

.navigation p {
	margin: 0px;
}

.navigation p a{
	margin: 0px auto;
	float: left;
	margin-right: 40px;
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin-top: 10px;
	text-decoration: none;
}

.navigation p a:hover {
	color: #f7e3a7;
}

/* content */

.content {
	margin: 0px auto;
	overflow: auto;
	overflow: hidden;
	width: 820px;
	height: 100%;
	min-height: 460px;
}

.content p {
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding-right: 5px;
	color: #000;
	/*width: 600px;*/
}

.content li {
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
}

.content .left li {
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	width: 540px;
	margin-left: -22px;
}

.content .left {
	float: left;
	width: 614px;
	height: 100%;
}

.content .right {
	float: left;
	width: 206px;
	height: 100%;
}

.content .right  .gallery{
	width: 206px;
	height: 100%;
	margin-top: 5px;
}

.content .left .document {
	background-image: url('images/document.jpg');
	width: 604px;
	height: 137px;
}

.content .left .document h1 {
	font-family : Arial, Verdana, sans-serif;
	font-size: 18px;
	color: #1f1f1f;
	font-weight: bold;
	margin: 0px 0px 0px 110px;
	padding: 18px 0px 6px 0px;
	line-height: 22px;
}

.content .left .document h2 {
	font-family : Arial, Verdana, ans-serif;
	font-size: 14px;
	color: #393939;
	font-style: italic;
	font-weight: normal;
	margin: 0px 0px 6px 110px;
}

.content .left .document h3 {
	font-family : Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #f31717;
	font-weight: normal;
	margin: 0px 0px 6px 110px;
}

.content .left .document a {
	text-decoration: none;
}

.content .left .document a:hover {
	text-decoration: underline;
}

.content .left img {
	border: none;
}

.content .left .cellBck {
	width: 275px; 
	height: 119px; 
	margin: 0px 30px 20px 0px; 
	float: left; 
	background-image: url('images/cellbck.jpg');
}

.content .left .cellBck:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

.content .left .cellBck  p{
	width: 275px; 
	text-align: center;
	font-size: 11px;
}

.content .left .cellBck a {
	color: #000;
}

.content .left .cellBck a:hover {
	color: #000;
	text-decoration: none;
}

.content .smallColumn {
	width: 280px;
	height: 110px;
	background: #f9ffb6;
	border: 2px solid #d7dc9d;
	float: left;
}

.programs img {
	width: 145px;
	height: 115px;
	opacity:0.9;
	filter:alpha(opacity=90);
	margin: 5px 0px 0px 3px;
	border: none;
}

.programs img:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}

.linksTable table td {
	width: 240px;
}

.linksTable p {
	text-align: left;
	width: 100%;
	margin-top: -6px;
	font-size: 11px;
}

.linksTable a {
	color: #4d4d4d;
	text-decoration: underline;
}

.linksTable a:hover {
	color: #000;
	text-decoration: none;
}

.dualTable {
	margin: -20px 0px 0px 12px;
}

.dualTable table tr td p {
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 12px;	
	width: 100%;
	margin: -1px 0px 0px -67px;
	text-align: center;
} 

.dualTable img {
	margin-top: 20px;
	border: none;
}

.dualTable a {
	text-decoration: none;
}

.dualTable a:hover {
	text-decoration: underline;
}

/*For Staff Table*/
.staffTable {
	width: 600px;
	height: auto;
	border: 1px solid #acf;
	margin-left: 7px;
}

.staffTable th {
	width: 50%;
	height: auto;
	border: 0;
	border-bottom: 1px solid #9999ff;
	padding: 1px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #58f;
}

.staffTable td {
	width: 50%;
	height: auto;
	border: 0;
	border-bottom: 1px solid #9999ff;
	padding: 5px;
	text-align: center;
}

.staffTable td.links {
	width: 100%;
	height: auto;
	border: 0;
	border-bottom: 1px solid #9999ff;
	padding: 5px;
	text-align: center;
}

/*For Events Calendar*/
.eventTable {
	width: 600px;
	height: auto;
	border: 1px solid #acf;
	margin-left: 7px;
}

.eventTable .month {
	width: 100%;
	height: auto;
	padding: 1px;
	background: #58f;
	color: #fff;
}

.eventTable th {
	width: 85px;
	height: auto;
	border: 0;
	border-bottom: 1px solid #ccc;
	background: #ddd;
}

.eventTable td {
	width: 85px;
	height: 85px;
	border: 1px dotted #ddd;
	vertical-align: top;
	line-height: 100%;
	font-size: 10px;
}

.eventTable .eventInfo {
	color: #56f;
	font-weight: bold;
}

/* side navigation */

.sideNavContent .subMenu a {
	line-height: 20px;
	font-size: 12px;
	font-family : Verdana, Helvetica, sans-serif;
	text-decoration: none;
	color: #535353;
}

.sideNavContent .subMenu a:hover {
	color: #336699;
	text-decoration: none;
}

.sideNavContent .subHead a {
	line-height: 20px;
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
} 

.sideNavContent .subHead a:hover {
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #336699;
	text-decoration: none;
} 

.sideNavContent .subHeadDirect a {
	line-height: 20px;
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
} 

.sideNavContent .subHeadDirect a:hover {
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #336699;
	text-decoration: none;
} 


.sideMenu hr {
	float: left;
	width: 155px;
	margin-left: 24px;
	opacity:0.6;
	filter:alpha(opacity=60);
}

.sideNavTop { 
	background-image:url('images/sideNav_top.jpg'); 
	width: 206px; 
	height: 16px; 
	margin: 0px;
	background-repeat: no-repeat;
}

.sideNavContent { 
	background-image:url('images/sideNav_content.jpg');  
	width: 206px; 
	height: 100%; 
	margin: 0px; 
	text-align: center;
	padding-top: 5px;
}


.sideNavBottom { 
	background-image:url('images/sideNav_bottom.jpg');  
	width: 206px; 
	height: 20px;
	margin: 0px;	
}

/* Sub Navigation */

.subNav {
	background: none;
	width: 100%;
	height: 35px;
	text-align: center;
	font-family: verdana, helvetica, sans-serif, serif;
	font-size: 13px;
}

.subNav a{
	width: auto;
	height: auto;
	padding: 3px 10px;
	text-align: center;
	border-style:solid;
	border-width:1px;
	border-color:#3757be;
	background: #acf;
	margin-right: -1px;
}

.subNav a:hover {
	background: #acf;
	color: #FFF;
}

/* gallery */

.galleryImages { 
	display: none; 
}

.gallery {

}

.gallery img {
	border: none;
}

.gallery img:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

/* footer */

.footer {
	background: #a4b9eb url('images/footer.jpg') top repeat-x;
	margin-top: -20px;
	width: 100%;
	height: 71px auto;
	padding-bottom: 10px;
}

.footer p{
	padding-top: 32px;
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 12px;	
	text-align: center;
	color: #494949;
	margin-bottom: -4px;
}

/*Slideshow CSS*/
.clear {
	clear:both
}

#gallery {
	position:relative;
	height: 157px;
	width: 209px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:50px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;