/* General Styles */

body {
	background: #F9FDFF url('images/footer.jpg') bottom repeat-x;
	color: #565A61; 
	font: normal 0.73em/1.8em "Arial", sans-serif;
	margin: 0; 
	padding: 0 0 0 0;
}

a {
	color: #e43e20;
	text-decoration: none; 
}

a:hover { color: #00315D; }

a img { border: 0; }

h1 {
	background: #fff;
	color: #0f1420;
	display: inline;
	font: normal 4.9em "Georgia", serif;
	font-variant: small-caps;
	margin: 0;
	padding: 5px 10px;
}
	h1 a { color: #0f1420; }

h2 {
	background: url('images/h2bg.jpg') 0 45px repeat-x; 
	color: #000f1d;
	font: normal 2.7em "Verdana", sans-serif; 
	margin: 0 20px 15px 20px; 
	padding: 0 0 10px 0;
}
	h2 a { color: #000f1d; }

h3 {
	font: normal 2.0em "Verdana", sans-serif; 
	margin: 0 20px 15px 20px; 
	padding: 0;
	text-transform: none;
}

h4 { 
	color: #968e7e;
	font: normal 1.4em "Verdana", sans-serif; 
	margin: 0 20px 15px 20px; 
}

p { 
	margin: 0; 
	padding: 0 20px 15px 20px;
}

em, i, code { color: #05649C; }

code { font: normal 1.0em verdana, sans-serif; }

ul { 
	list-style: none;
	margin: 0 20px 16px 20px; 
	padding: 0 0 0 10px;
}

ul ul { margin: 0; }

ul li { 
	background: url('images/lisubbg.jpg') 0 6px no-repeat;  
	padding: 0 20px;
}
ul ol li { 
	background: none; 
	padding: 0 5px;
}

ol { 
	list-style-type: decimal; 
	margin-left: 15px;
}
	ol ol { list-style-type: lower-alpha; }      
		ol ol ol { list-style-type: lower-roman; }  

blockquote {
	background: url('images/blockquotebg.jpg') 0 3px no-repeat;
	color: #0F6A98;
	margin: 0 0 15px 35px;
	padding: 10px 0 0 30px;
}

table {
	margin: 0 auto 15px auto;
	width: 95%;
}

th {
	background: #D7F0ED;
	margin: 2px;
	padding: 2px 5px;
}

td {
	margin: 2px;
	padding: 5px;
	vertical-align: top;
}

.rowA { background: #FFF; }
.rowB { background: #E1E2E4; }

form { margin: 0; }

.form { padding: 15px; }

label {
	background: #B8E6ED;
	clear: left;
	color: #104148;
	display: block;
	float: left;
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 1px 5px 1px 10px;
	width: 20%
}

input, textarea { 
	background: url('images/inputbg.jpg') left top repeat-y; 
	border: 1px solid #0d4d76;
	color: #0d4d76;
	font: 1.1em "Arial", sans-serif; 
	margin: 0 0 5px 0;
	padding: 3px 0 0 5px;
	width: 75%;
	height: 18px;
}

textarea {
	height: 200px;
	padding: 10px 0 0 5px;
}

.button { width: auto; height: auto; }

.display img, img.left, img.right {
	background: #EFEFEF;
	border: 1px solid #78A7C1;
	display: block;
	margin: 0 auto 20px auto;
	padding: 10px;
	width: auto;
}

img.left, .left img {
	float: left;
	margin: 0 15px 15px 0;
}

img.right, .right img {
	float: right;
	margin: 0 0 15px 15px;
}

.clear { clear: both; }


/* Gallery Elements */

ul.gallery, ul.resource {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.gallery li, ul.resource li { 
		background: none;
		float: left; 
		height: 140px;
		padding: 0;
		text-align: center;
		width: 16.6%; 
	}

	ul.resource li { 
		height: 235px;
		padding: 0;
		width: 25%; 
	}

		.gallery li a img, ul.resource li a img, .left img { ;
			background: #EFEFEF;
			border: 1px solid #78A7C1;
			display: block;
			padding: 10px;
			margin: 10px auto;
		}

.colLinks li {
	float: left;
	padding: 0;
	width: 25%;
}

	.colLinks li a { padding: 0 0 0 20px; }

.buttonLinks li { 
	background: none;
	float: left;
	margin: 2px 5px;
	padding: 0;
}

/* Navigation Elements */

#navigation { 
	height: 40px; 
	margin: 14px 0 8px 0;
}

	#navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		height: 36px;
	}

		#navigation ul li { 
			background: none;
			float: right; 
			padding: 0;
		}

			#navigation ul li a {
				display: block;
				font: bold 1.5em "Arial", sans-serif;
				font-variant: small-caps;
				margin-right: 25px;
				padding: 16px 0 10px 0;
				text-align: right;
			}


		#navigation li a:hover, #navigation li a#current { 
			color: #017ba0;
			border-top: 2px solid #47899e; 
			padding-top: 14px;
		}




/* Layout Elements */

div#page { 
	background: url('images/header.jpg') repeat-x;
	padding: 25px 0 0 0; 
}

div#structure2col, 
div#structure3col  { 
	background: url('images/border.jpg') 80% 0 repeat-y; 
	margin-bottom: 19px;
}

div#structure3Wrap { background: url('images/border.jpg') 15.5% 0 repeat-y;  }

	#structure2col .content, 
	#structure3col .content { 
		float: left;
		padding-top: 10px;
		width: 80%; 
	}

	.sidebar {
		float: right;
		padding-top: 15px;
		width: 20%; 
	}

		.sidebar h2 {
			font: normal 1.4em "Arial", sans-serif; 
			color: #7f7f7f;
			margin: 0 0 10px 20px;
		}

			.sidebar h2 a { color: #7f7f7f; }
			.sidebar h2 span { font-weight: bold; }
	
		.sidebar hr {
			border: 0;
			border-bottom: 1px solid #7f7f7f;
			margin: 0 0 15px 0;
		}


#structure3col .content .entryContent {
	float: right;
	width: 81%;
	padding-bottom: 20px;
}

	.entryContent div p.first, .entryContent div > p:first-child {
		color: #dca41a;
		font: normal 1.6em/1.5em "Georgia", sans-serif; 
	}

.content .entryMeta {
	color: #4e94a5;
	float: left;
	text-align: right;
	width: 18.5%;
}

	 .content .entry .entryMeta h3 {
		color: #4e94a5;
		font: bold 1.3em "Arial", sans-serif;
		margin: 10px 15px 15px 0;
		padding: 0;
		text-transform: uppercase;
	}

.comment {
	color: #565A61; 
	font: italic 1.0em/1.8em "Arial", sans-serif;
}
.commenter {
	color: #4e94a5;
	text-transform: uppercase;
	margin-left: 20px;
}


/* Secondary Sidebar */

div#subBar {
	float: right;
	width: 23%;
	padding: 0;
}

	#subBar h2 {
		background: url('images/h2subbg.jpg') left bottom repeat-x; 
		color: #1580b2;
		font: bold 1.6em arial, serif;
		margin: 0 15px 10px 15px;
		padding: 0 0 7px 0;
	}

	#subBar ul {
		border-top: 1px solid #A8A8A8;
		list-style: none;
		margin: 0;
		padding: 0;
	}

ul.subNav li a {  
	background: #E7EDF0 url('images/lisubbg.jpg') 15px 10px no-repeat;
	border-bottom: 1px solid #A8A8A8; 
	color: #064978;
	width: 85%;
	padding: 3px 0 2px 15%;
}

	ul.subNav li a:hover  { background: #B8E6ED url('images/lisubbg.jpg') 15px 10px no-repeat; }

.next, .previous {
	float: right;
	width: auto;
}

.previous { 
	float: left;	
}

