/* ................................................................................ Generic Stuff */

body 	{ 
		margin:0;
		padding:0;
		
		font-family: Verdana, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #333; 
		
		text-align:center; /* this is where the centering happens */
		background-color:white;
		background-image: url(OFFpage_simplewhite.jpg);
		background-repeat: repeat-y;
		background-position: top center; 
		}
		
a, a:visited, a:active, a:link
		{
		color: #999999;
		text-decoration: none;
		border-bottom: 0px dotted grey;
		}
		
a:hover 
		{
		color: black;
		background: lightgrey;
		text-decoration: none;
		border-bottom: 0px dotted grey;
		}
		
		
/* ................................................................................ Header img */

div.header {
		position: relative;
		top: 0px;
		left: 0px;
		width: 780px;
		height: 120px;
		background-image: url(header.jpg); 
		background-color: transparent;
		background-repeat: no-repeat;
		}
		
		
/* ................................................................................ menus */
#menu {
	position:absolute;
	left:29px;
	top:32px;
	width:100px;
	height:112px;
	z-index:1;
	line-height: 16px;

}
#tessa {
	font-size: 13px;
	border-bottom: 1px solid #999999;
	padding-bottom: 6px;
	padding-left: 3px;
	margin-bottom: 7px;
	font-weight: bold;
	color: #999999;
	text-align: left;
}

#selections a{
	padding-left: 4px;
	color: #999999;
}

/* ................................................................................ labels */

#info {
	position:absolute;
	left:474px;
	top:54px;
	width:296px;
	height:99px;
	z-index:1;
	line-height: 16px;
}

#labeltitle {
	/*border-bottom: 1px solid #333333;*/
	border-bottom: 1px solid #999999;
	padding-bottom: 6px;
	padding-left: 3px;
	margin-bottom: 7px;
	font-weight: normal;
	text-align: left;
	color: #999999;
}

#label {
	padding-left: 4px;
	color: #999999;
}


/* ................................................................................ Containters */
		
div.container { /* everything is inside the container, the body centers the container */
		position: relative;
		margin: 0 auto; /* the auto margin does the fixed centering trick see bluerobot */
		width: 780px;
		height: 100%;
		text-align: left; 
		bgcolor: grey;
		}
		
div.main {
		position: absolute;
		top: 10px;/* the distance from the top of the first post */
		left: 0px;
		right: 0px;
		text-align: left;
		}	
			
/* ................................................................................ images */	
/* apply multiplie styles <img class="outline right"> */		
			
img.outline,
a img.outline,
a:visited img.outline, 
a:active img.outline, 
a:link img.outline 
		{
	background: white;
	border: 1px solid #EEEEEE;
	padding: 5px;
	margin: 5px;
		}
		
		
img.outline2,
a img.outline2,
a:visited img.outline2, 
a:active img.outline2, 
a:link img.outline2 
		{
	background: white;
	border: 1px solid #EEEEEE;
	padding: 0px;
		}
		
		
a:hover img.outline
		{
		border: 1px solid grey;
		}







/* ................................................................................ newmenu */	
/* ........  http://css.maxdesign.com.au/listamatic/vertical08.htm    ........... from here */	

#navcontainer {
	width: 17em;
	position:absolute;
	left:26px;
	top:20px;
	height:112px;
	z-index:1;
	}

#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Verdana, Helvetica, sans-serif;
	}

#navcontainer a {
	display: block;
	padding: 3px;
	width: 92%;
	background-color: white;
	border-bottom: 0px solid white;
	}

#navcontainer a:link, #navlist a:visited {
	color: #999999; /* this is the menu item text color, when not hovering or active */
	text-decoration: none;
	padding-left: 8px;
	}

#navcontainer a:hover {
	background-color: #CCCCCC; /* this is the menu item background hover color */
	color: #333333; /* this is the menu item text hover color*/
	}

#navlist li a#current {
	background-color: #F2F2F2; /* the currently selected menu item background color */
	color: #999999; /* the currently selected menu item text color */
	}

#navlist li#topmenu a {
	font-size: 13px;
	border-bottom: 1px solid #999999;
	padding-bottom: 4px;
	padding-left: 8px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #999999;
	text-align: left;
	word-spacing: 1px;
	letter-spacing:1px;
	}

#navlist li#topmenu a:hover {
	color: #333333;
	}