BODY					{background-color: #728363;
						font-family: verdana, arial, sans-serif;
						color:#333;
						font-size:12px;
						margin-top:0px;
						/* height:480px; */}
						
						
td						{font-family: verdana, arial, sans-serif;
						color:#333;
						font-size:12px;}
	
						

/* main block around everything */
#container, #container_plus, #container_plus_plus, #container_immense,  #container_huge, #container_big, #container_bigger
						{background-color:#fff;
						width:640px;
						/* height:600px; */
						min-height:600px;
						margin:auto;
						margin-top:0px;
						border:1px solid #fff;
						border-width:0px 1px 1px 1px;
						border-color:#506B55;
						position:relative;
						background:#fff;}

						
						
#container {height:637px;}	

#container_plus		{height:800px;}				
						
#container_plus_plus		{height:1000px;}

#container_immense {height:1300px;}

#container_huge {height:5000px;}

#container_big {height:1500px;}

#container_bigger {height:2000px;}

				
						
/* divs containing content */						
#content, #content_bigger			{position:absolute;
						top:200px;
						background:#fff;
						width:640px;}
						
						
						
#content_bigger	{height:2500px;}		
							
#left_col			{/* height:300px; */
						width:100px;
						padding-left:20px;
						padding-top:50px;
						float:left;}
						
#text_col, #text_col_plus, #text_col_plus_plus, #text_col_immense, #text_col_huge, #huge, #big_col																	{float:left;
						height:310px;
						padding:20px;
						padding-left:60px;
						width:400px;
						/* border:1px solid blue; */
						}

						
#text_col_plus		{height:500px;}	
						
#text_col_plus_plus		{height:700px;}	
						
#text_col_immense	{height:1000px;}

#big_col					{height:1500px;}

#text_col_huge	{height:2000px;}

#huge				{width:500px;
						height:5000px;}

.table_div		{height:100px;
						width:500px;
						padding-bottom:20px;}				

#max_width					{width:580px;
									float:left;}

#menubar			{position:absolute;
						top:170px;
						width:640px;}						
						
						
					/* site wide standard html */					
						
a:link, a:visited, a:active, a:hover	
					{text-decoration: underline;}
					
a:link			{color: #506B55;
					text-decoration: underline;}	
				
a:hover			{color: #CC6600;}	
				 
a:visited		{color: #336600;}						
						
h1					{color:#000;
					font-size:14px;}
					
					/* #718363 */
					
					
					

h2					{color:#718363; /* #718363 */
					font-size:12px;
					/* padding-left:10px; */}

h3					{color:#718363;
					font-size:11px;
					padding-top:10px;
					/* padding-left:10px; */}
						
/* ************************************ */
					/* header stuff */	
					
#header				{height:135px;
						width:640px;
						padding:0px;
						margin:0px;
						position:absolute;
						top:0px;
						background:#fff;}

#header_text, #image_1, #image_2, #image_3, #image_4, #text_image
				
								{position: absolute;
								top: 0px;}
						
#image_1					{left:0px;}
						
#image_3					{left:135px;}					
						
#image_4					{left:238px;}
	
#image_2					{left:345px;
								top:30px;} /* the logo */


#text_image					{left:485px;
top:42px;}

.float_left					{float:left;}

/* end of header stuff */		
									
						
#footer				{clear:both;
					/* 	float:left; */
						padding:20px 0px 20px 20px;
						font-size:9px;
						border:1px solid #fff;
						border-color:#506B55;
						border-width:2px 0px 1px 0px;
						position:relative;
						top:0px;
						/* width:600px; */
						/* height:75px; */}
						
									
						
.clear				{clear:both;}	

.error				{background-color:#FFCC00;
						border:1px solid red;
						padding:20px;}
						
.message, .message_rt, .message_wide			{border:1px solid #000;
							width:200px;
							padding:10px;
							float:left;}
							
.message_rt			{float:right;}	

.message_wide		{width:300px;
margin-left:100px;}			
							
.small					{font-size:10px;}	

.smaller_p p		{margin:0;
								padding:0;}

.photo, .photo_alt	{text-align:center;
							width:200px;
							float:left;
							height:200px;
							padding-left:50px;}	
							
.photo_alt			{width:250px;
							min-height:300px;
							margin:10px;
							padding-left:0px;
							/* border:1px solid black; */
							text-align:left;}

.photo img, .photo_alt img		{padding-bottom:5px;}

#wash, #sailor	, #blindfold	{height:400px;}				

/* ******** list elements ************ */

.no_bullets 		{list-style-type:none;
							padding-bottom:5px;}

.bullets 				{padding-bottom:5px;}


.border				{border:1px solid #000;
						padding:1em;}	

.required			{font-style:bold;
						color:#FF0000;}

ol li				{padding-bottom:5px;
						line-height:1.3em;}

ul#col_2, ul#col_1		{float:left;}

.db			{vertical-align: top;
				padding: 0.2em;
				font-size: 12px;
				}
				
.db_alt_background	
				{
				background-color: #E6E6E6;
				font-size: 12px;
				}
				
.db_tab_menu_forward
				{
				background-color: #FFFFCC;
				
				border-style: solid;
				border-bottom: none;
				border-color: #999999;
				border-width: 1px;
				font-weight: bold;
				text-indent: 1em;
				}
				
.db_tab_menu
				{
				background-color: #FFFFFF;
				border-width: 1px 1px 0 1px;
				border-style: solid;
				border-color: #999999;
				text-indent: 1em;
				}
				
.db_tab_background
				{
				background-color: #FFFFCC;
				border-style: solid;
				border-top: none;
				border-color: #999999;
				border-width: 1px;
				}												
.db			{vertical-align: top;
				padding: 0.2em;
				font-size: 12px;
				}			
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
								
						
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* first small menu */



/* 
temporarily turned off to prevent IE7 errors



#small_nav, #small_nav ul {margin-top:0px;
						list-style:none;
						font: 10px verdana, arial, sans-serif;
						background:#fff;}

#small_nav 		{height:25px;
						padding:0;}

#small_nav li a {display:inline; float:right; color:#888; height:25px; padding-right:10px; line-height:25px; text-decoration:none; white-space:nowrap;}

#small_nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#b75;} */

#small_nav	{position:absolute;
top:10px;
right:10px;
/* background:#fff; */
z-index:100;
text-align:right;}

#breadcrumbs	{padding:5px 20px;}

#small_nav a, #breadcrumbs	a, #breadcrumbs{color:#888;
font-size:10px;}

#small_nav a:hover, #breadcrumbs	a:hover	{color:#006600;
}





#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif;  background:#C2B753; position:relative; z-index:200;}

#nav {height:25px; padding:0;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 20px 0 10px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#000; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#C2B753;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#006600;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;
z-index:300;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#006600;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}