H2{
	font: bold x-small/1.3em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 12px 0 0 0;
/*	background: #042A3D;*/
	color: #666666;}

#mainCenter {
	height:100%;
	margin: 5px;}

#TopFrame {
	width: 100%;
	height: 100%;
	border: 0px;}

#iFrame {
	width: 100%;
	background:  #ECECEC;
	height: 100%;
	border: 1px;}

a 			{ color: #000; text-decoration: none; font-weight:normal;} 
a:hover		{ color: #000; text-decoration: underline; }

/* title frame */

.titleContent { padding: 6px 0 6px 6px; }

.banner
{	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	color: #333;}

.banner .title{
	font-size:1.2em;
	font-weight:bold;}

.banner .info{
	font-size:0.9em;}

.banner .email{
	font-weight:bold;
}

/* index frame */
pre {margin: 0; 
	padding: 0;}

.indexContent {
	width:95%;
	border-bottom:1px solid #333333;
	padding-top:6px;
	padding-bottom:6px;
}

.indexInfo {
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 0 0 6px;
}

.indexInfo .filename {
	color: #000;
}

.indexInfo .date {
	color: #666;
}

/* file info */

#content {
	font: x-small/normal arial, verdana, Trebuchet MS;
	color: #333333;
	padding: 0 11px 0 8px;}


#limited{
	font: italic x-small/normal arial, verdana, Trebuchet MS;
	text-align:center;
	color: #333333;
	padding:4px;}

#contentWidth {
	width: 450px;}

#content .header{
	font-size: x-small;
	font-weight:bold;
	color: #999;
}

#contentLast {
	width:95%;
	font-size:11px;
	font-family:Trebuchet MS, verdana, arial;
	color: #333333;
	padding-top:6px;
}

#contentLast .header{
	font-size:9px;
	font-weight:bold;
	color: #999;
}


#thumbnail {
	border: 1 solid #003366;
}

.ImageBanner {
	font: bold x-small/1.3em Arial, Helvetica, sans-serif;
	color:#666666;
	padding: 0 11px 0 7px;}

.sidenavWrapper{
	margin: 0;
	padding: 0px;
	font: 11px/1.2em Arial, Helvetica, sans-serif;
	width: 205px;
	height:850px;}
.sidenavWrapper H2{
	font: bold x-small/1.3em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0px 2px 10px;
/*	background: #042A3D;*/
	color: #666666;}

.sidenav {
	margin: 2px 0 0 0px;
	padding: 0px;
	background: #FFFFE6;
	font: 11px/1.2em Arial, Helvetica, sans-serif;
	border: 1px solid #cccc66;}
.sidenav P{
	font: small/1.2em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px 8px;}
.sidenav ul, .sidenav dl {
	margin: 0;
	padding: 0;
	list-style: none;}
.sidenav LI{
	margin: 0 5px;
	padding: 2px 0 0px 13px;
	background: url("../images/bullet.gif") no-repeat 0 4px;}
.sidenav A:visited, A:link{
	color: #313131;
	text-decoration: none;}
.sidenav A:hover, A:active{
	color: #0000FF;
	background: #EBE496;}
.sidenav H2{
	font: bold 12px/1.3em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 1px 5px;
	color: #40659B;}
	
	
.shadow {
	float: left;
	margin: 4px;
	width: auto;
	background: url("../images/fuzzy_shadow.png") no-repeat bottom right;}

.shadow div {
	background: url("../images/fuzzy_shadow1.png") no-repeat right top;}

.shadow img {
	background-color: #fff;
	color: #000;
	border: 1px solid #042A3D;
	padding: 4px;
	vertical-align: bottom;}
	
/*Use bold (b) or anchor (a) as the third tag for the shadow*/
.shadow div a, .shadow div b {
	background: url("../images/fuzzy_shadow2.png") no-repeat left bottom;
	padding: 0 7px 7px 0;
	display: block;}


.thumbnail{
	font-size:0.9em;}
.thumbnail table{
	text-align: center;}
.thumbnail {
	float: left;
	margin: 4px;
	width: auto;
	background: url("../images/thumbs_shadow.png") no-repeat bottom right;}
.thumbnail div {
	background: url("../images/fuzzy_shadow3.png") no-repeat right top;}
.thumbnail img {
	background-color: #fff;
	color: #000;
	border: 1px solid #999999;
	padding: 6px;
	vertical-align: bottom;}
.thumbnail div a {
	background: url("../images/fuzzy_shadow4.png") no-repeat left bottom;
	padding: 3px 6px 6px 3px;
	display: block;}
.thumbnail div a:hover {
	padding: 0px 9px 9px 0px;}
/* END Photo Thumbs */