/*/CSSBase.css*/

/** Element Cross-Browser Refset **/
/* CSS Document */

/* v1.0 | 20080212 */

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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	overflow-y:scroll;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/** Font Reset based on YUI **/

body {
	font:13px/1.231 arial, helvetica, clean, sans-serif;
	*font-size:small;
	*font:x-small;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	*font-size:108%;
	-height:100%;
}
hr { display: none; }
div.hr { clear: both; width: 100%;}
div.hidden { border: solid 1px transparent; } 
strong { font-weight: bold; }
em { font-style: italic; }

/** Styles **/

body  
{
	color: #333;
	background: #eee;
}

p { padding-bottom: 7px; }
h1 { font-size: 155%; font-weight: bold; padding-bottom: 10px; }
h2 { font-size: 116.5%; font-weight: bold; padding-bottom: 5px; }
a {  color: #4d4d4d; text-decoration: none; font-weight: normal; }
a:hover { text-decoration: underline; }

table { width: 100%; }
th { text-align: center; font-weight: bold; color: #000; padding-bottom: 10px; }

/** Form Reset **/

form { }

fieldset { border: 0px; }
legend { font-size: 78%; font-weight: bold; color: #333; padding-bottom: 10px; }
fieldset div { clear: both; line-height: 1.5em; margin-bottom: 10px; }
fieldset div label { display: block; width: 80px; float: left; font-weight: bold; font-size: 78%; line-height:1em; }
fieldset div label span { font-size: 92%; color: #999; }
fieldset div input,
fieldset div textarea { width:300px; background:#fff !important; border: solid 1px #999; }
fieldset div div { margin: 0px; clear: none; }
input.submit
{
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 0.25em;
	background-color: #fcfcfc;
	background-repeat: repeat-x;
	color: #333;
	font-size: 75%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
input.submit:active
{
	border: 3px double #ccc;
	border-top-color: #999;
	border-left-color: #999;
}
/** Page Formatting **/

.clear
{
	clear:both;
	height:0;
}

/*/Style.css*/

/* GENERAL STUFF */

html
{
}

body
{
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	
	background: #fff url(Images/page_bg.gif) repeat-x;
}

body.homepage
{
	background: #fff url(Images/page_bg_homepage.gif) repeat-x;
}

.hidden
{
	display:none !important;
}

.clear
{
	clear:both;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

a
{
	font-weight:bold;
	color:#193D7B;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

div.hr
{
	height:30px;
	width:585px;
	background: transparent url(Images/hr_585.gif) no-repeat;
}
div.hr hr
{
	display:none;
}

/* CONTAINERS */

#container
{	
	width:960px;
	margin:0 auto 40px auto;
}

/* HEADER */

#header
{
	position:relative;
	height:90px;
	background:#ececec;
}

#header h1
{
	position:absolute;
	top:25px;
	left:15px;
	
	display:block;
	width:235px;
	height:45px;
	background:transparent url(Images/logo.gif) no-repeat;
	text-indent: -5000px;
}

#header h1 a
{
	display:block;
	width:235px;
	height:45px;
}

/* MENU */

#menu
{
	position:absolute;
	top:37px;
	right:0px;
}

#menu ul
{
	display:block;
	float:right;
	height:21px;
}

#menu li
{
	display:block;
	position:relative;
	float:left;
	width:auto;
		
	padding-left:0px;
	background: transparent url(Images/menu_separator.gif) no-repeat left -1px;
}

* html #menu li
{
	height:21px;
	overflow:hidden;
}

#menu li.first { background:none; }
#menu li.selected { background: #000 url(Images/menu_on_left.gif) no-repeat left top; }
#menu li.prevSelected { background: none; }

#menu li a
{
	display:block;
	float:left;
	
	height:10px;
	padding:3px 8px 7px 8px;

	color:#000;
	
	text-transform:uppercase;
	font-weight:normal;
	
	font-size:1.1em;
}

#menu a.selected
{
	text-decoration:none;
	color:#fff;
	background: transparent url(Images/menu_on_right.gif) no-repeat right top;
}

#menu li a:hover,
#menu li.sfhover a
{
	text-decoration:underline;
}

/* FOOTER */

#footer
{
	clear:both;
	padding:15px 3px 0 0;
	border-top:solid 5px #000;
	color:#919191;
	font-size:1.1em;
	text-align:right;
}

#footer a
{
	color:#919191;
	font-weight:normal;
}

.homepage #footer
{
	border-top:none;
}

/* MAIN BODY */

#main
{
	clear:both;
	float:left;
	width:960px;
	background:#fff;
	color:#000;
	overflow:hidden;
	
	line-height:1.9em;
}

#graphic
{
	position:relative;
	height:182px;
	overflow:hidden;
	background: #000 url(Images/banner_frame.gif) no-repeat;	
}

.homepage #graphic
{
	height:359px;
	background: #000 url(Images/banner_frame_big.gif) no-repeat;
}

#graphic img
{
	position:absolute;
	top:10px;
	left:10px;
	
	width:940px;
	height:162px;

	border:none;
}

.homepage #graphic img
{
	height:339px;
}

#content
{
	float:left;
	clear:both;
	width:960px;
	padding:0 0 30px 0;
	position:relative;
}

.homepage #content
{
	padding-top:20px;
	padding-bottom:0;
}

#sidebar
{
	float:right;
	width:315px;
}

* html #content
{
	width:950px;
}

.sidebar #content
{
	width:640px;
	margin:0;
	
	background: transparent url(Images/content_sidebar_border.jpg) no-repeat right top;
}

#content h2,
#sidebar h2
{
	clear:both;
	color:#fff;
	
	background: #000 url(Images/point_white.gif) no-repeat 30px 20px;
	
	padding: 13px 0 20px 55px;
	margin: 0 0 25px 0;
	
	font-weight:normal;
	
	font-size:2em;
	line-height:1em;
	text-transform:uppercase;
}

#sidebar h2
{
	color: #000;
	background: #fff url(Images/point_black.gif) no-repeat 20px 20px;
	padding-left:45px;
}

#content h3,
#sidebar h3,
#content h4,
#sidebar h4
{
	clear:both;
	color: #000;
	padding: 0 0 5px 25px;
	font-size:1.3em;
}

#content h4,
#sidebar h4
{
	font-size:1.2em;
}

#sidebar h3
{
	padding-left:0;
	margin:0 40px 5px 25px;
	background: transparent url(Images/border_dotted.gif) repeat-x left bottom;
}

#content p,
#sidebar p
{
	padding:0 15px 25px 25px;
	font-size:1.1em;
	color:#000;
}

#content ul,
#content ol
{
	padding:5px 0 15px 0;
}

#sidebar ul,
#sidebar ol
{
	padding:5px 0 10px 5px;
	margin:0 40px 15px 25px;
	background: transparent url(Images/border_dotted.gif) repeat-x left bottom;
}

#content li
{
	padding-left:0px;
	margin-left:40px;
	list-style-type:disc;
	font-size:1.1em;
}

#sidebar li
{
	padding-left:0px;
	margin-left:15px;
	list-style-type:square;
	font-size:1.1em;
}


/* CONTACT FORM */
#contactForm p
{
	padding-bottom:5px;
}

#contactForm label
{
	float:left;
	width:170px;
	display:block;
	text-align:right;
	margin-right:15px;
}

#contactForm p input
{
	width:200px;
	background: #fff !important;
	border: solid 1px #E2E3EA;
}

#contactForm p select
{
	width:202px;
	border: solid 1px #E2E3EA;
}

#contactForm p textarea
{
	width:300px;
	height:100px;
	border: solid 1px #E2E3EA;
}

#contactForm .btnSubmit
{
	margin-left:185px;
	margin-top:10px;
	width:150px;
	height:30px;
	font-weight:bold;
}

#address
{
	padding-top:5px;
	text-align:center;
	font-size:0.8em;
}

/* TWO COLUMN CONTENT */

.twoColumn
{
	padding: 5px 0 0 0;
	overflow:hidden;
	width:100%;
}

.twoColumn .left,
.twoColumn .right
{
	float:left;
	width: 475px;
}

.sidebar .twoColumn .left,
.sidebar .twoColumn .right
{
	float:left;
	width: 315px;
}