/* Inspired by Eric Meyer's complexspiral.com */

/* general styles */

html {margin: 0; padding: 0; }

body {
	margin: 0 30px; 
	padding: 0; 
	background: #fff; 
	color:#333;
	font:12px "Verdana", Arial, sans-serif;
	border: 1px solid black;}

.skip {display:none;}

p {
	margin: 0.3 em 0 1.2em;
	line-height: 1.3em;
	letter-spacing: 1px;
}

p a {
	padding: 0 0em;
	color: black;
	text-decoration: underline;
}

p a:hover {
	color: #369;
	background: #ccc;
	text-decoration: none;
}
	
strong {font-weight: bold;}
em {font-style: italic;}
hr {display: block; clear: both; visibility: hidden;}

#masthead {
	background-image: url(/images/erp_logo.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-color: #e9e9e9;
	height: 80px;

}

/*masthead 

#masthead
{
	padding: .9em 0 0;
	margin: 0;
	border-bottom: 0px solid #8F8E82;
	background-image: url(/images/bg_riverrock_plain_2000.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
*/
#masthead h1 {display: none; font: small-caps bold 200%/0.9em Verdana, Arial, sans-serif; text-indent: -7px;
	margin: 0 5px 0 50px; color: #369;}
	
#masthead h3 {display: none; font-weight: bold; text-indent: -7px;
	padding: 1.5em 15px 1.5em 0; margin: 0 15px 0 80px; color: #369;}

/* main */

#main {position:relative; padding: 2.5em 0 2em 0; margin: 2px 0px 0 0;
	border-bottom: 1px solid #FFF; }

#content {float: right; width:65%; padding: 0 4% 0 0; margin: 0; }

#content #lead {margin: 0 0 1.25em; font: bold 155% Arial; line-height: 1em;
	text-align: left; letter-spacing: -1px; word-spacing: 0; }

/* navbar styles */

#navbar {
	position: absolute; 
	top: 0px; 
	left: 0; 
	right: 0; 
	width: 100%; 
	margin: -3px 0 0;
	padding: 0.1em 0 0.1em; 
	border: 1px solid #8F8E82; 
	border-width: 1px 3px 1px 20px;
	background: #EEEDD9; 
	font-variant:small-caps;}

html>body #navbar {margin: -2px 0 0; }

html>body #navbar a {padding: 0.1em 0.9em -0.1em;}

#navbar a {padding: 0.1em 0.9em 0.1em;
	text-decoration: none; 
	color: #369;
/*	color: #F93;  */
	font-weight: bold;}

#navbar a#home {padding-left:40px;}

#navbar a:hover {
	background: #9C9; 
	color:#FFF;
}

#navbar b {display: none !important;}

.home #navbar #home {color: #9C9; background: transparent; }

.whatdo a#whatdo, .email a#email, .web a#web, .about a#about, .blueskies a#blueskies {
	position: relative; 
	border-bottom: 1px solid #FFF; 
	background: #FFF !important; 
	color: #369 !important;}

/* left column */


#lcol {margin: 0 74% 3em 35px; padding: 0; }
#lcol * {margin: 0; padding: 0;}

#lcol h3 {margin: 0; padding: 2px 0 0; font: bold 1.3em Arial, Verdana, sans-serif;
	background: #EEEDD9; text-align: center;
	border: 1px solid #8F8E82; border-width: 2px 1px; border-bottom: 1px solid #8F8E82;}
	
#lcol h3 a {background: #F93; color: #9C9; padding: 2px 0.5em 0; margin-right: -0.75em;
	border: 1px solid #8F8E82; border-bottom-color: orange; text-decoration: none;}

#lcol h3 a:hover {background: #9C9; color: #FFF;}

#lcol p {border: 1px solid #9C9; border-top: none; font-size: 1em; line-height: 1.2em
	padding: 0.66em; background: #CCC; color: #9C9;}

#lcol ul {list-style: none; padding: 1em 0 0; margin: 0 0 1.5em;
	border: 1px solid #8F8E82; border-top: none; font-size: 0.9em; background: #FFF;}
	
#lcol ul strong {font-size: 1.1em;
}

#lcol ul a {
	padding: 0 0.2em;
	color: black;
	text-decoration: underline;
}

#lcol ul a:hover {
	color: #369;
	background: #ccc;
	text-decoration: none;
}


	
#lcol li {margin: 0 1em 0.5em; padding: 0; broder-top: 1px solid #8F8E82; color: #369;}

#lcol ul ul {border: none; padding: 0; margin: 0; font-size: 1em;}

#lcol ul ul li {margin: 0; padding: 0;}

#newsbox strong {display: block; font-weight: bold; letter-spacing: -1px;}

#eventbox li { }

#thanks{padding:20px 0 20px 20px;}

#footer {border: 1px solid #BBB; border-width:1px 0; 
	font-size: smaller; clear: both;
	background: #e9e9e9;}

#footer p {margin: 1em 1.5em 0.7em 0; text-align:right;
	padding 1em 0 0.5em 0;}
	
#footer .contact {
	padding-right: 1.5em;
}

#footer .contact a {
	text-decoration: none;
	color: #333;
	padding-right: 1.5em;
	padding-left: 1.5em;
}

#footer .contact a:hover {
	background: #9C9;
}