body 	{ 	
	margin-top:8px; 
	margin-left:5px; 
	background-color:#efefef; 
	font-family: "Arial","Verdana", sans-serif; 
	font-size: 12px; 
	font-weight:normal; 
	text-align:center; 
	background-image: url("../images/bg.jpg");
	background-attachment: fixed;
}

input	{ 
	font-family: "Verdana","Arial",sans-serif;
	font-size: 12px; 
	color: navy; 
	border: #959595 1px solid; 
}

.bodyframe	{ 	
	font-family: "Verdana","Arial",sans-serif; 
	font-size: 9px; 
	background-color:#ffffff; 
	font-weight:normal; 
	border-style:solid; 
	border-color:#d6d6d6; 
	border-width:1px; 
	padding:8px; 
	width:780px; 
	text-align:left 
}

.bodyframe .headnote{ 
	font-family:"Trebuchet MS", "Verdana"; font-size:16px; font-weight:bold 
}
.bodyframe A:visited{ 
	text-decoration: none; color:#483d8b;
}
.bodyframe A:hover	{ 
	text-decoration:underline; color:#b22222; 
}
.bodyframe A:link	{ 
	text-decoration: none; color:#483d8b; 
}

.content	{ 	
	font-family: "Verdana","Arial",sans-serif; 
	font-size: 11px; 
	text-align: justify;
	line-height: 15px;
}

.content .titlebar	{
	font-family: "Verdana","Arial",sans-serif; 
	padding:4px;
	padding-left:2px;
	background-color:#f5f5dc
}

.content .titledate	{
	font-family: "Verdana","Arial",sans-serif; 
	font-size:11px;
	padding-left:4px;
}

.content p	{
	width: 540px
}

.content A:visited 	{ 
	text-decoration: none; color:#400080; text-decoration:underline 
}
.content A:hover 	{ 
	text-decoration: none; color:#b22222; text-decoration:none; 
}
.content A:link 		{ 
	text-decoration: none; color:#400080; text-decoration:underline 
}


.pillar		{ 	
	font-family: "Verdana","Arial",sans-serif; 
	font-size: 10px; 
	padding:6px;
	background-color:#ffffff; 
	border-left:1px solid #828282; 
	float:right;
	width:190px; 
	height:985px;
	margin:0px 0px 10px 10px;
	text-align: left;
	line-height: 16px;
}

.pillar b			{ 
	font-family:"Trebuchet MS","Verdana"; font-size:12px; color:#252525 
}
.pillar .writeup	{ 
	padding-left:5px; padding-bottom:12px 
}
.pillar A:visited 	{ 
	text-decoration: none; color:#483d8b; text-decoration:underline 
}
.pillar A:hover 	{ 
	text-decoration: none; color:#b22222; text-decoration:none 
}
.pillar A:link 		{ 
	text-decoration: none; color:#483d8b; text-decoration:underline 
}

.email_log {
	padding:10px;
	font-size:12px;
	font-family:"Courier New";
	background-color:#ffffff;
	width: 540px;
}

.email_log A:visited 	{ 
	text-decoration: none; color:#483d8b; text-decoration:underline; font-weight:bold
}
.email_log A:hover 	{ 
	text-decoration: none; color:#b22222; text-decoration:none; font-weight:bold
}
.email_log A:link 		{ 
	text-decoration: none; color:#483d8b; text-decoration:underline; font-weight:bold 
}

.email_body {
	padding:10px;
	font-size:12px;
	font-family:"Courier New","Arial";
	background-color:#fffff0;
	border:1px dashed #828282; 
	float:left;
}

.email_body p	{
	width: 540px
}
			
.footer		{ 	
	color:#6c6c6c;
	font-family:"Verdana","Arial",sans-serif;
	font-size: 9px; 
	text-align:right;
	padding-top:8px;
	padding-right:1px;
	width:780px; 
	font-weight:normal;
}
			
.footer A:visited 	{ 
	text-decoration: none; color:#909090; text-decoration:none 
}
.footer A:hover 	{ 
	text-decoration: none; color:black; text-decoration:underline 
}
.footer A:link 		{ 
	text-decoration: none; color:#909090; text-decoration:none 
}
 
/* this contains most of the page in it */
.container { 
	padding: 0px; padding-left:3px; border: solid 0 #66AADD;
} 

/* title of selected image, top of page */
.title { 
	font: bold 12pt/18pt "Arial", "Helvetica", sans-serif; 
}  

/* very top row */
.titleCell {                                              
 	font: bold 12pt/18pt "Arial", "Helvetica", sans-serif;
 	background-color: #DDEFFF;
 	padding: 5px 12px 6px 16px;
 	border: solid 0 #66AADD; border-bottom-width: 1px;
 }

/* As displayed next to the "copy to clipboard" text */
.url {   	
	font: 9px "Verdana", "Arial", "Helvetica", sans-serif;
	color: #a9a9a9;
 }

 /* directory name in filelist */
A.dir { 
 	font-size:10px; font-weight: bold 
}                                   

A.dir:visited, A.dir:active, A.dir:link { 
	color: #4b4b4b; text-decoration:none; 
}

A.dir:hover { 
	color: #b22222; text-decoration:none;
}

/* file listing */
A.file-listing { 
 	color: #483d8b; font-size:11px; font-weight: normal; text-decoration:none; 
}                                   

A.file-listing:visited, A.file-listing:active, A.file-listing:link { 
	color: #483d8b; text-decoration:underline; 
}

A.file-listing:hover { 
	color: #b22222; text-decoration:none;
}

SMALL { 
	font-size: 7pt; font-family: "Small Fonts", sans-serif 
}


HR {
	 width:100%;
	 height: 1px;
	 color: #BCBCBC;
	 margin: 0;
}
 
 /* currently displayed file in list */
 .selected { 
 	color: #b22222; font-weight: bold; font-size:11px
}          

 .image         { margin-top: 8px; }                       /* regular image */ 
 
/* width of column in file list */ 
.listColumn { 
 	padding-left: 0px;
	padding-right: 35px;
	line-height: 18px;
}                       
 
 .gray { color: #AAAAAA; font-weight:normal }
 .warning { color: #AA4411; cursor: default; font-weight: bold }  /*  ! and ? */
 
 .button {
 
 	width: 1px;
 	white-space: nowrap;
 	background-color: #DDEFFF; padding: 5px 12px 6px 12px;
 }

.control {
 	font-size:9px;
 	margin-top:6px; margin-bottom: 1px;
 	padding: 2px;
 	float: left;
	display: block;
 }
 
.control A:visited 	{ 
	text-decoration: none; color:#5f5f5f; text-decoration:none 
}
.control A:hover 	{ 
	text-decoration: none; color:#b22222; text-decoration:none; 
}
.control A:link 		{ 
	text-decoration: none; color:#5f5f5f; text-decoration:none 
}
 

/* directory description on top of page */
.description {                                            
	background-color: #FFFFEE;
	padding: 5px 12px 6px 16px;
 }

/* image description below image */
.imageDescription {                                       
	font: 8pt/12pt "Verdana", Arial, sans-serif;
	padding-top:12px;
}

.img_border {
	background-color:white;
	padding: 4px;
	border: solid 1px #cecece;
}

/* we need this for a more flexible HR */
.hr {  

	overflow: hidden;	
	height:1px;
	background-color: #DDEFFF;
	margin-top: 6px;
 }