/**********************
Basic Tags Definition
**********************/

* {margin: 0; padding: 0; outline: 0;}

html {height: 100.1%; font-size: 100.01%;}

p, ul, ol, table {line-height: inherit; margin: 0 0 1.5em 0;}
ul, ol {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}

img, fieldset, abbr, acronym {border: 0;}

address, caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}

strong {font-weight: bold;}
em {font-style: italic;}

caption, th {text-align: left;}
q:before, q:after {content: '';}

#psmall {font-size: 1em;color: #39c; text-decoration: underline;}

#psmall:hover {color: #4bbdf1; text-decoration: none;}

/**********************
Headings
**********************/

h1, h2, h3, h4, h5, h6 {line-height: normal; font-weight: normal;}

h2 {
	color: #369;
	font-size: 1.75em;
	margin: 0 0 8px 0;
}
h3 {
	font-size: 1.75em;
	font-weight: bold;
	margin-bottom: 6px;
}
h4 {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 6px;
}
h5 {
	font-size: 1em;
	font-weight: bold;
}

h2.top, h3.top, h4.top,
#body h2:first-child, #body h3:first-child, #body h4:first-child {margin-top: 0 !important;}

form.newsletter h3 {font-size: 1.25em;}


/**********************
Anchors
**********************/

a, a:link, a:active, a:visited {color: #39c; text-decoration: underline;}
a:hover {color: #4bbdf1; text-decoration: none;}

#body a {border-bottom: 1px dashed #39c; text-decoration: none;}
#body a:hover {border-bottom: 1px solid #39c; text-decoration: none;}

#body #col-r a:link, #body #col-r a:hover, #body #col-r a:visited {border-color: #fff; color: #fff;}

#footer a {color: #fff !important;}


/**********************
Main Structure
**********************/

body {
	background: #fff url(../img/bg.gif) repeat-x 0 0;
	color: #666;
	font: 75% Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	min-height: 100.1%;
	text-align: center;
}

#wrap {
	margin: auto;
	text-align: left;
	width: 864px;
	position: relative;
}

#header {
	height: 81px; width: 864px;
}
	#logo, #tagline {margin: 0;}

	#logo a {
		background: url(../img/logo.jpg) no-repeat 0 0;
		height: 57px; width: 268px;
		position: absolute;
		top: 16px; left: 18px;
	}
	#tagline {display: none;}

#body {
	background: url(../img/bg_body.gif) repeat-y 0 0;
	padding: 0 2px;
	width: 864px;
}
	#banner {
		float: left;
		background: url(../img/banner.jpg) no-repeat 0 0;
		height: 265px; width: 860px;
		position: relative;
	}
	#col-l {
		float: left; display: inline;
		padding: 25px 25px 0 25px;
		width: 540px;
	}
	#col-r {
		float: left; display: inline;
		color: #fff;
		padding: 20px 20px 0 24px;
		width: 226px;
	}
	#map { float:right;
			border:0px;
			margin: auto 5px auto auto;
	}

#footer {
	background: url(../img/bg_footer.gif) repeat-x 0 0;
	clear: both;
	color: #fff;
	height: 116px;
}
	#footer div.wrapper {
		background: url(../img/bg_footer-bot.gif) no-repeat 0 0;
		margin: auto;
		padding: 55px 25px 0 25px;
		text-align: left;
		width: 814px;
	}


/**********************
General Elements
**********************/

#banner p.link a {
	height: 64px; width: 258px;
	position: absolute;
	top: 167px; left: 184px;
}

#footer p.copy {float: left;}


/**********************
Navigation
**********************/

ul.nav {margin-bottom: 0;}
ul.bars li.first {border: 0 !important;}

ul.bars li {display: inline; margin-left: -4px;}
ul.bars li:before {content: "|"; padding: 0 4px;}
ul.bars li:first-child:before {content: "";}

/* Main Nav */
ul#nav {
	background: url(../img/bg_nav.gif) no-repeat 0 0;
	height: 50px; width: 864px;
	margin-bottom: 5px;
	padding-top: 3px;
	text-align: center;
}
ul#nav li {
	display: inline;
	font-size: 1.25em;
	line-height: 50px;
	margin: 0 0 0 -3px;
	padding: 0;
}
ul#nav li a {
	border-right: 1px solid #b1d8ee;
	color: #fff !important;
	padding: 16px 24px 17px 24px;
	text-decoration: none;
}
ul#nav li a:hover, ul#nav li a.active {background: url(../img/bg_nav-hover.gif) repeat-x 0 0 !important;}
ul#nav li.first a {border-left: 1px solid #b1d8ee;}

/* Footer Nav */
#footer ul.nav {float: right;}
#footer ul.nav li {
	display: inline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: .92em;
	margin-left: 6px;
	text-transform: uppercase;
}
#footer ul.nav li a {
	border-bottom: 1px solid #b1d8ee;
	text-decoration: none;
}
#footer ul.nav li a:hover {
	border-bottom: 1px solid #fff;
	text-decoration: none;
}


/**********************
General Forms
**********************/

input, select, textarea, button {
	font-size: 1em;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
}
input, select {vertical-align: middle;}
textarea {overflow: auto; height: auto;}
button {cursor: pointer; text-align: center;}

input.text,
select.select,
textarea.textarea
{
	border: 1px solid #72c7f8;
	color: #666;
	font-size: 1em;
	padding: 3px;
}

input.text {width: 188px;}

form.newsletter {
	background: url(../img/bg_newsletter.gif) no-repeat 0 0;
	height: 186px;
	padding: 20px 15px;
	text-align: center;
	overflow: hidden;
}
form.newsletter button.button {
	background: transparent url(../img/bg_button.gif) no-repeat 0 0;
	border: 0;
	color: #2a94d2;
	font-size: 11px;
	font-weight: bold;
	height: 23px; width: 101px;
}
form.newsletter p {margin-bottom: 12px;}
form.newsletter p.input {margin-bottom: 8px;}


/**********************
Common Classes / Misc.
**********************/

div.hr {background: #ccc; height: 1px; margin: 2em -25px 2em -25px;}
div.hr hr {display: none;}

.two-cols {
	background: url(../img/bg_two-cols.jpg) no-repeat center bottom;
}
.two-cols .col-l {
	float: left;
	width: 220px;
}
.two-cols .col-r {
	float: right;
	width: 220px;
}

.fl, .wrap {float: left;}
.wrap {clear: both; display: inline; position: relative;}
.fr {float: right;}
.clear {clear: both;}

.hidden {display: none;}
.replace {display: block; text-indent: -10000px; line-height: 0;}
.nomargin {margin-bottom: 0 !important;}
.noborder {border: 0 !important;}

.opacity {-moz-opacity: 0.95; opacity: 0.95; filter: alpha(opacity = 95);}

.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}

/*
- Image Alignment -
e = east, n = north, ne = north-east, se = south-east, etc
*/
img.e, img.w, img.ne, img.nw, img.se, img.sw {display: block;}
img.e  { float: right;	margin: 1.5em 0 1.5em 1.5em;	}
img.w  { float: left;	margin: 1.5em 1.5em 1.5em 0;	}
img.ne { float: left;	margin: 0 1.5em 1.5em 0;	}
img.nw { float: left;   margin: 0 1.5em 1.5em 0;	}
img.se { float: right;	margin: 1.5em 0 0 1.5em;	}
img.sw { float: left;	margin: 1.5em 1.5em 0 0;	}


/**********************
CSS Hacks / Tools
**********************/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}
 .clearfix {display: inline-block;}  

 /* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End Holly Hack */