/*###################
##### 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,
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;
}
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;
}



/*####################
##### HTML, BODY #####
#####################*/ 

*
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    text-align              : left;
}
html,body 
{
	height                  : 100%; /* needed for container min-height */
}
body 
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #322E25;
	text-align				: center;
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
	background-color		: #EEEEEE;
}


/*###################
##### CONTAINER #####
###################*/ 

#container{
	width					: 800px;
	margin					: 20px auto 20px auto;
	padding					: 10px 10px 10px 10px;
	text-align				: left;
	border					: 1px solid #CCCCCC;
	display					: block;
	background-color		: #FFFFFF;	
}

	
#containerInner, #containerInnerClean{
	display 				: block;
	width					: 800px;
	margin					: 0px 0px 3px 0px;
	padding					: 0px 0px 0px 0px;
	background				: url('../images/navLeftBkgrnd.gif') top left;
}

#containerInnerClean{
	background				: none;
}

/*###############
##### FONTS #####
###############*/ 

p{
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-size 				: 105%;
	line-height				: 1.4em;
}


h1{  /*  Page Titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-size 				: 170%;
	font-weight				: normal;
	font-family				: "Times New Roman", Times, serif;
	color					: #3B5474;
}


h2{  /*  Sub titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	line-height				: 1.5em;
	font-size 				: 130%;
	font-weight				: bold;
	font-family				: "Times New Roman", Times, serif;
	color					: #3B5474;
}

h3{  /*  Sub titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	line-height				: 1.5em;
	font-size 				: 140%;
	font-weight				: bold;
	color					: #CC0000;
}


#content ul, #contentRight ul {
	margin					: 10px 0px 10px 10px;
	padding 				: 0px 0px 0px 0px;
	list-style				: none;
	clear					: both;	
}

#content ul li, #contentRight ul li{
	margin					: 0px 0px 0px 5px;
	padding 				: 0px 0px 5px 15px;
	line-height				: 1.4em;
	background				: url('../images/bullet.gif') top left no-repeat;
}

#content ul ul li, #contentRight ul ul li{
	margin					: 0px 0px 0px 5px;
	padding 				: 0px 0px 5px 15px;
	line-height				: 1.4em;
	background				: url('../images/bullet2.gif') top left no-repeat;
}

a{
	color					: #666666;
	text-decoration			: underline;
}

a:hover {
	color					: #000000;
	text-decoration			: underline;
}



/*##############
#### HEADER ####
#############*/ 
	
#header{
	display 				: block;
	width					: 800px;	
	height					: 90px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	
}

.logo{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
	float					: left;
}

.headerInfo{
	margin					: 30px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
	float					: right;
	font-size				: 125%;
	font-weight				: bold;	
}

.spacer{
	margin					: 0px 15px -2px 15px;
	padding					: 0px 0px 0px 0px;
}

.headerInfo a{
	color					: #004893;
	text-decoration			: none;
}

.headerInfo a:hover{
	color					: #004893;
	text-decoration			: underline;
}



/*##################
#### NAVIGATION ####
##################*/ 

/* ---- TOP NAV ---- */
ul#navMain{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	width					: 800px;
	height					: 35px;
	background				: url('../images/navBkgrnd.gif') top left;
}

ul#navMain li{
	display 				: inline;
}

ul#navMain li a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float 					: left;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 12px;
	text-align				: center;
	height 					: 35px;
	width					: 131px;
	line-height				: 3.0em;
	border-left				: 1px solid #31475F;
	border-right			: 1px solid #53769D;
	text-transform			: uppercase;
}

*html ul#navMain li a{
	width					: 130px;
}

#navMain li a:hover{
	text-decoration 		: none;
	color					: #FFF;
	background				: url('../images/navOver.gif') top left;
}

#navMain li a.selected{
	text-decoration 		: none;
	color					: #FFF;
	background				: url('../images/navOver.gif') top left;
}



/* ---- LEFT NAV ---- */
#navLeft{
	margin 					: 0px 15px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: left;
	list-style 				: none;
	width					: 170px;
	height					: auto;
}

#navLeft ul{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	list-style 				: none;
	width					: 170px;
}

#navLeft ul li a{
	margin					: 0px 0px 4px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float 					: left;
	color					: #777777;
	text-decoration 		: none;
	font-size 				: 12px;
	width					: 170px;
	line-height				: 3.0em;
	height					: 35px;
}

*html #navLeft ul li a{
	margin					: 0px 0px -10px 0px;
	padding					: 0px 0px 0px 0px;
}


#navLeft ul li a:hover{	
	text-decoration 		: none;
	color					: #3B5474;
	background				: url('../images/navLeftHover.gif') top left;
}

#navLeft ul li a.selected{	
	text-decoration 		: none;
	color					: #3B5474;
	background				: url('../images/navLeftOver.gif') top left;
}


/*###############
#### CONTENT ####
###############*/ 

.banner{
	margin					: 2px 0px 2px 0px;
	padding					: 0px 0px 2px 0px;	
	border					: none;	
	border-bottom			: 15px solid #F89221;
}

#content, #contentContact{
	display 				: block;
	width					: 610px;	
	height					: auto;
	min-height				: 380px;
	margin					: 0px 0px 10px 0px;
	padding					: 8px 0px 0px 0px;
	float					: left;	
}

#contentContact{
	margin					: 0px 0px 10px 10px;
	padding					: 0px 0px 0px 0px;
	width					: 800px;
}


/*################
##### TEASER #####
################*/ 

#teaserHolder
{
	display					: block;
	width					: 220px;
	margin					: 0px 0px 20px 20px;
	padding					: 0px 0px 0px 0px;
	height					: auto;
	float					: right;
}
#teaserHolder p
{
	color                   : #FFF;
	text-transform          : uppercase;
	margin					: 0px 0px 0px 0px;
	padding					: 6px 0px 0px 10px;
	font-size               : 12px;
	height                  : 24px;
	background 				: #FFF url('../images/teaserHeader.jpg') top left no-repeat;
}
.teaserNews, .teaserLink
{
	display					: block;
	width					: 213px;
	height					: 173px;
	float					: right;
	margin					: 0px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #CCCCCC;	
}
.teaserNews li, .teaserLink li
{
	margin					: 0px 0px 10px 0px !important;
	padding					: 0px 0px 1px 13px !important;
		
}
.teaserImg
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
}


/*################
##### FOOTER #####
################*/ 

#footer{
	clear					: both;
	width					: 800px;
	height					: 50px;
	margin					: 0px auto 0px auto;
	line-height				: 1.4em;
	font-size				: 11px;
	background				: url('../images/footerBkgrnd.gif') top left;
	color					: #AFBDCD
}

#copyright, #terms{
	margin					: 0px 0px 0px 0px;
	padding		 			: 9px 0px 0px 20px;
	float					: left;
	text-align				: left;	
}

#siteMap {
	padding		 			: 15px 0px 0px 0px;
	float					: right;
}

.logoSmall{
	padding		 			: 6px 10px 0px 20px;
	float					: right;
}

#copyright a, #siteMap a {
	text-decoration			: none;
	color					: #FFFFFF;
}

#copyright a:hover , #siteMap a:hover{
	color					: #FFFFFF;
	text-decoration			: underline !important;
}



/*###############
##### MISC. #####
###############*/ 


.hr
{
	margin					: 20px 0px 20px 0px;
	padding					: 5px 0px 0px 0px;
	text-align              : right;
	border-top              : 1px solid #CCC;
}

/* ---- IMAGES ---- */
.awards{
	margin					: 10px 20px 10px 0px;
	padding					: 0px 0px 0px 0px;
	float					: left;
}

.associate{
	margin					: 52px 0px 10px 10px;
	padding					: 0px 0px 0px 0px;
	float					: right;
}

.imgRight{
	margin					: 0px 0px 10px 10px;
	padding					: 0px 0px 0px 0px;
	float					: right;
}


.logoLink
{
	margin					: 0px 0px 20px 20px;
	padding					: 0px 0px 0px 0px;
	float					: right;
	width					: 220px;
	display					: block;
}
.logoLink a
{
	margin					: 0px 0px 20px 0px;
	padding					: 0px 0px 0px 0px;
	text-decoration			: none;
	float					: right;
	text-align				: center;
	font-weight				: bold;
}
.logoLink a
{
	text-decoration			: none;
}

/* ---- CONTACT FORM ---- */
.table, .table2{
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 350px;
	font-size				: 105%;
	line-height             : 1.4em;
}

.table2{
	width					: 600px;

}

.table td, .table2 td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 5px 0px;	
	vertical-align			: top;

}


.textField{
	width					: 200px;
	height					: 16px;
	font-size				: 13px;
	float					: right;
	font-family				: Arial, Helvetica, sans-serif;
}

.textArea{
	width					: 200px;
	height					: 80px;
	float					: right;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}


.submitBtn{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 0px 5px;
	display 				: block;
	float					: right;
	font-weight				: normal;
	text-align				: center;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 11px;
	line-height				: 1.6em;
	height					: 24px;
	width					: 80px;
	border					: 1px solid #999999;
	background-image		: url(../images/navBkgrnd.gif);
	background-position		: bottom;
	cursor					: pointer
}

.submitBtn:hover{
	background-image		: url(../images/navOver.gif);
	background-position		: bottom;
	color					: #FFF;
	text-decoration 		: none;
}


#mapHolder{
	width					: 590px;
	height					: 270px;
	display					: block;
	margin					: 0px 15px 20px 0px;
	padding					: 6px 6px 6px 6px;	
	border					: 1px solid #999999;
	background-color		: #FFFFFF;

}

#map{
	width					: 588px;
	height					: 250px;
	border					: 1px solid #999999;

}

.regCompany
{
	margin					: 20px 30px 10px 20px;
	padding					: 4px 5px 2px 5px;	
	border					: 1px solid #BBB;
    text-align              : center;
    color                   : #777;
    font-size               : 11px;
    line-height             : 1.3em;
}