

.sidecol {position: absolute; z-index: 5; 
		width: 191px; top: 50px; left: 0; margin: 0; 
		height: 100%;
		padding-left: 10px;
		padding: 0 22px 0 22px3%;
			background-color:  #0099FF;
		}

body#index {
		background-color:  #0099FF;
		}		
		
.sidecolindex {position: absolute; z-index: 1; 
		width: 300px; top:400px; left: 0; margin: 0; 
		padding-left: 10px;
		padding: 5 22px 0 22px3%;
			background-color:  #0099FF;
		}
	
div#videoIndex 	
	{
	postion: relative;
	z-index: 5;
	top: 50px;
	padding: 5 22px 0 22px3%;
	color: white;
	padding-left: 10px;
	 margin: 10px; 
	}	
				
.main-col {
	position: absolute;
	width: 100%;
	vertical-align:middle;
	z-index: 5;
	top: 50px;
	left: 200;
	margin: 0;
	padding-left: 10px;
	padding: 10 22px 10 22px3%;
	
	color:  #0099FF;
}

.main-colindex {
	position: absolute;
	width: 100%;
	vertical-align:middle;
	z-index: 5;
	top: 50px;
	left: 345;
	margin: 0;
	padding-left: 10px;
	padding: 10 22px 10 22px3%;
	
	color:  #0099FF;
}


.main-col h1 {font-style:italic;display:block;}
.main-col a:link  {
	font-style: normal;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
.main-col a:hover {
	color: #FFFFFF;
	background-color: #999999;
}
.main-col a:link  {
	font-weight: bold;
}
.main-col a:visited  {font-weight: bold;
}

ha {  cursor: hand}

div#page-title {
	margin-top: 10px;
	}
	
/* style for tagline */
div#tagline {position: relative;
	left: 400px; top: 30px; color: white;}
	
body {background-image: url(nav-background.gif); 
	background-repeat: repeat-x;
	color: 666666; 
	font-family: arial, helvetica, sans-serif; 
	margin:0; 
	padding: 0;
	font-size: 12px;}
	
/* style for header*/
div#logo	{position: relative;
	left: 10px;	
}

	
h1, h2, li, ul {padding-bottom: 0; margin-bottom: 0; margin-top:0;}
h1 {
	font-size: 20px;}
h2	{font-size: 16px;}
a:link {text-decoration: none; color:grey;}
a:hover {color:blue;}
a:visited {text-decoration: none; color: CCC;}

div#content-text	{
	width: 500px;
	}

a#name {font-size: 16px;}
div#mission-statement {font-style: italic; text-align:right;}	
	
div#videolinks { padding-left:20px;}
div#links a:link {color: white;}
div#links a:hover {display: block; background:  grey; color: white;}

div#videoclip {float:right;
	z-index: 50;
	}
div#videoclipcaption {
	position: relative;
	top: 100px;
	left: 10px;
	z-index: 100;
	}
	
div#video-logo {
	position: absolute;
	top: 250px;
	left: 400px;
	z-index: 50;
	}

div#awards	{padding-left:20px;}
div#footer {border-top: 2px solid silver; font-size:85%; text-align: right; padding-right: 10px;}

/* STYLE FOR HIGHLIGHTS */
table#highlight {width:200px; 
	float: right; 
	padding-bottom: 0;
	color: #0099FF;
	}
tr#highlight-title th {color: white; background-color: #666666; font-weight: bold; text-align: left; padding: 1px 0.33em; margin-bottom: 0; margin-top:0;}

td#highlight-info {border: 1px solid grey; padding: 5px; margin-bottom: 0; margin-top:0; font-size: 12px;display: block; font-weight: bold;color:#0099FF;} 



/* STYLE FOR USER INFO INPUT */
td {padding: 0.25em 1px;
	color: white;}
tr.required td.label {background: #FCC; border-left: 0.5em solid red;} /* a light red */
td.label {font-weight: bold; text-align: right; padding: 1px 30px 1px 20px;}


/* STYLE FOR IMAGE DETAIL */
td#ImageDetailPic {background: silver; border: 1px solid red; color: white; font-size: 85%}

td#books	{
	background: white;
	}
	
u	{
	color: white;
	}
	
td#emailSideCol	{
	width: 191px; left: 0; margin: 0; 
	padding-left: 10px;
	padding: 0 22px 0 22px3%;
	}

td#emailMainCol	{
	color:  #0099FF;
	}
	