
/*
Body & Containers
*/

*	{
	padding:0;
	margin:0;
	}

body
	{
	background-color:#35456C;
	color:#444444;
	font-family: verdana, arial, sans-serif;
	background-image:url(../images2/bg-grad-paper.jpg);
	background-repeat: repeat-x;
	font-size: 14px;
	}



#container
	{
	width:900px;
	height:1048px;
	margin: 0px auto 20px auto;
	padding: 0px;
	background-image:url(../images2/tmw-template.jpg);
	position:relative;
	}

	
#mainnav
	{
	width: 900px;
	height: 170px; 
	}


	
#content
	{
	line-height: 14px;
	position: absolute;
	top: 190px;
	left: 84px;
	width: 510px;
	background-position: -80px 0px;
	}
	
	
#content p
	{
	line-height: 18px;
	margin-bottom: 18px;
	margin-top: 8px;
	}
	
a
	{
	font-weight: bold;
	}
	
a:link, a:visited
	{
	color: #2D472C;
	}
	
a:hover
	{
	color: #5E955C;
	}	
		
	

	
#contentwide
	{
	position: absolute;
	top: 200px;
	left: 84px;
	width: 690px;
	background-position: -80px 0px;
	}
	
	
	
.toplinks
	{
	background-color: white;
	border: solid 1px black;
	padding: 4px;
	width: 420px;
	text-align: center;
	margin-bottom: 12px;
	margin-top: -6px;
	}
	
#rightbar
	{
	position: absolute;
	top: 210px;
	left: 526px;
	width: 332px;
	}
	
#galselect
	{
	position: absolute;
	left: 614px;
	top: 46px;
	width: 210px;
	}
#galselect li
	{
	display:inline;
	}

#galselect img
	{
	cursor: pointer;
	}
	
#galleryimgholder
	{
	width: 610px;
	text-align: center;
	}
	
#galdescription
	{
	width: 560px;
	text-align: center;
	}
	
	
#mainnav
	{
	position: absolute;
	top: 133px;
	}
	
	
	
#mainnav ul
	{
	list-style-type:none;
	}
	
#mainnav li
	{
	display:inline;
	}
	
#mainnav a
	{
	background-image: url(../images2/tmw-navbar.jpg);
	display: block;
	float: right;
	height: 37px;
	}
#mainnav a span
	{
	display: none;
	}
	
#nav1 {width: 155px; background-position: 0px -1px;}
#nav2 {width: 146px; background-position: -155px  -1px;}
#nav3 {width: 146px; background-position:-301px -1px;}
#nav4 {width: 128px; background-position:-447px -1px;}
#nav5 {width: 140px; background-position:-575px -1px ;}
#nav6 {width: 185px; background-position: -715px -1px ;}

#nav1:hover {width: 155px; background-position: 0px -39px;}
#nav2:hover {width: 146px; background-position: -155px  -39px;}
#nav3:hover {width: 146px; background-position:-301px -39px;}
#nav4:hover {width: 128px; background-position:-447px -39px;}
#nav5:hover {width: 140px; background-position:-575px -39px ;}
#nav6:hover {width: 185px; background-position: -715px -39px ;}

/*
Per Page Style - navigation "here" buttons
*/

#home #nav1, #home #nav1 hover {background-position: 0px -77px;}
#history #nav2, #home #nav2 hover {background-position: -155px -77px;}
#jobs #nav3, #home #nav3 hover {background-position: -301px -77px;}
#staff #nav4, #home #nav4 hover {background-position: -447px -77px;}
#gallery #nav5, #home #nav5 hover {background-position: -575px -77px;}
#contact #nav6, #home #nav6 hover {background-position: -715px -77px;}



/*
Content Styling
*/

h1
	{
	margin-top: 12px;
	font-size: 20px;
	margin-bottom: 18px;
	}

h2
	{
	font-size: 16px;
	color: #354e31;
	margin-bottom: 12px;
	margin-top: 8px;
	}

#contentwide table
	{
	background-color: white;
	border: solid 1px black;
	font-size: 12px;
	border-collapse: collapse;
	table-layout: fixed;
	}
	
#contentwide td
	{
	width: 200px;		
	padding: 4px 8px 4px 8px;
	}

#contentwide th
	{
	background-color: #DC995F;	
	height: 30px;
	}
	
#contentwide tr.hi
	{
	background-color: #D2C6AF;	
	}	

#contentwide td.date
	{
	width: 90px;
	}
	
.flr
	{
	float:right;
	}	
	
#content ul, #contentwide ul
	{
	list-style: inside;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 6px;
	}	

	
	
	
	
.joblist td.date
	{
		font-weight: bold;
		text-align: center;
	}	
	
	

/*
Per Page Formatting
*/
	
#history #content
	{
	width: 446px;
	}	

	
#staff #contentwide
	{
	left: 140px;
	width: 600px;
	}	
		
#contact #rightbar
	{
	left: 520px;
	
	}
	
#gallery #content
	{
	left: 50px;
	width: 810px;

	}	