/* CORE SAMPLE - TERI RUEB */
	
	
	body,
	html {
		margin:0px 0px 0px 0px ;
		padding:0px 0px 0px 0px;
		background-color:#ffffff;
		color:#333333;
	}
	body {
		min-width:750px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}



		
	
	p {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px;
		text-align: justify;
	}
	
	li{
		margin:0;
		padding:0;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px;
		text-align: left;
		
	}
	
	ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	h3 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-bottom: 0px;
		line-height:14px;
		margin-top:12px;
	}

		/*MAIN BODY*/
	#wrap {
		background-color:#ffffff;
		margin:0 auto;
		/*
		//margin: 0px auto auto 10px;
		*/
		width:750px;
	}

	
/*HEADER*/	
	/* AAARGH!!!! I can't get rid of a 3 pixel strip at the bottom of this header!!!! */
	#header {
		//background-color:#00b8e0;
		background-color:#333333;

		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
		
    #header img{
    	border: 0px;
		width: 100%;
	}
	

	

/*NAVIGATION MENU*/


	#nav {
		/*
		//position:relative;
		//top: 20px;
		//left: 200px;
		//height: 24px;
		//width: 100%;
		////right: 0px;
		//background-color: #00b8e0;
		*/
		
		// IE ADJUST
		text-align:right;
		padding-right:10px;


		
		background-color: #333333;

		
		line-height:24px;

		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		z-index: 2;

	}

	#nav ul{
		/* //display:inline; */
		text-align:right;
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#nav li{
		display:inline;
		color: #ffffff;
		margin-right: 20px;
		padding:0;
	}
	
	#nav .teri{
		//note this SCREWED UP my ORIGINAL POSITIONING should be absolute
		////the inline fixes the TERI RUEB for Safari, etc, but not IE
		display:inline;
		position: absolute;
		left: 10px;
		text-align:left;
		margin:0;
		padding:0;
		color:#ffffff;
	}
	
	#nav a, a:visited {
		color: #ffffff;
		text-decoration: none;
	}
	#nav a:hover {
		color: #333333;
		background-color: #ffffff;
		text-decoration: none;
	}
	
	
/*IN-PROJECT NAVIGATION*/	
	
	#proj_nav {
		background:#ffffff;
		/*
		//color: #00b8e0;
		//color: #ff6600;
		*/
		padding:5px;
		margin-top:5px;
		border-width: 0px 0px 1px 0px;

		border-style: dotted;

		border-color: #333333;
	}
	
	#proj_nav a, a:link, a:visited, a:active { 
		color: #00b8e0;

		text-decoration: none;
		font-size: 100%;
	}
	
	#proj_nav a:hover {
		color: #ffffff;
		background-color: #333333;

		text-decoration: none;
		font-size: 100%;

	}
	#proj_nav ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#proj_nav li{
		font-size:14 pt;
		display:inline;
		color: #00b8e0;
		margin-right: 20px;
		padding:10;
	}
	
	#proj_nav li.here {

		color:#333333;

		font-weight:bold;
		font-size: 120%;

	}
	

	
	
	
/*LEFT COLUMN*/

	#left_col {
		background:#ffffff;
		float:left;
		width:400px;
	}
	#left_col h2, #left_col h3, #left_col, ul, p {
		padding:0 10px;
    }
    
    #left_col	a, a:link, a:visited, a:active { 
		color: #00b8e0;
	}
	
	#left_col a:hover {
		color:#ff6600;
	}
    

    
/*RIGHT COLUMN*/

	#right_col {
		background:#ffffff;
		float:right;
		width:320px;
	}
	#right_col ul {
		font-size: 10pt;
		margin-bottom:0;
    }
    #right_col li {
    	margin: 5px;
    }
    #right_col h3, #right_col p {
		padding:0 10px 0 0;
    }
    
    #right_col	a, a:link, a:visited, a:active { 
		color: #00b8e0;
	}
	
	#right_col a:hover {
		color:#ff6600;
	}
/*    #right_col a:hover {
    	color: #00b8e0;
    }
*/
    
/*TEST for IMAGE GALLERY THUMBNAILS */

#media {background:#00b8e0; margin:0px; padding: 0px;}
//.media_holder {margin-top:5px; margin-left:5px; }
.media_holder {
	margin:0px; 
	padding:0px;
	border:0px;
	align:right;
	}
.gallery_thumbs {
		width: 100px;
		height: 100px; 
		border-style: solid; 
		border-width: 1px; 
		padding:0px; 
		margin-right:0px; 
		margin-bottom:0px; 
		margin-top:0px; 
		margin-left: 0px; 
		display:inline;
		}

/*END TEST for IMAGE GALLERY THUMBNAILS */

 /* CAPTION */

p.caption {
	display: inline;
	font-size:10px;
	margin-top: 5px;
	margin-bottom: 5px;
}



/*FOOTER*/

	#footer {
		background:#ffffff;
		clear:both;
		margin:10px 0px 20px 0px;
	}
	#footer p {
		text-align: center;
		font-size: 10px;
		padding:5px;
		margin: 0;

    }


/* VISIBILITY TOGGLE */
.toggle {
	color: #999999;
	font-size: 9pt;
}
.hotspot {
	color: #FF6600;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	cursor: help;
}
.hotspotall {
	color: #FF6600;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	cursor: help;
	font-weight: bold;
}