BODY {
 background: url(images/lt-panel_dark.gif) repeat-y #EAE1D0;
 color: #000000;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 margin: 0;
 padding: 0;
}

 a:link    {color: #191970; text-decoration:none; font-weight:bold}
 a:visited {color: #990033; text-decoration:none; font-weight:bold}
 a:active  {color: #000000; text-decoration:none; font-weight:bold}
 a:hover   {color: Red; text-decoration: underline;}

#skin {
	width: 130px;
	color: #FFFFFF;
	margin: 1em 10px 0 10px;
}

#menu { margin-left: 40px; padding: 0; }
#menu ul { margin: 0; padding: 0; }
#menu li { list-style-type: none; margin: 0; padding: 0; line-height: 125%; }

#menu a {  
	color: #EAE1D0; 
	padding-left: 3ex; 
	margin: 5px 0 5px -4ex; 
	text-decoration: none; 
	width: 130px; }
	
#menu a:active, #menu a:hover {
   color: #EAE1D0; 
	background: url(images/cardtrick4.gif) no-repeat left top; 
	padding-left: 3ex; 
	margin: 5px 0 5px -4ex; 
	text-decoration: underline; 
	width: 130px; }

#leftpanel {
 width: 170px;
 float: left;
 z-index: 100;
 padding-top: 10px;
}

#leftpanel a {
	color: #FFFFFF; 
	text-decoration: none;}

#leftpanel a:active, #leftpanel a:hover {
	color: #FFFFFF; 
	text-decoration: underline;}

#mainpage {
	margin: 0px 10px 10px 10px;
	padding-top: 10px;
	width: 98%;
	padding-left: 5px;
}

#indexpic {
   border: 3px double ;
   background: #EAE1D0;
   padding: 2px;
   margin: 1em 7%;
   width: 350px;
   height: 250px;
}

#output { padding: 7px; }
#pagetitle {
	font-size: 1.2em;
	text-align: center;
	padding: 1ex;
	font-weight: bold;
}
#pagelinks { text-align: center; padding: 1em; }
#alphabet { text-align: center; }

#footer {
	text-align: left;
	padding: 7px;
	background-color: #D45037;
	color: #EAE1D0;
	margin-bottom: -2px;
}

#output { padding: 5px; }

#titleblock { margin: 0 10%; }
#titleblock .listbox { border: 1px solid #D45037; margin: 5px; }

.respond { text-align: center; }

.listbox {
	margin: 1em 1%;
	padding: 2px 2px;
	border: 1px solid #D45037;
	font-weight: normal;
}
.listbox .title { 
   background: url(images/gradient.jpg); 
	color: #000000; 
	margin: 0; 
	font-weight: bold; 
	padding: 0;
	border-bottom: 3px double #FFF;
	padding: 5px; 
	text-align: left;
}

.listbox .content { 
   padding: 5px; 
	border-bottom: 1px solid #D45037; 
	background: #FFFFFF;
	color: #000066;}

.newsbox{
	margin: 1em 0%;
	padding: 2px;
	border: 1px solid #D45037;
	font-weight: normal;
}
.newsbox .content { 
   padding: 5px;
	background: #FFFFFF;
	color: #000000}
	
.newsbox .newstitle {
   background: url(images/gradient.jpg); 
	color: #000000; 
	margin: 0; 
	font-weight: bold; 
	padding: 0;
	border-bottom: 3px double #FFF; 
	padding: 5px; 
	text-align: left;
}

#newsarchive { text-align: center;}

.tblborder {
	border: 1px solid #D45037;
	padding: 4px;
}
.comment { 
	margin-bottom: -1px; 
	padding: 5px; 
	color:#000000;}
.classification {	font-weight: bold;}
.adminoptions { 
	color: #000000; 
   font-weight: bold; }
.hidden { position: absolute; visibility: hidden; }

#categoriesblock {
	width: 98%;
	padding: 10px 10px 10px 10px;
	margin: 2px;
}

.sectionheader {
 padding-top: 8px;
 color: #000000;
 font-weight: bold;
 text-align: center;
 width: 98%;
}

.sort { text-align: right; position: relative; padding: 5px; }
#sort { text-align: center; }
#bio { padding: 5px; }
#profile .adminoptions { font-weight: bold; padding: 5px; }

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline; }
/* Hides form IE-Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block; }
/* End hiding */

#list { margin-top: 10px; }
.block {
	border: 1px solid #D45037;
	margin: 2px;
	padding: 0;
	margin-bottom: 1em;
}
.block .title {  
   background: url(images/gradient.jpg); 
	color: #000000; 
	margin: 0; 
	font-weight: bold; 
	padding: 0; 
	border-bottom: 3px double #FFF; 
	padding: 5px; 
	text-align: center;
}
.block .content {
	background: #FFFFFF;
	margin: 5px;
	padding: 5px 5px 5px;
}
.jumpmenu { text-align: right; }

#columnblock { width: 99% !important} 
#memberblock { width: 90%; padding: 1em 2% !important } 
.column { float: left; width: 49%; } 

/* This is used on series and challenges and other places where a response is solicited */
.srespond { 
	text-align: center;
	padding: 6px;
}

/* The sort menu on the categories page */
#sort { text-align: center; }

/* User Profile stuff */
/* The top list of information */
#profile {
	margin: 1em 10%;
}
/* The sort menu in the profile */
#profile #sort {
	text-align: right;
	font-weight: bold;
	color: #000000;
 }

.notes { 
	margin: 1em;
	border: 1px solid #000000;
	background-color:#FFFFFF;
}

/* The note's title */
.notes .title {
   background: url(images/gradient.jpg); 
	color: #000000; 
	font-weight: bold;
	padding: 6px;
}

/* The notes content */
.notes .noteinfo {
	padding: 6px;
}

#biotitle {
}

/* Admin options in various places.  */
.adminoptions { 
	color: #666;
	font-weight: bold;
}

/* labels throughout the site in forms and in other places */
label, .classification {
	color: #000000;
	font-weight: bold;
}