/* style the main body of the page */
body
						{
						background-color: #B9A29C;
						color: #874D28;
						font-size: 0.8em;
						font-family: arial, "Trebuchet MS", verdana, "Times New Roman";
						margin: 10px;
						}

#wrapper				
						{
						width: 750px;
						background-color: #874D28;
						border: 2px solid #000000;
						padding: 15px;
						margin-left: auto;
						margin-right: auto;
						}

#header				
						{
						width: 750px;
						}
#content			
						{
						background-color: #ffffff;
						color: #874D28;
						width: 750px;
						}
						
#contentinner			
						{
						width: 730px;
						padding: 10px;
						}
						
#footer			
						{
						border-top: 3px solid #B9A29C;
						padding: 0px;
						}
						
#menu	
						{
						background-color: #F2EAE7;
						width: 750px;
						border-top: 3px solid #B9A29C;
						height: 42px;
						text-align: center;
						}
						
h1						{
						color: #874D28;
						margin: 0px;
						font-size: 1.6em;
						}
						
h2						{
						color: #B9A29C;
						margin-top: 0px;
						font-size: 1.3em;
						}
						
p						
						{
						line-height: 18px;
						}
						
						
	
/* style the menu */

#navcontainer ul
{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
color: White;
font-family: arial, helvetica, sans-serif;
height: 42px;
line-height: 42px;
font-size: 1.4em;
width: 670px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding-right: 15px;
padding-left: 15px;
line-height: 42px;
color: #000;
text-decoration: none;
float: left;
height: 42px;
}

#navcontainer ul li a.current
{
padding-right: 15px;
padding-left: 15px;
line-height: 42px;
text-decoration: none;
float: left;
height: 42px;
background-color: #874D28;
color: #fff;
background-image: url(../site-images/menu-active-point.jpg);
background-repeat: no-repeat;
background-position: top center;
}

#navcontainer ul li a:hover
{
background-color: #874D28;
color: #fff;
background-image: url(../site-images/menu-active-point.jpg);
background-repeat: no-repeat;
background-position: top center;
}






/* style non main menu links */
a:link, a:visited, a:active
{
				color: #874D28;
				text-decoration: underline;
				font-weight: bold;
}

a:hover
{
				background-color: #874D28;
				color: #fff;
				font-weight: bold;
				text-decoration: underline;
}




/* Style the forms */
.form p{
width: 450px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
}

.form label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.form textarea{
width: 250px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}