#wrapper
{
width:85%;
min-height:280px;
margin: 40px auto;
line-height: 130%;
}


#logo
{
height: 180px;
}


#header
{
height: 180px;
border:1px solid gray;
}


#extra
{
float: left;
width: 160px;
/*margin-left: -12px;*/
margin-top:10px;
/*padding: 1em;
margin-bottom:10px;*/
}

#extra_box
{
padding: 1em;
width: 160px;
margin-bottom:10px;
border:1px solid black;
background-color:#faf0ff;
}


#navcontainer
{
float: right;
width: 160px;
margin-right:8px;
padding: 1em;
}


#content
{
margin-left: 200px;
margin-right: 200px;
max-width: 56em;
min-height:250px;
padding-left:10px;
/*border:1px solid black;
background-color:#eeeeee;*/
}

#footer
{
clear: both;
border-top: 1px solid gray;
margin-top:10px;
}

#thumb
{
border: 1px solid gray;
margin: 2px;
}

/*
#content #contentbox.right     { float:right; width:41%; clear:right; border:10px solid red; }
#content #contentbox.left     { float:left; width:41%; clear:left; border:10px solid red; }

#content.leftcol   { float:left; width:200px; border-left: 1px solid; border-top:2px solid; }
#content.rightcol  { float:right; width:200px; border-left: 1px solid; border-top:2px solid; }
*/

#contentbox
{
padding: 1em;
margin-top:10px;
border:1px solid black;
background-color:#faf0ff;
}


#content #leftcol   { float:left; max-width:49%; }
#content #rightcol  { float:right; max-width:49%; }



#leftcol #contentbox { float:top; clear:both; } 
#rightcol #contentbox { float:top; clear:both; } 

		html, body 		{ margin: 0; padding: 0; }
/*		body 			{ color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; background-color:#fff8c6;}*/
		body 			{ color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; background-color:#ffffff;}
		h2				{ color: #333; }
		a				{ color: #337810; }
		p				{ margin: 0 0 18px; }
        #contentbox     { border-bottom:2px solid; padding:10px; }
		#contentbox h2  {font-size:small; }

		/* Content Style */
		#extra			{ background: #ffffff}
		#content p { padding-right: 18px; }

		/* Content Style */
		#extra_box	 { border-bottom: 1px solid black; padding-left: 18px;  padding-top: 5px;}
		#extra_box p { padding-right: 18px; }
		#extra_box.brown {background: #cc9900}
		#extra_box.yellow {background: #ffff66}
		#extra_box.kaki {background: #dd8833}


		/* #contentbox     { padding-right: 10px; padding-left: 10px; }*/
        /* #contentbox     { padding-right: 10px; padding-left: 10px; background: #e0d070; border: 1px solid #333;}*/

        #topnav			{ background: #333; border: 1px solid gray; margin-top:10px;}
		#topnav a		{ color: #eee; }
		#topnav	p		{ color: #ccc; margin: 0; padding: 0 18px 10px; }
		#topnav ul		{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
		#topnav li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
        
		#footer			{ background: #333; border-bottom: 2px solid #999; padding:.5em;}
		#footer a		{ color: #eee; }
		#footer	p		{ color: #ccc; margin: 0; padding: 15px 18px 10px;  border-top: 1px solid #555; border-bottom: 1px solid #555; }
		#footer ul		{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
		#footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
        

		#navcontainer ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: verdana, arial, Helvetica, sans-serif;
		}
		
		#navcontainer li { margin: 0 0 1px 0; }
		
		#navcontainer a
		{
			display: block;
			padding: 5px 10px;
			width: 160px;
			color: #fff;
			background-color: #827839;   	
			/*background-color: #cc3300;*/
			text-decoration: none;
		}
		
		#navcontainer a:hover
		{
			color: #fff;
			background-color: #c9be62;
			text-decoration: none;
		}
		
		#navcontainer ul ul li { margin: 0 0 1px 0; }
		
		#navcontainer ul ul a
		{
			display: block;
			padding: 5px 5px 5px 30px;
			width: 145px;
            color: #7e2217;
			background-color: #ffcc66;
			text-decoration: none;
		}
		
        
		#navcontainer ul ul a:hover
		{
			color: #fff;
			background-color: #cc6633;
			text-decoration: none;
		}

        /*        
   		#navigation		{ border-bottom: 1px solid #ccc; padding-right: 18px; padding-top: 5px}
		#navigation ul	{ padding: 0 18px 9px; }
		#navigation		{ float: left; margin-left: -200px; margin-top: 10px ; width: 182px; background: #eee}
        */