/* 
Coding and design by Hambo Design
-------------------------------------------------------------*/


/* CSS Reset
-------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,  pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}


/* remember to define focus styles! */

:focus {
outline: 0;
}

body {
background: #577592 url(/assets/images/presentation/body_bg.png) repeat-x;
color: black;
font: 62.5%/1.6em "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
line-height: 1;
text-align: center;
}

.clear {
clear: both;
}

a:link {
color: #fff;
}

#content_left a:link, .person a:link {
color: #0066cc;
}

a:visited {
color: #fff;
}

#content_left a:visited, .person a:visited {
color: #0066cc;
}

a:hover {
color: #ccc;
}


/* tables still need 'cellspacing="0"' in the markup */

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
font-weight: normal;
text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}



/* Typography Settings
-------------------------------------------------------------*/

h1 {
font-size: 2.8em;
}

h2 {
color: #3B526A;
font-size: 1.8em;
margin-bottom: 0.75em;
}

        h2.person_header {
	margin-bottom: 0.25em;
	}

h3 {
color: #96A648;
font-size: 1.4em;
font-weight: bold;
margin: 0 0 0.5em;
text-transform: uppercase;
}

	h3 span.staff-name, .accordion h3 {
	text-transform: none;
	}
	
	.accordion h3 { font-size: 1.2em; margin-bottom: 1em }
		.accordion h3 a { text-decoration: none }

	#banner_member_panel_title h3 {
	color: #fff;
	float: left;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 10px 0 0 10px;
	width: 210px;
	}
	
	#content_right h3 {
	color: #3B526A;
	margin-bottom: 1em;
	}
	
	.poll h3 {
	margin: 0;
	}

	#content_left h3 a:link {
	color: #96A648;
	}

	#content_left h3 a:visited {
	color: #96A648;
	}

	#content_left h3 a:hover {
	color: #000;
	}

h4 {
color: #577491;
font-size: 1.4em;
margin-bottom: 0.75em;
}

p {
color: #444;
font-size: 1.1em;
line-height: 1.5em;
margin: 0 0 1.5em;
text-align: justify;
}

	#banner_member_panel_title p {
	color: #fff;
	float: right;
	font-size: 1em;
	margin: 0;
	padding-right: 20px;
	}

#nav form p {
margin: 0; padding: 0;
}

.bold {
font-weight: bold;
}

strong {
font-weight: bold;
}



/* List Styling
-------------------------------------------------------------*/

#content_left ol, #content_left ul {
margin: 0 0 20px 20px;
}

#content_left li {
color: #444;
font-size: 1.1em;
line-height: 1.4em;
margin-bottom: 5px;
}

#content_left li li, #content_left li p { font-size: 1em }

.lg-polls-answers {
list-style-type: none;
margin-bottom: 10px;
}



/* DIV Areas
-------------------------------------------------------------*/

#container {
margin: 0 auto;
text-align: left;
width: 910px;
}

#header {
height: 90px;
margin-left: 45px;
width: 865px;
}

	#header h1 {
	background: url(/assets/images/presentation/header.gif) no-repeat;
	height: 90px;
	text-indent: -9999px;
	width: 865px;
	}

#banner {
float: left;
height: 230px;
width: 910px;
}

	#banner_side_nav {
	float: left;
	height: 230px;
	width: 45px;
	}
	
	#banner_pic {
	float: left;
	height: 230px;
	width: 565px;
	}
	
	#banner_member_panel {
	background: url(/assets/images/presentation/member_bg.gif) repeat-x;
	float: left;
	height: 230px;
	padding: 0 15px;
	width: 270px;
	}
	
		#banner_member_panel_title {
		height: 35px;
		margin-bottom: 10px;
		width: 270px;
		}
	
#nav {
background: url(/assets/images/presentation/nav_bg.gif) repeat-x;
height: 45px;
margin-left: 45px;
width: 865px;
}


#nav form {
float: right;
margin-top: 10px;
padding: 0;
width: 300px;
}

#nav label {
color: #fff;
font-size: 1.1em;
}

#nav button {
cursor: pointer;
display: inline;
}

#content {
background: #fff url(/assets/images/presentation/content_bg.gif);
display: inline;
float: left;
margin-left: 45px;
width: 865px;
}

#results #content { background-image: none }

	#content_left {
	background-color: #fff;
	float: left;
	padding: 30px 20px 20px;
	width: 525px;
	}
	
	#content_right {
	background: #BDCFA3 url(/assets/images/presentation/content_right_bg.gif) top no-repeat;
	float: left;
	overflow: auto;
	margin-left: 4px;
	padding: 25px 15px 20px;
	width: 266px;
	}

#footer {
background-color: #394f67;
clear: both;
height: 40px;
margin-left: 45px;
padding: 20px 20px 0;
width: 825px;
}

#footer-left {
float: left;
}

#footer-right {
float: right;
}

	#footer p {
	color: #fff;
	}


/* Class Areas
-------------------------------------------------------------*/

.article {
border-bottom: 1px solid #ccc;
clear: both;
float: left;
margin-bottom: 20px;
padding-bottom: 20px;
width: 525px;
}

	.person_photo {
	float: left;
	padding: 0 15px 0 0;
	width: 150px;
	}
	
		.person_photo img {
		border: 3px double #BDCFA3;
		}
	
	.person_bio {
	float: left;	
	width: 355px;
	}

.title_and_description {
background: #eee;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
margin-bottom: 15px;
padding: 10px 10px 5px;
}

	.title_and_description p {
	margin: 0;
	}

.entry {
padding: 0 10px;
}

.highlight {
background: #eee;
margin-bottom: 20px;
padding: 10px;
}

	.highlight p {
	font-size: 1.2em;
	margin: 0; padding: 0;
	}
	
dl.vacancies {
	width: 525px;
	margin: 1em 0;
	padding: 0;
	overflow: hidden;
	font-size: 1.1em;
	line-height: 1.5
}
	.vacancies dt { 
		float: left; 
		margin: 0;
		font-weight: bold 
	}
	.vacancies dt { 
		clear: left; 
		width: 8em;
		margin-right: 5px 
	}	


/* Navigation Styling
-------------------------------------------------------------*/

#nav ul {
list-style-type: none;
margin-left: 20px;
}

	#nav ul li {
	float: left;
	margin-right: 20px;
	padding-top: 15px;
	}
	
	#nav ul li a {
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
	}
	
#banner_side_nav ul {
background: url(/assets/images/content/banner_nav.gif) no-repeat;
height: 230px;
width: 45px;
}

	#banner_side_nav ul li {
	padding: 0;
	margin: 0;
	display: block;
	text-indent: -9999px;
	}
	
	#banner_side_nav ul li a {
	border: 0;
	display: block;
	overflow: hidden;
	text-decoration: none;
	width: 45px;
	}
	
		li#banner_home a {width: 45px; height: 135px;}
		li#banner_contact a {width: 45px; height: 90px;}

ul.sidenav {
width: 266px;
}

	ul.sidenav li {
	display: block;
	margin: 0;
	padding: 0;
	}
	
	ul.sidenav li a {
	border-bottom: 1px dotted #22210D;
	display: block;
	font-size: 1.1em;
	overflow: hidden;
	padding: 10px 0;
	text-decoration: none;
	width: 266px;
	}
	
		#content_right .sidenav a {
		color: #000;
		}


/* Table Styling
-------------------------------------------------------------*/

table {
border-collapse: collapse;
border-spacing: 1px;
margin-bottom: 20px;
width: 520px;
}

td, th {
border-bottom: solid 1px #eee;
font-size: 1.1em;
padding: 10px;
vertical-align: top;
}

table caption {
background: #fcfcfc;
color: #333;
font-size: 1.2em;
line-height:3em;
letter-spacing: 0.1px;
padding: 5px 10px;
text-transform: uppercase;
}

thead th {
background: #eee;
border-bottom: solid 1px #ddd;
border-top: solid 1px #fff;
font-weight: bold;
text-align: left;
}

tfoot td, tfoot th {
background: #eee;
border-bottom: solid 1px #fff;
border-top: solid 1px #ccc;
}

th.event_audience {
width: 25%;
}

td.event_title {
width: 45%;
}

td.event_date {
width: 25%;
}

tr.odd td, tr.odd th {
background-color: #edf3fe;
}

#event_table th, #event_table td {
border-bottom: solid 2px #fff;
}


/* Table Links
-------------------------------------------------------------*/

td a, td a:visited {
padding-top: 6px;
padding-bottom: 6px;
margin-top: -6px;
margin-bottom: -6px;
}

td a {
color: #333;
}

td a:visited {
color: #999;
}

tbody th a {
padding-left: 20px;
color: #333;
}	



/* Form Styling
-------------------------------------------------------------*/

.poll {
background-color: #fff;
border: 2px solid #6B8849;
margin-top: 30px;
padding: 10px 15px;
width: 230px;
}

#banner_member_panel form {
width: 270px;
}

#banner_member_panel fieldset {
/* background-color: #3B526A;
border: 2px solid #7492B1; */
padding: 10px;
width: 246px;
}

#banner_member_panel .form_field, #banner_member_panel .action_element {
float: left;
margin-top: 10px;
width: 246px;
}

	.form_field .label {
	color: #fff;
	float: left;
	font-size: 1.1em;
	padding-top: 3px;
	width: 106px;
	}
	
	.form_field .field {
	float: left;
	width: 140px;
	}
	
	.action_element .label {
	color: #fff;
	float: left;
	font-size: 1.1em;
	width: 140px;
	}
	
	.action_element .field {
	float: left;
	width: 106px;
	}
	
	#banner_member_panel input {
	font-size: 1.25em;
	}
	
#banner_member_panel input.button {
height: 25px;
width: 101px;
}



/* Contact Form Styling -
-------------------------------------------------------------*/

form#freeform {
width: 500px;
}

#freeform fieldset {
margin: 0 0 10px;
padding: 10px 20px 20px;
background: #FBFAFD;
border: none;
border: 1px solid #dce7ea;
display: block;
}

#freeform label {
font-size: 1.1em;
font-weight: bold;
color: #333;
display: block;
margin: 4px 0 0 0;
padding 2px;
}

	#freeform span.required {
	color: #FF3300;
	font-weight: bold;
	}

#freeform input, #freeform textarea, #contact select {
width: 95%;
margin: 0 0 5px 0;
padding: 5px;
font-size: 1.2em;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Sans-serif;
border: 1px solid #b9c7cb;
background-color: #fff;
}

	#freeform input {
	color: #000;
	}

#freeform input#contact_submit {
width: 20%;
background: #ded;
}

	#freeform textarea {
	color: #2F2E2A;
	}