/* 
	Chad Williams
	http://www.creativevisualdesign.com
	
	COLOR KEY: #F26631 ORANGE
	
*/


/*  
	RESET BEGIN
*/

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

html { overflow-y: scroll; }
html, body { height: 100% }
a {	outline:none; text-decoration:none; }
a img { border: none; }
table {	border-collapse: collapse;	border-spacing: 0; }
ol, ul { list-style: none; } 
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* 
	RESET END
*/


/* 
	UTILITY BEGIN
*/

H1 {font-size:2em; padding-bottom:10px;}  /* displayed at 24px */
H2 {font-size:1.5em; padding-bottom:10px;}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */

p { line-height:1.5em; padding-bottom: 10px; }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.button {
	border: 1px solid #000;
	background: #A03521;
	padding: 3px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	font-weight:bold;
	width:100px;
}

.button:hover { background: #fff; color: #A03521; }

a { color:#fff; }
a:hover, a:active { text-decoration:underline; }

input, textarea { padding: 5px; width: 300px; }

/* 
	UTILITY END
*/


/*
	NAVIGATION BEGIN
*/

ul#navigation li { border-bottom:1px solid #fff; }
ul#navigation li a { display:block; text-transform:uppercase; padding: 5px; color:#fff; }
ul#navigation li a:hover, li a:active { color: #000; text-decoration:none; }

/*
	NAVIGATION END
*/


/*
	STRUCTURE BEGIN
*/

body { 
	background: url(/bank/images/body_bg.gif) repeat top left; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:62.5%;
}

#page-wrap { width: 678px; margin: 20px auto; }

#header {
	width:668px;
	margin:5px;
}
	#header #logo { float:left; }
	#header ul { float:right; margin-top:15px; }
	#header ul li { display:inline; }
	#header ul li a:hover { color:#F26631; text-decoration:none; }
	#header ul li.event a { color:#F26631; font-weight:bold; }
	
#sidebar {
	float:left;
	width:130px;
	background:#44555C;
	padding:15px 10px 0 10px;
}
	
#main-content {	
	border:5px solid #F26631;
	float:left;
	background: #292929; 
	width:638px;
	padding:15px;
}

	#main-content a { text-decoration:underline; }
	#main-content a:hover, #main-content a:active { text-decoration:none; }

	#main-content img.logo { margin: 0 50px; }
	
	h3.heading {
		color:#F5E9C6;
		margin:10px 0;
	}
	
	.menu-item {
		font-weight:bold;
		line-height:1em;
		margin:0;
	}
	
	.menu-description {
		line-height:1em;
		margin-left:10px;
	}
	
	.menu-footnotes {
		color:#ccc;
		margin-left:10px;
	}
	
	span.highlighted { color:#F26631; }
	img.thumbnails { margin-right:5px; border:1px solid #F26631; }
	img.thumbnails-last { margin-right:0px; border:1px solid #F26631; }
	ul.parties { margin-left:25px; }
	ul.parties li { line-height:1.5em; }
	
#footer {
	padding:10px;
	color:#fff;
}

	#footer ul#logos li { 
		display: inline; 
		float: left; 
		margin: 0 10px;
	}
	
	#footer ul#logos li a { color:#ff; }

	#footer ul#address li {
		float: right;
	}

	#footer ul#address li.wp-login a { text-decoration:none; cursor:default; }
	#footer ul#address li.wp-login a:hover { color:#fff; }
/* 
	STRUCTURE END 
*/

