/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
.bulletarrow {
	list-style-image: url(ico_arrow.gif);
}

ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}





/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */

br.cheapNastyFix { clear:both; height:1px; margin:-1px 0 0 0 }






/* Typography - basics */

h1 { background:url(logo.png) center repeat-x; width:350px; height:67px; position:absolute; text-indent:-9999px; top:160px; left:76px }
h2 { position:absolute; top:10px; left:330px; font:Helvetica-Narrow, Helvetica, Arial, sans-serif; font-size:42px; color:#FFFFFF; text-transform:uppercase; }
h3 { position:absolute; top:50px; left:330px; font:Helvetica-Narrow, Helvetica, Arial, sans-serif; font-size:30px; color:#8fc008 }
div.quote {position:absolute; top:80px; left:330px; font:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; width:500px }

h4 { position:absolute; top:10px; left:80px; font:Helvetica-Narrow, Helvetica, Arial, sans-serif; font-size:42px; color:#FFFFFF; text-transform:uppercase; }
h5 { position:absolute; top:50px; left:80px; font:Helvetica-Narrow, Helvetica, Arial, sans-serif; font-size:30px; color:#8fc008 }
div.subquote {position:absolute; top:80px; left:80px; font:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; width:500px }

body, p, li, dt, dd, th, td, label, input, textarea { font-family: Arial, Helvetica, sans-serif; color:#000000; }

body, p, li, label, input { font-size:12px; line-height:18px; color:#000000 }
p { margin:10px 0 }
blockquote p { color:#666; font-weight:normal; margin:0 0 0 0 }

a { color:#00a2d5; text-decoration:none }
a:hover { color:#00a2d5; text-decoration:underline; }


/* Layout */

body { background:#ffffff; text-align:center; background:url(bg2.jpg) center top repeat-x;}
div.wrapper { text-align:left; margin:0 auto 0 auto; width:822px; position:relative; }
div.boxes { text-align:left; top:-30px; width:820px; position:relative }
div.toppic { background:url(temp07_pic.jpg) top left no-repeat; width:820px; height:345px; position:absolute; top:-120px; }
div.subpic { background:url(temp07_subpic.jpg) top left no-repeat; width:820px; height:345px; position:absolute; top:-120px; }


div.body { width:820px; margin:150px 0 10px 0; } /* A border AND an outline - 'ave it! */
div.body ul { margin:20px 0 0 0 } 
div.body ul li { bottom right no-repeat; float:left; width:166px; height:100%; padding:0 0 0 20px; position:relative;  }


.header{
	font-family:Helvetica-Narrow, Helvetica, Arial, sans-serif;
	font-size:30px;
	color:#559398;
	text-transform:uppercase;
}

.subheader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#953735;
	font-weight:bold;
}

.box{
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
}
.red{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ff5e3d;
}
.copyright{
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
	font-size:11px;

}

/*-------------------------------------
 	SiteNav
---------------------------------------*/
ul {
	list-style:				none;
}

#siteNav ul {
	left:					-1px;
	background:				url(nav_bg.jpg) top left no-repeat;
	width:					820px;
	height:					57px;
	position:				absolute;

}

#siteNav li {
	float:					left;
	position:				relative;
	top:					16;
	left:					0;
	font-family:			Arial, Helvetica, sans-serif;

}

#siteNav li a {
	padding:				15px 35px 8px 35px;
}

#siteNav li.current a {
	margin-bottom:			-1px;
}

#siteNav li ul {
	display:				none;
	position:				absolute;
	top:					0;
	left:					0;
	margin:					0;
	padding:				0;
}

#siteNav ul:after {
    content:				"."; 
    display:				block; 
    height:					0; 
    clear:					both; 
    visibility:				hidden;	
}

#siteNav li ul li ul {
	position:				relative;
}

#siteNav li ul li {
	width:					175px;
}

#siteNav li > ul {
	top:					auto;
	left:					auto;
}

#siteNav li:hover ul {
	display:				block;
}

#siteNav li.current ul {
	padding-bottom:			1px;
}

#siteNav li {
	font-size:				16px;
	text-align:				center;
	left:					30px;
}



#siteNav a {
	text-decoration:		none;
	display:				block;
	border-bottom:			none;
}

#siteNav {
	height:					57px;
}


#siteNav li a:link, #siteNav li a:visited {
	color:					#ffffff;
}

#siteNav li a:hover {
	color:					#ffffff;
	background:url(nav_current.jpg) no-repeat center top;
	

}

#siteNav li.current a:link, #siteNav li.current a:visited {
	color:					#ffffff;
	background:url(nav_current.jpg) no-repeat center top;
	

}


/*-------------------------------------
 	SiteNav End
---------------------------------------*/



/* Footer nav */

div.footer {width:817px;position:relative; bottom:0px; background:url(bg_footer.jpg) repeat-x; margin:0 auto 0 auto}
div.footer div.insideFooter { text-align:left; margin:0 auto; width:820px; height:76px; position:relative; bottom:-20px; padding:10 10 10 40;}
div.footer div p { color:#788284; margin:0 ; }
div.footer div p.copyright { color:#788284; font-size:11px; }
div.footer div p.copyright a { color:#788284; border-bottom:1px dotted #50514C; font-size:11px;  }
div.footer div p.copyright a:hover { color:#788284; border-bottom:1px solid #50514C }


div.footer div ul { width:820px; height:38px; position:relative; margin:0 0 40px 0 }
div.footer div ul li a { color:#788284; height:38px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none; border:none }
div.footer div ul li a:hover { border:none }