@charset "utf-8";
body  {
	font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px; color: #000000;
	margin: 0;	padding: 0; text-align: center; 
	background-image:url(../Images/big.jpg);
}


#navlinks {
	margin: 0; padding: 4px 5px; color: #fffcc8; height: 30px;
	background-image:url(../Images/nav_bg.png); background-repeat:no-repeat;}

#navlinks li {
	display: inline; border-left: 1px solid #663366; border-right: 1px solid #663366;}

#navlinks li.first {margin-left: 2em; border-left-width: 0px} 	#navlinks li.last {border-right: 0;}

#navlinks a {color: #fffcc8; text-decoration:none; padding: 5px 5px 5px 5px;}			
#navlinks a:hover {color:#517442; background:#fffcc8; padding: 5px 5px 5px 5px; }


#container { 
	width: 780px;  
	margin: 15px auto; 	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(../Images/berryrptr.png);		background-repeat:repeat;
} 

#header {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	height: 183px;
	background-image:url(../Images/hdr.jpg);
	background-repeat:no-repeat;	
}

#nav {padding-top:160px;}

/* Sideys */
#sidebar1 {	float: left; width: 100px;}

#sidebar2 {	float: right; width: 50px;}

/* Main Formatting */

#mainContent {margin: 0 60px 0 120px; /* right in em or px to give space for sidenav*/	
padding-top:25px; padding-bottom: 20px;  padding-right:10px;}

#mainContent p {}
#mainContent p strong {color: #1b0029;	font-weight: bold;}
#mainContent p em {color: #28451c;}

#mainContent h1 {font-size:20px; color: #ffffff; text-transform:lowercase;padding-left: 120px;				
				background-image:url(../Images/a_green_sq.png); background-repeat:repeat; margin: 0px -70px 0px -120px;}				
#mainContent h2 {font-size:18px; color: #ffffff; text-transform:lowercase;padding: 5px 5px 5px 5px; margin: 5px 0px 5px -5px;				
				background-image:url(../Images/a_green_sq.png); background-repeat:repeat;}
#mainContent h3 {font-size:14px; color: #ffffff; text-transform:lowercase;padding: 5px 5px 5px 5px; margin: 5px 0px 5px -5px;				
				background-image:url(../Images/a_green_sq.png); background-repeat:repeat;}

#mainContent a {text-decoration:underline; font-style:oblique;	font-weight: bold; color:#1b0029;}
#mainContent a:hover  {text-decoration:none; color:#1b0029;}
#mainContent a:visited {color:color:#1b0029;;}

/* form */
#formsect {	border-color: #1a330f; border-style: solid;	border-width: 2px; padding: 5px; margin: 0px 120px 0px 60px;
background-image:url(../Images/a_light_sq.png); background-repeat:repeat;}



/* footer */
#footer { padding: 10px; background:#517442; color: #FFFFFF;} 
#footer p {	margin: 0; padding: 10px 0; font-size: 10px;}

#footer a {	color:#FFFFFF; text-decoration:none;}
#footer a:hover {	color:#FFFFFF; text-decoration:underline;}
#footer a:visited {	color:#FFFFFF; }

/* Miscellaneous classes for reuse */
.fltrt { float: right;	margin-left: 8px;}
.fltlft { float: left;	margin-right: 8px;}
.clearfloat { clear:both;  height:0; font-size: 1px; line-height: 0px;}

.redText {color:#C00;}