@import url('menu.css');

*{
	margin:			0;
	padding:		0;
	}

a, button {
	outline:		none;
	}
	
a img{
	border:			none;
}

a {
	color:			#ff7200;
	}

h1, h2, h5 {
	font-weight:		normal;
	padding-bottom:		15px;
	}
	
p {
	padding-bottom: 20px;
	}

h3 {
	color:          	#ff7200;
	padding-bottom:		15px;
	}

h4 {
	color:          	#ff7200;
	font-size:			12px;
	padding-bottom:		15px;
	}
h5 {
	font-size:          17px;
	padding-bottom:		0;
	}

ul, ol {
	margin-bottom:		18px;
	padding-left:		15px;
	}

body {
	color:			#555;
	font:			12px/18px "Lucida Grande";
	margin-top:		20px;
	font-family:	Arial,Helvetica,sans-serif;
	}
/*
strong {
	color:          #9AAFCC;
	}
*/
#background {
	background:		url("images/mall-lights.jpg") no-repeat scroll center top transparent;
	height:			958px;
	left:			0;
	position:		absolute;
	top:			0;
	width:			100%;	
	}
	
#wrapperOuter {
	background:		url("images/content-900.png") no-repeat scroll 0 0 transparent;
	width:			934px;
	margin:			0 auto;
	min-height:		700px;
	padding:		21px 0 0;
	position:		relative;	
	}
	
#wrapperInner {
	margin:			0 18px 0 16px;
	position:		relative;
	overflow:		hidden;
}

#headerMask {
	background:		url("images/header-900.png") no-repeat scroll 0 0 transparent;
	height:			220px;
	position:		absolute;
	width:			100%;
	z-index:		50;
	}
	
#headerMain {
	height:			220px;
	overflow:		hidden;
	position:		relative;
	}
	
#featureImage1 {
	background-image:	url("images/header15.jpg");
	z-index:			2;
	}
	
#featureImage1, #featureImage2 {
	width:				900px;
	height:				220px;
	position:			absolute;
	}
	
#featureImage2 {
	background-image:	url("images/header13.jpg");
	z-index:			1;
	}
	
#wrapper {
	margin:				0 2px;
	}

#extraContainer2 {
	border-top:			1px dotted #C6C6C6;
	margin-top:			7px;
	padding-top:		10px;
	}
	
#extraContainer2, #extraContainer3 {
	padding:			0 15px 15px;
	}

#container {
	border-top:		1px dotted #C6C6C6;
	clear:			both;
	margin-top:		7px;
	margin-bottom:	50px;
	min-height:		600px;
	padding-top:	30px;
	position:		relative;
	}
	
#sidebar {
/*	outline:			1px dotted orange;*/
	float: 				right;
	width:				230px;
	margin-right:		15px;
	}
	
#sidebar h2 {
	font-size:			1.7em;
	margin:				0;
	padding:			0 0 10px;
	color:				#333;
	}
	
#subNav {
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	background:				url("images/sub-nav-grad.png") repeat-x scroll 0 0 #BFBFBF;
	border-color:			#C9C9C9 #C9C9C9 #A6A6A6;
	border-style:			solid;
	border-width:			1px;
	margin-bottom:			20px;
	padding:				5px 5px 1px;
	border-style: 			solid;	
	}
	
#subNav ul {
	padding: 0;
	display:block;
	margin:0;
	}
	
#subNav li {
	display: inline;
	}

#subnav ul span {
	display: block;
	}

#subNav ul li a {
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	background:				none repeat scroll 0 0 #F0F0F0;
	border-top:				1px solid #FFFFFF;
	display:				block;
	margin:					2px 3px 8px;
	padding:				2px 0 2px 8px;
	text-decoration:		none;
	text-shadow:			0 1px 0 #FFFFFF;	
	}
	
#subNav ul li a:hover {
	background: #ffffff;
}
#subNav a.current {
	color:				#FF9400 !important;
	background:			#fff !important;
	}
	
#content {
/*	outline:			1px dotted red;*/
	margin-left:		15px;
	width:				600px;
	}

#content.fullwidth {
	margin-right:		15px;
	width: 				866px;
	}

#footer {
	clear:				both;
	display:			block;
	font-size:			1em;
	margin:				0 17px;
	padding-bottom:		100px;
	width:				96%;	
	}
	
#footerContent {
	background:			none repeat scroll 0 0 #EEEEEE;
	color:				#333333;
	display:			inline;
	float:				left;
	margin-right:		15px;
	padding:			4px 10px;
	text-shadow:		0 0 2px #EEEEEE;	
	}
	
.contact {
	padding-left:		10px;
	}
	
.bycls {
	margin-top:			0px;
	-moz-opacity:		0.7;
	-khtml-opacity:		0.7;
	opacity:			0.7;
}
.bycls:hover {
	-moz-opacity:		1.0;
	-khtml-opacity:		1.0;
	opacity:			1.0;	
}

.clear {
	clear:				both;
	}
	
/* Article Table Styling*/
#doclistsort .odd {
	background: #edf9c8; /*#CFF780;*/
	}
#doclistsort table {
	font-size: 12px;
	}
#doclistsort a{
	color: #000;
	text-decoration: none;
	}
#doclistsort th {
	padding: 4px 8px;
	text-align: left;	
	background-color: #406899;	
	color: #FFFFFF;
	}
#doclistsort td {
	color:#000000;
	font-family:Tahoma;
	font-size:11px;
	vertical-align:top;
	padding: 4px 8px;
	}
#doclistsort tbody tr:hover {
	background-color: #CFF780; /*#B8E069;*/
}

#doclistsort thead tr{
	background-color: #CFF780;
	color: #303070;
}

/* EVENT STYLES */
#UpcomingEvents a {
	text-decoration: none;
}
#UpcomingEvents a:hover {
	text-decoration: underline;
}
.dateblock {
	display: inline;
	float: left;
	text-align: center;
	width: 45px;
	color: #406899;
	border-right: 3px solid #406899;
	height: 50px;
}

.day {
	font-size: 22px;
	font-weight: bold;
	position: relative;
	/*top: -5px;*/
	color: #406899;
}
.month {
	font-size: 14px;
	text-transform: uppercase;
	color: #555;
}
.year {
	font-size: 14px;
	position: relative;
	/*top: -10px;*/
	color: #555;
}
.eventTitle {
	vertical-align: middle;
	padding: 0 0 0 55px;
}
.eventBlock{
	padding: 8px 0 15px;
	height: 50px;
	clear: both;
	margin: 0 8px;
}