/*

	PRIICR BY DEEPCALM.COM
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
	   10.SECTION SPECIFIC
	   
    -------------------
	
*/

@import url(reset.css); /* RESET CSS */
@import url(forms.css); /* FORMS CSS */

/* 1.BODY
---------------------------------------------------------------------- */

html { 
}	
body {
	font-family : Georgia, Times, serif;
	font-size : 100%;
	line-height : 20px; /* 20px */
	background : rgb(245,245,245) url(/site_images/back2.jpg) 0 0 repeat;
}
#nav_access { position : absolute; margin : 0; padding: 0;}
#nav_access li { list-style-type : none; }
#nav_access a { 
	display: block; 
	position: absolute; top:0; left: -999px; 
/*	padding: 10px 20px; */
} 
#nav_access a:focus { left: 0; }

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p {
	font-size : 14px; line-height : 20px;
	margin : 0 20px 0 0;
	margin-bottom : 20px;
	color : rgba(0,0,0,0.9);
	font-family: Helvetica, Arial, sans-serif;	
}
ul,dl,ol {
	font-size : 14px; line-height : 20px;
	margin-bottom : 20px;
	color : rgba(0,0,0,0.9);
}

ul li { margin-bottom: 0em; margin-left: 20px; list-style : disc; }
dl { margin:0 0 0em 0; }
dl dt { font-weight:bold; }
dd { margin-left: 0; }

ol { list-style-type:decimal; }
ol li { margin-left: 20px; }

ol p { margin-top: 0; }

abbr { border-bottom:1px dotted #555; cursor:help; }
del { text-decoration:line-through; }
strong { font-weight:bold; }
em { font-style:italic; }
sup { font-size:0.75em; position:relative; top:-3px; }

table { }
th { font-weight:bold; }
th, td { vertical-align: middle; }

hr { display:none; }

/* 3.HEADINGS
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight : bold; font-family : Georgia, Times, serif; color : rgba(0,0,0,0.9); }
h1 {
	font-size : 28px; line-height : 25px; letter-spacing : -0.05em;
}
h2 {
	font-size : 32px; line-height : 60px; letter-spacing : -0.05em;
	margin : 0 0 0 10px;
}
h3 {
	font-size : 16px; line-height : 20px;
}
h4, h5 {
	font-size : 14px; line-height : 20px; font-weight : normal; font-style : italic;
}


/* 4.LINKS
---------------------------------------------------------------------- */

a:link, a:visited { color : rgba(0,0,0,0.8); text-decoration:underline; padding : 0 1px;}
a:hover, a:focus { color : rgb(0,0,0); background-color : rgba(0,0,0,0.1); text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius : 3px; }

/* 5.IMG STYLES
---------------------------------------------------------------------- */
img { display : block; }
p img {  }

img.left { float:left; margin-right:10px; }
img.right { float:right; margin-left:10px; }

/* 6.MAIN LAYOUT
---------------------------------------------------------------------- */

body {
	min-height : 500px;
	position : relative;
	width : 900px; margin : 0 auto;
}
.section.main {
	position : relative;
	margin : 0;
	clear : left; float : left;
}

/* 7.GLOBAL STYLES
---------------------------------------------------------------------- */

.clear { clear:both; }
.hide {display:none;}
.break { clear: both; }

/* 7.BRANDING/MASTHEAD - FLASH!
---------------------------------------------------------------------- */

#header.header h1 {
	padding : 0; width : 160px; height : 200px; position : relative; 
	margin : 0;
	background : rgb(35,53,111);
	-webkit-box-shadow: 0px 0px 5px rgb(50,50,50);
	-moz-box-shadow: rgb(50,50,50) 0px 0px 5px;
}
#header.header h1 a {
	display : block;
	width : 140px; height : 50px;
	padding : 140px 10px 10px 10px;
}
#header.header h1 a:link, #header.header h1 a:visited { color : rgba(255,255,255,0.9); text-decoration:none; }
#header.header h1 a:hover, #header.header h1 a:focus { color : rgb(255,255,255); background : rgba(255,255,255,0.05); }



/* 8.NAVIGATION
---------------------------------------------------------------------- */

/* primary nav */
#header .nav {
	position : absolute; top : 0; left : 180px;
}
#header .nav ul {
	 margin : 0;
}
#header .nav li {
	display : block; float : left;
	margin : 0; padding-right : 20px;
/*	background-color : #f2f2f2;*/
}
#header .nav li a { 
	display : block; float : left;
	width : 140px;
	padding : 20px 10px 10px 10px;
	font-weight : bold; text-decoration: none;
	font-size : 16px; line-height : 20px;
	color : #222;
}
#header .nav li a:hover {
	color : rgb(255,255,255); background : rgb(35,53,111);
	-moz-border-radius: 0; -webkit-border-radius : 0; 
	-webkit-box-shadow: 0px 0px 5px rgb(50,50,50);
	-moz-box-shadow: rgb(50,50,50) 0px 0px 5px;
}
#header .nav li.active a { 
	color : rgb(255,255,255); background : rgba(35,53,111,0.9);
	-webkit-box-shadow: 0px 0px 5px rgb(50,50,50);
	-moz-box-shadow: rgb(50,50,50) 0px 0px 5px;
	cursor: default;
}

/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */

#footer.footer {
	clear : both;
	padding : 40px 0 0 360px;
	width : 540px;
}
#footer.footer > div {
	float : left;
	padding-bottom : 20px;
	width : 180px;
	font-size : 12px; line-height : 16px;
	color : rgba(0,0,0,0.9);
	font-family: Helvetica, Arial, sans-serif;	
}
#footer.footer p {
	font-size : 12px; line-height : 16px;
}
#footer.footer #disclaimer {
	width : 540px;
}
#footer.footer #built {
	padding-top : 96px;
}

/* 10. MAIN SECTION STYLES
---------------------------------------------------------------------- */

.section.main .article { width : 540px; padding-left : 360px; }
.section.main .article .header { margin-left : -360px; }

.section.main .article .figure { float : right; margin : 0 20px 20px 20px; }

#content_main img { background-color: #8E2140; padding : 5px; margin-bottom : 10px;}

/* 10.CONTENT SUB STYLES
---------------------------------------------------------------------- */

.vcard {
}

/* 10.SECTION SPECIFIC STYLES
---------------------------------------------------------------------- */

.about .colgroup {
	padding-left : 180px;
}
.about .colgroup .col {
	display : block;
	float : left;
	width : 180px;
}
.about .colgroup .col h3 {
	margin-top : 10px;
}
.about .colgroup .col h4 {
	margin-bottom : 10px;
}

.contact .section.main h5 { font-size : 36px; line-height : 40px; font-style : normal; }
.contact .section.main h5 a { text-decoration : none; color : rgba(0,0,0,0.9);}
.contact .section.main p.note { font-size : 12px; }
.contact .section.main #googlemap { width : 700px; height : 400px; margin : 10px 0 10px -180px; background-color : #666; }