/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }


/**
 * Minimal base styles.
 * Mostly nabbed from the HTML5 Boilerplate: http://html5boilerplate.com/
 */

small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
/* Normalise lists and remove margins for navigation lists */
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style: none; list-style-image: none; }
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea { overflow: auto; } 
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css ; */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 - Also: hot pink! */
/* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }


/**
 * 12 Column Grid Layout
 */

.container { width: 960px; margin: 0 auto; overflow: hidden; }
.container .container { margin: 0 -10px; width: auto; display: inline-block; }
.column { float: left; margin: 0 10px; display: inline; }
.one 	{ width: 60px;  }	.two 	{ width: 140px; }	.three 	{ width: 220px; }	.four 	{ width: 300px; }
.five 	{ width: 380px; }	.six 	{ width: 460px; }	.seven 	{ width: 540px; }	.eight 	{ width: 620px; }
.nine	{ width: 700px; }	.ten 	{ width: 780px; }	.eleven { width: 860px; }	.twelve { width :940px; }


/**
 * Primary styles
 * Dark Blue:	#002d56
 * Light Blue:	#0096d6
 * Gold:		#fbb034
 */

body { font: 14px/1.6em "Segoe UI", Calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: #f1f1f1 url('../images/bg_body.jpg'); }
a { color: #f60; text-decoration: none; }
a:hover, a:active, a:focus { color: #c7792a; text-decoration: underline; }

p, ul, ol, h1, h2, h3, h4, h5, h6 { margin-top: 1em; margin-bottom: 0.5em; }
h1 { font-size: 1.9em; letter-spacing: -0.05em; color: #002d56; }
h2 { font-size: 1.6em; letter-spacing: -0.05em; color: #002d56; border-bottom: 1px solid #0096d6; }
h3 { font-size: 1.5em; letter-spacing: -0.05em; color: #0096d6; }
h4 { font-size: 1.3em; color: #002d56; font-weight: bold; }
h5 { font-size: 1.2em; color: #0096d6; font-weight: bold; }
h6 { font-size: 1em; color: #666; font-weight: bold; }

body > iframe { display: none; }

#wrapper { background: url('../images/bg_header.jpg') repeat-x 0 -70px; border-bottom: 1px solid #bbb; }
body.home #wrapper { background: url('../images/bg_header.jpg') repeat-x 30% 0%; }

#feedback_wrapper { position: relative; background: #F2A82F; padding: 2px 0; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); }
#feedback_form { display: none; overflow: hidden; margin: 0 auto; width: 960px; padding: 10px 0; }
.feedback_toggle { position: absolute; bottom: -20px; margin-left: 340px; left: 50%; display: block; padding: 0 10px; color: #fff; width: 110px; height: 20px; 
	line-height: 20px; font-weight: bold; font-size: 1em; text-align: center; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); background: #F2A82F; z-index: 99999; 
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); box-shadow: 0px 2px 2px rgba(0,0,0,0.3); 
	-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
	.feedback_toggle:hover, .feedback_toggle:focus { text-decoration: none; color: #EEB; }
	
	#feedback_form .intro { overflow: hidden; }
	#feedback_form .intro h5, #feedback_form .intro p { float: left; line-height: 1.25em; margin: 0; padding: 0; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); font-size: 1.2em; }
	#feedback_form .intro h5 { width: 240px; }
	#feedback_form .intro p {  }
	#feedback_form .details { float: left; margin-right: 20px; width: 220px; }
	#feedback_form .comments { float: left; margin-right: 20px; width: 270px; }
	#feedback_form .captcha { float: left; margin-right: 20px; width: 300px; }
	#feedback_form button { border: 1px solid #0096D6; color: #0096D6; font-size: 0.8em; height: 88px; line-height: 1.1em; 
		padding-top: 40px; text-transform: uppercase; width: 78px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	#feedback_form .button_send { float: left; margin-right: 10px; margin-top: 22px; width: 80px; }
	#feedback_form .button_send button { background: url("../images/icon_email.png") no-repeat scroll 23px 10px #E6EFF0; }
	#feedback_form .button_send button:hover { background-color: #D4F4F7; }
	#feedback_form label { color: #002D56; display: block; font-weight: bold; text-transform: uppercase; }
	#feedback_form label abbr { border: none; color: #fff; }
	#feedback_form input { background: none repeat scroll 0 0 #F6F5EF; border: 2px solid #0096D6; color: #5C5544; font-size: 1.1em;
	    margin-bottom: 10px; padding: 3px; width: 210px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	#feedback_form textarea { background: none repeat scroll 0 0 #F6F5EF; border: 2px solid #0096D6; color: #5C5544; font-size: 0.9em; height: 135px; padding: 3px; 
	    font-family: Calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif; width: 260px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	#feedback_form .recaptcha_controls { background: #fff; color: #0096D6; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 11px; text-transform: uppercase; }
	#feedback_form .recaptcha_only_if_incorrect_sol { background: #900; color: #fff; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	#feedback_form .recaptcha_only_if_image, #feedback_form .recaptcha_only_if_audio, #feedback_form #recaptcha_image a { color: #002D56; font-size: 11px; text-transform: uppercase; }
	#feedback_form input#recaptcha_response_field { width: 290px; }
	#feedback_form #recaptcha_image img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	#feedback_form #recaptcha_image br { display: none; }
	#feedback_form #recaptcha_image a { display: inline-block; padding: 0 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; margin-right: 5px; color: #f60; }
	#feedback_form .dialogue.error { margin-bottom: 10px; padding: 10px; background: #900; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	#feedback_form .dialogue.error h3 { margin: 0; padding: 0; color: #fff; font-weight: bold; font-size: 1.2em; }
	#feedback_form .dialogue.error ul { margin-top: 0; margin-bottom: 0; }
	#feedback_form .dialogue.error ul li { line-height: 1.1em; }
	
header { height: 114px; position: relative; }
body.home header { height: 150px; }
header .container { position: relative; overflow: visible; }
header h1 { height: 64px; margin: 0 10px; }
body.home header h1 { position: absolute; width: 230px; height: 270px; margin: 0; top: 10px; left: 25px; z-index: 9999; }
header h1 a { width: 300px; height: 64px; background: url('../images/logo_sub.png') no-repeat left center; }
body.home header h1 a { width: 230px; height: 270px; background: url('../images/logo_home.png') no-repeat left center; }

header nav #primary { height: 50px; padding: 0 10px; background: url('../images/bg_nav.png') no-repeat left bottom; }
body.home header nav #primary { padding: 100px 10px 0 250px; }
header nav .main_nav_list.level_1 > li { position: relative; display: block; height: 50px; float: left; }
header nav .main_nav_list.level_1 > li > a { display: inline-block; height: 50px; margin-left: 10px; padding: 0 8px; line-height: 50px; color: #fff; 
	font-size: 1.3em; font-weight: bold; text-transform: uppercase; text-shadow: 0px 2px 2px rgba(0,0,0,0.5); }
header nav .main_nav_list.level_1 > li > a:hover, header nav .main_nav_list.level_1 > li > a:focus { color: #fbb034; text-decoration: none; text-shadow: 0px 2px 2px rgba(0,0,0,0.7); }
header nav .main_nav_list ul { display: none; position: absolute; left: 10px; top: 50px; margin: 0; padding: 0; z-index: 99999; 
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); box-shadow: 0px 2px 4px rgba(0,0,0,0.3); }
	html.no-boxshadow header nav .main_nav_list ul { border: 1px solid #888; }
	body.home header nav .main_nav_list ul li { width: 250px; }
header nav .main_nav_list ul li { width: 250px; float: left; height: auto; background: #ddd;  }
header nav .main_nav_list ul a { display: block; height: auto; margin: 0; padding: 8px 10px; color: #333; text-transform: none; font-size: 1em; font-weight: normal; line-height: 1.1em; text-shadow: none; text-decoration: none; }
header nav .main_nav_list ul a:hover, header nav .main_nav_list ul a:focus { background: #fff; text-shadow: none; color: #000; }

.navigation_toggle_button { position: absolute; right: 20px; bottom: 7px;
	margin: 0;
	padding: 0.25em 0.3em 0.25em 0.25em;
	border: none;
	border-radius: 0.2em;
	background: transparent;
	color: white;
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
}
.navigation_toggle_button:hover, .navigation_toggle_button:focus {
	background: #0096d6;
}
.navigation_toggle_button:active {
	background: #0178ac;
}

header nav .group { position: absolute; top: 30px; right: 10px; text-align: right; width: 600px; }
body.home header nav .group { top: 60px; }

header nav ul#secondary { display: none; height: 20px; line-height: 28px; float: right; } /* Hiding this now */
body.home header nav ul#secondary {  }
header nav ul#secondary li { display: inline; height: 20px; padding: 0 0 0 20px; }
header nav ul#secondary li a { display: inline-block; height: 20px; line-height: 20px; color: #fff; }

/* Search form */

header #search_form { float: right; width: 250px; }
	body.home header #search_form { top: 56px; }
header #search_form div.input { width: 120px; padding: 1px 15px 3px 15px; border-radius: 20px; border: 1px solid #c6d2db; border-top: 1px solid #b4c1cb; 
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.2); float: right; background: #e8edf1; opacity: 0.8; }
	header #search_form div.input.focus { border: 1px solid #9ecbe2; box-shadow: 0 0 6px #abdcff, inset 0 1px 2px rgba(0,0,0,0.08); }
header #search_form input#search_query { width: 100%; border: 0; border-radius: 20px; background: transparent; height: 16px; color: #b4bdc4; text-shadow: 0 1px 1px #fff; }
	input#search_query:focus { outline: none; }
header #search_form input#search_submit { width: 19px; height: 19px; text-indent: -9999px; overflow: hidden; background: url('../images/icon_search.png') no-repeat;
	border: 0; position: absolute; top: 5px; right: 10px; z-index: 5; display: none; cursor: pointer; }

/* Search */
#page ul.search_list { list-style: none; margin-left: 0; padding-left: 0; }
#page ul.search_list li.search_list_item { background: none; margin: 0; padding: 0; border-bottom: 1px solid #ddd; margin-bottom: 0.8em; padding-bottom: 0.8em;}
	.search_header { border-bottom: 1px solid #ddd; margin: 0.4em 0 1em; padding: 0 0 1em; color: #666; text-align: center; }
	.search_title { font-size: 1.25em; font-weight: bold; }
	.search_breadcrumbs { color: #999; font-size: 0.9em; margin: 2px 0; padding: 1px 0; }
	.search_description { color: #666; font-size: 1em; }
	.search_importance { display: none; }

.search_form { background: #017FBA url("../images/bg_header.jpg") repeat-x scroll 0 -70px; margin: 10px 0 1em 0; padding: 10px 15px; overflow: hidden; 
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #003256; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); box-shadow: 0px 2px 4px rgba(0,0,0,0.3); }
.search_form label { display: block; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 1.1em; line-height: 1em; margin-bottom: 5px; }
.search_form .search_query { float: left; background-color: #FFF; font: 1.4em Calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 6px 10px 8px; width: 500px; 
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; box-shadow: inset 0 2px 2px rgba(0,0,0,0.2); }
	.search_form .search_query:focus { box-shadow: 0 0 6px #abdcff, inset 0 1px 2px rgba(0,0,0,0.08); }
.search_form .search_submit { float: right; background: #017FBA url("../images/bg_header.jpg") repeat-x scroll 0 -150px; border: none; font: 1.4em Calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	padding: 6px 10px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-transform: uppercase; font-weight: bold; }
.search_form .search_submit:focus, .search_form .search_submit:hover { background-position: 0 0; }

/* Pagination */
#page nav.page ul { text-align: center; }
#page nav.page ul li { display: inline; margin: 0 4px 0 0; padding: 0; background: none; }
	nav.page ul li a { padding: 3px 8px; font-size: 14px; font-weight: bold; border: 1px solid #999; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
		-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); box-shadow: 0px 2px 4px rgba(0,0,0,0.3); }
	nav.page ul li a:hover, nav.page ul li a:focus { background: #fffff0; border-color: #fc0; text-decoration: none; }
	nav.page ul li a:active { background: #fffff0; border-color: #fc0; }
	nav.page ul li.current a, nav.page ul li.current a:hover, nav.page ul li.current a:focus { font-weight: normal; background: transparent; border: 1px solid #ddd; color: #999; cursor: default; 
		-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#home {  }
#sub { position: relative; background: url('../images/bg_welcome.png') no-repeat 0px -120px; }

#welcome { height: 250px; background: url('../images/bg_welcome.png') no-repeat left top; z-index: 5; }
#slideshow { float: left; overflow: hidden; width: 540px; height: 220px; margin: 0 0 0 10px; background: #fff url('../images/loader_bar.gif') no-repeat center; }
#blurb { float: left; width: 360px; height: 180px; padding: 20px; background: url('../images/bg_blurb.jpg') no-repeat right top; 
	line-height: 1.2em; font-size: 1.6em; letter-spacing: -0.05em; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); }
#blurb p { margin: 0.3em 0; }
#blurb a { color: #fff; font-size: 16px; }

#features { margin: 20px 0 30px; overflow: hidden; padding-top: 1px; }
#features a.curl_shadow { width: 220px; height: 140px; border: none; }
#features h2 { margin-top: 20px; text-align: center; border: none; }

#latest_news { margin-bottom: 30px; }
.news_item { position: relative; line-height: 1.3em; margin: 1em 0; padding-left: 70px; min-height: 46px; }
.news_item .date { color: #585BA0; font-family: Calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0.85em; 
	font-weight: bold; height: 46px; left: 4px; letter-spacing: -0.05em; padding-top: 2px; position: absolute; text-align: center; 
	text-transform: uppercase; top: 0; width: 48px; background: url("../images/news.png") no-repeat center bottom; margin-bottom: 1em; }
.news_item .headline { font-weight: bold; }
.news_item .summary { font-size: 0.9em; }

.news_article .date { padding: 0 0 1em 16px; margin-bottom: 1em; color: #666; background: url("../images/entry_12.png") no-repeat 0px 6px; border-bottom: 1px solid #0096d6; }

#upcoming_events { margin-bottom: 30px; }
.event_item { line-height: 1.3em; margin: 1em 0 1.6em; padding-left: 70px; position: relative; }
.event_item .date { position: absolute; top: 0; width: 48px; font-family: Calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	height: 48px; left: 4px; background: url("../images/calendar.png") no-repeat center bottom; }
.event_item .date .month { color: #006E8A; display: block; font-size: 0.75em; position: absolute; 
	text-align: center; text-transform: uppercase; top: 11px; width: 48px; }
.event_item .date .day { color: #333; display: block; font-size: 1.2em; font-weight: bold; 
	letter-spacing: -0.1em; position: absolute; text-align: center; top: 24px; width: 48px; }
.event_item .headline { font-size: 1.1em; font-weight: bold; }
.event_item .summary { font-size: 1em; }

.event dl { overflow: hidden; }
.event dt { clear: left; float: left; width: 100px; margin-right: 20px; font-size: 1.2em; color: #0096d6; font-weight: bold; }
.event dd { overflow: hidden; float: left; width: 480px; margin-bottom: 0.5em; font-size: 1.2em; color: #666; }


#page { overflow: hidden; padding: 125px 0 50px 0; } 
#page header { position: absolute; width: 940px; height: 100px; left: 0; top: 0; margin: 0 10px 25px 10px; 
	background: #d7a32f url('../images/bg_blurb.jpg') no-repeat left top; }
#page header h1 { float: left; width: 590px; height: auto; margin: 0; padding: 30px 25px 5px 25px; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); }
#page header .breadcrumbs { float: left; width: 590px; padding: 0 25px; font-size: 0.9em; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); line-height: 1.2em; }
#page header .breadcrumbs a, #page header .breadcrumbs span { display: inline-block; color: #eeb; }
#page header .breadcrumbs a { color: #eeb; }
#page header .breadcrumbs span { padding: 0 5px; }
#page header .header_img { position: absolute; right: 0px; top: 0px; }
#page summary { font-size: 1.2em; color: #0096d6; }
#page summary p { margin-top: 10px; }
#page ul { list-style: none; margin-left: 1em; }
#page ul li { background: url('../images/bullet_turtle.png') no-repeat 0px 2px; margin-bottom: 0.8em; padding-left: 25px; color: #666; font-size: 15px; line-height: 1.3em; }
#page ul.sitemap, #page ul.sitemap ul { margin: 0.2em 0 0.2em 0.2em; }
#page ul.sitemap li { background: url('../images/icon_page_blue.png') no-repeat 0px 1px; margin-bottom: 0.2em; padding-left: 20px; font-size: 1.2em; font-weight: bold; }
#page ul.sitemap li li { background: url('../images/icon_page_grey.png') no-repeat 0px 1px; font-size: 0.9em; font-weight: bold; }
#page ul.sitemap li li li { font-size: 1em; font-weight: normal; }

#page .images { float: right; width: 320px; margin: 10px 0 1em 20px; }
#page ul.images li { background: none; }
#page div.image { margin: 1.5em 0; text-align: center; }
#page .images div.image { margin-top: 0; }

#page div.image img { padding: 9px; border: 1px solid #ccc; background: #fff; 
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); box-shadow: 0px 2px 4px rgba(0,0,0,0.3); }
#page div.image a:hover img { background: #eeb; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); 
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);}
#page div.image .caption { color: #666; margin-bottom: 1em; line-height: 1.3em; }
#page div.image .caption .image_title { font-weight: bold; color: #002b58; }

#page div.gallery ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
#page div.gallery ul li { margin: 0; padding: 0 15px 15px 0; background: none; float: left; width: 190px; }
#page div.gallery ul li img { padding: 4px; border: 1px solid #ccc; background: #fff; 
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); box-shadow: 0px 2px 4px rgba(0,0,0,0.3); }
#page div.gallery ul li a:hover img { background: #eeb; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); 
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);}
#page ul li .caption { color: #666; font-size: 0.85em; line-height: 1.3em; }
#page ul li .caption .image_title { font-weight: bold; color: #002b58; }

#page ul.subpages li { margin: 1em 0; min-height: 32px; padding-left: 45px; background-image: url('../images/icon_page_large.png'); }
#page ul.subpages a { font-size: 1.1em; font-weight: bold; }
#page ul.subpages .excerpt { font-size: 0.9em; }

#page ul.files li.file { margin: 1em 0; min-height: 32px; padding-left: 45px; background-image: url('../images/icon_page_file.png'); }
#page ul.files li.file.bmp { background-image: url('../images/icon_page_bmp.png'); }
#page ul.files li.file.dwg { background-image: url('../images/icon_page_dwg.png'); }
#page ul.files li.file.exe { background-image: url('../images/icon_page_exe.png'); }
#page ul.files li.file.html { background-image: url('../images/icon_page_html.png'); }
#page ul.files li.file.jpg { background-image: url('../images/icon_page_jpg.png'); }
#page ul.files li.file.mid { background-image: url('../images/icon_page_mid.png'); }
#page ul.files li.file.mov { background-image: url('../images/icon_page_mov.png'); }
#page ul.files li.file.mpg { background-image: url('../images/icon_page_mpg.png'); }
#page ul.files li.file.pdf { background-image: url('../images/icon_page_pdf.png'); }
#page ul.files li.file.ppt { background-image: url('../images/icon_page_ppt.png'); }
#page ul.files li.file.psd { background-image: url('../images/icon_page_psd.png'); }
#page ul.files li.file.pub { background-image: url('../images/icon_page_pub.png'); }
#page ul.files li.file.rar { background-image: url('../images/icon_page_rar.png'); }
#page ul.files li.file.rtf { background-image: url('../images/icon_page_rtf.png'); }
#page ul.files li.file.swf { background-image: url('../images/icon_page_swf.png'); }
#page ul.files li.file.txt { background-image: url('../images/icon_page_txt.png'); }
#page ul.files li.file.wmv { background-image: url('../images/icon_page_wmv.png'); }
#page ul.files li.file.doc { background-image: url('../images/icon_page_doc.png'); }
#page ul.files li.file.zip { background-image: url('../images/icon_page_zip.png'); }
#page ul.files .file_title a { font-size: 1.1em; font-weight: bold; }
#page ul.files .file_description { font-size: 0.9em; }
#page ul.files .file_description p { margin: 0;  }
#page ul.files .file_meta { font-size: 0.8em; }
#page ul.files .file_format { color: #333; }
#page ul.files .file_size { color: #666; }

aside { overflow: hidden; padding: 126px 0 50px 0; }
aside h1 { margin: 10px 0 0 0; padding: 8px 10px; background: #28287E; color: #fff; }
aside h1 a { color: #fff; }
aside nav ul li a { display: block; margin: 8px 0; padding: 6px 10px 6px 30px; font-size: 1.2em; font-weight: normal; color: #557; 
	border: 1px solid #aaa; background: #fff url('../images/icon_page_grey.png') no-repeat 10px 8px; 
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
aside nav ul li a:hover, aside nav ul li.active a { background-image: url('../images/icon_page_blue.png'); }
aside nav ul li.active > a, aside nav ul li.active > a:hover { font-weight: bold; background-color: #DDF2FB; border: 1px solid #0096d6; text-decoration: none; color: #0096d6; }
aside nav ul li.current a { font-weight: bold; }
/* 2nd level */
aside nav ul ul { display: none; }
aside nav ul li.active ul { display: block; }
aside nav ul ul li a { padding: 6px 10px 6px 30px; margin: 0 !important; line-height: 1.3em; border: none !important; 
	font-size: 0.9em; font-weight: normal !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; 
	box-shadow: none !important; background: transparent url('../images/icon_arrow_grey.png') no-repeat 10px 5px !important; }
aside nav ul ul li a:hover { background-image: url('../images/icon_arrow_orange.png') !important; }
aside nav ul ul li.active a { background-image: url('../images/icon_arrow_blue.png') !important; font-weight: bold; }
aside nav ul ul li.current > a { font-weight: bold !important; }
/* 3rd level */
aside nav ul li.active ul ul { display: none; }
aside nav ul ul li.active ul { display: block; }
aside nav ul ul li.active ul li a { padding: 0px 10px 8px 40px; font-size: 0.85em; font-weight: normal !important; 
	background: transparent url('../images/bullet_grey.png') no-repeat 20px 0px !important; }
aside nav ul ul li.active ul li a:hover { background-image: url('../images/bullet_orange.png') !important; }
aside nav ul ul li.active ul li.active a { background-image: url('../images/bullet_blue.png') !important; font-weight: bold; }


#sitemap nav ul { padding-right: 20px; width: 220px; }
#sitemap nav ul.right { padding: 0; }
#sitemap nav ul li { margin: 0 0 15px 0; font-weight: bold; font-size: 1.1em; }
#sitemap nav ul ul { margin: 0 0 5px 5px; width: auto; }
#sitemap nav ul ul li { margin: 0 0 0px 0; font-weight: normal; font-size: 0.9em; }
#sitemap nav ul ul li a { display: block; padding-left: 16px; background: url('../images/raquo.png') no-repeat 0px 7px; }

footer { padding: 20px 0; border-top: 1px solid #fff; background: url('../images/bg_footer.jpg') top center; }

#supporter_logos {  }
ul.logos { overflow: hidden; margin: 0; list-style: none; list-style-image: none; }
ul.logos li { float: left; margin: 10px 40px 10px 0; }
p.partners { font-size: 0.95em; line-height: 1.3; font-weight: bold; color: #135 }

#sundries { height: 80px; border-top: 4px solid #0385be; background: #0c0a4b url('../images/bg_sundries.jpg') repeat-x center top; color: #0385be; }
#sundries .copyright { display: block; float: left; height: 80px; line-height: 80px; font-weight: bold; }
#sundries nav ul li { display: inline; height: 80px; padding: 0 0 0 20px; }
#sundries a { display: inline-block; height: 80px; line-height: 80px; color: #fff; }
#sundries .back_to_top { display: block; float: right; padding-right: 14px; background: url('../images/arrow_up.png') no-repeat right center; }

.more_link { font-size: 14px; padding-left: 14px; background: url('../images/raquo.png') no-repeat left center; letter-spacing: 0em; }
.meta { color: #888; font-family: Calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0.9em; text-transform: uppercase; }

.curl_shadow { z-index: 0; display: block; border: 1px solid #efefef; position: relative; background: #ffffff; /* old browsers */ 
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }
.curl_shadow:after { z-index: -1; position: absolute; background: transparent; width: 70%; height: 55%; content: ''; right: 10px;
	bottom: 10px; -webkit-transform: skew(15deg) rotate(5deg); -webkit-box-shadow: 5px 12px 10px rgba(0,0,0,0.3);
	-moz-transform: skew(15deg) rotate(5deg); -moz-box-shadow: 5px 12px 10px rgba(0,0,0,0.3); }
.curl_shadow:before { z-index: -2; position: absolute; background: transparent; width: 70%; height: 55%; content: ''; left: 10px;
	bottom: 10px; -webkit-transform: skew(-15deg) rotate(-5deg); -webkit-box-shadow: -5px 12px 10px rgba(0,0,0,0.3);
	-moz-transform: skew(-15deg) rotate(-5deg); -moz-box-shadow: -5px 12px 10px rgba(0,0,0,0.3); }
.curl_shadow img { background: #f0f0f0; }
a.curl_shadow:hover { margin-top: -1px; margin-bottom: 21px; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }
a.curl_shadow:hover:after { -webkit-box-shadow: 4px 15px 15px rgba(0,0,0,0.3); -moz-box-shadow: 4px 15px 15px rgba(0,0,0,0.3); }
a.curl_shadow:hover:before { -webkit-box-shadow: -4px 15px 15px rgba(0,0,0,0.3); -moz-box-shadow: -4px 15px 15px rgba(0,0,0,0.3); }

.box { margin: 1.6em 0; padding: 20px;  background: #D6D6D6 url('../images/bg_footer.jpg') top center; border: 1px solid #bbb; }
.box h2 { margin-top: 0; }
.box.yellow { border: 1px solid #cb6; background: #fe9; background: rgba(255, 240, 160, 0.3); }
.box.blue { border: 1px solid #6bc; background: #9ef; background: rgba(160, 240, 255, 0.3); }

.social-buttons { margin: 1.5em 0; }



/**
 * Non-semantic helper classes
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ ; &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
 /* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.left { float: left; }
.right { float: right; }


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
 
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
}