/*==========================
Global
==========================*/
a:link, a:visited, a:active {
	text-decoration: none;
	color: #ffffff;
}

a:hover {
	color: #cccccc;
}



.columnLeft {
	float:left;
	
	padding-top: 1em;
}

.columnRight {
	float: left;
	padding-top: 1em;
}

#half {
	float: left;
	
	margin-top: 0;
	margin-right: 1.67em;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 20px;
}

#and_half {
	float: left;
	margin-top: 0;
	padding-top: 0;
	
}

td {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	color: #cccccc;
}

.error_box {
	width: 90%;
	background-color:#FF0000;
	border-color:#000000;
}

.news_bar {
	margin-top:0.6em;
	text-align:center;
}

.msg {
	text-align:center;
	margin-top:.5em;
	margin-top:.5em;
}

/*==========================
Images
==========================*/
#img_tight {
	display: block;
}

a.thumb_link .thumb { 
	border: 1px solid #a9a9a9;
	text-decoration: none;
	display:block;
	background-color: #b3bfcd;
}

a.thumb_link:hover .thumb {
	border-color: #ffffff;
	border: 1px ;
	text-decoration: none;
	display:block;
	background-color: #b3bfcd;
}

.thumb { 
	border: 1px solid #a9a9a9;
}

/*==========================
Fonts
==========================*/
/* The copyright notice must be in a visible color.
Any attempt to hide or obscure it is against the GNU license */

a.copyright:link , a.copyright:visited, a.copyright:active{
	text-decoration: none;
	/* color: #003399; */
	color: #ffffff;
}

a.copyright:hover {
	color: #cccccc;
}

.copyright_block {
	margin-top: 6px;
	font-size:9px;
	font-family:Tahoma;
	text-align: center;
}

.header {
	color: #ffffff;
	font-size: 10px;
}

.large_text_dark {
	color: #000000;
	font-size: 18px;
}

.subhead {
	color: #ffffff;
	font-size: 9px;
	font-weight: bold;
}

.tiny_text {
	color: #ffffff;
	font-size: 9px;
}

.tiny_text_dark {
	color: #ffffff;
	font-size: 9px;
}

.tiny_text_light {
	color: #000000;
	font-size: 9px;
}

.category_name, .category_name a:link, .category_name  a:visited, .category_name a:active  {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.category_name a:hover {
	color: #cccccc;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

/*==========================
Form elements
==========================*/
.dropdownBox {
        font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 100%;
	background-color:white ;
	border: 1px solid #cccccc;
	color: #000000;
}

fieldset {
	padding: 10px;
	margin: 2px 2px 2px 4px;
}

fieldset.default {
	padding: 18px;
	margin: 10px 20px 20px 20px;
}

legend {
	color: #ffffff;
}

#search_options {
	display: none;
	
}

.spoiltDropdownBox {
      font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 100%;
	background-color:white;
	border: 1px solid #cccccc;
	color: #000000;
	width: 100%;
}

.spoiltTextBox {
   	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 100%;
	padding-left: 3px;
	padding-right: 3px;
	background-color:white ;
	border: 1px solid #cccccc;
	color: #000000;
	width: 95%;
}

.submitButton {
	background-color: #ffffff;
	color: #000000;
	background: #ffffff;
	border: 1px solid #cccccc; 
	text-align: center;
	width: auto;
	padding: 2px 3px 2px 3px;
}

.submitButton2 {
	background-color: #ffffff;
	color: #000000;
	background: #ffffff;
	border: 1px solid #cccccc;
	text-align: center;
	width: 100px;
	padding: 2px 3px 2px 3px;
}

.submitButton3 {
	background-color: #ffffff;
	color: #000000;
	background: #ffffff;
	border: 1px solid #cccccc;
	text-align: center;
	width: 150px;
	padding: 2px 3px 2px 3px;
}

.submitButtonTiny {
	background-color: #ffffff;
	color: #000000;
	background: #ffffff;
	border: 1px solid #cccccc; 
	text-align: center;
	width: auto;
	padding: 1px 3px 1px 3px;
	height: 15pt;
	font-size: 10px;
}

.textBox {
   	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 100%;
	padding-left: 3px;
	padding-right: 3px;
	background-color:white ;
	border: 1px solid #cccccc;
	color: #000000;
}

/*==========================
Tables
==========================*/
.rowcolor1 {
	background-color: #607b63
}

.rowcolor2 {
	background-color: #000000
}

.table_layout { 
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
}

.table_layout td {
	padding: 2px 2px 2px 2px;
}

.table_layout_admin { 
	border: 1px solid black;
	border-collapse: collapse;
	/*background-color: #607B63;*/
	width: 98%;
	margin: 10px 0px 0px 0px;

	margin-left: auto;
	margin-right: auto;
	text-align: left; 
}

.table_layout_main { 
	color: #ffffff;
	border: 1px solid black;
	background-color: black;
	margin: 10px 0px 0px 0px;

	margin-left: auto;
	margin-right: auto;
	text-align: left; 
}

.table_layout_sections { 
	border: 1px solid black;
	background-color: #000;
	margin: 10px 0px 2px 0px;

	margin-left: auto;
	margin-right: auto;
	text-align: left; 
}
.table_layout_sections td {
	padding: 5px 5px 5px 5px;
}

/*==========================
Cell layouts
==========================*/
.cell_header {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: black;
	padding: 5px 3px 5px 3px;
}

.cell_highlight {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	color: black;
}

.cell_foot {
	background-color: #7E9686;
}

.dark_cell {
	color:#FF0000;
	font-weight:bold;
	padding: 5px 5px 5px 5px;
}

.navbar { 
	color: #ffffff;
	border: 0px solid #666666;
	background-color:#607B63;
	padding: 5px 1px 5px 1px;
}


.navbar a:link, .navbar  a:visited, .navbar a:active { 
	background-color: transparent; 
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	padding: 5px;
	text-decoration: none;
}

.navbar a:hover {
	color: #cccccc;
	font-weight: bold;
	font-size: 10px;
	padding: 5px;
	text-decoration: none;
}

.pic_cell {
	background-color:#000;
}

.pic_detail_cell {
	/* background-color:#fff; */
}

.light_cell {
	background-color: #000000;
	color:#FF0000;
	padding: 5px 5px 5px 5px;
}

.search_page_cell {
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
}

.white_cell {
	background-color: #26302A;
	padding: 5px 5px 5px 5px;
}
pre{

word-wrap: break-word;
}

/*////////////////////////////////////////////////*/
/* top elements */

* { 

	padding: 0; margin: 0;

}

body {

	margin: 0; 	padding: 0;

	font: normal .70em/1.5em Tahoma, 'Trebuchet MS', sans-serif;

	color: #6A6A6A;

	text-align: center;

	background: #000;

}



/* links */

a {

	color: #F88F26; 

	background-color: inherit;

	text-decoration: none	

}

a:hover {

	color: #FFFfff;

	background-color: inherit;

}



/* headers */

h1, h2, h3 {

	font: bold 1.3em 'Trebuchet MS', Arial, Sans-serif;

	color: #A0080D;

}

h1 { font-size: 1.6em; } 

h2 { font-size: 1.4em; text-transform:uppercase;}

h3 { font-size: 1.3em; }



#main h1 { 

	font: normal 1.5em 'Trebuchet MS', Arial, Sans-serif;

	color: #DBD0A3; 	

}

#sidebar h1 {

	font: bold 1.4em 'Trebuchet MS', Arial, Sans-serif;

	background: #000 url(arrow.gif) no-repeat 10px .7em;

	padding: 7px 0 7px 35px;

	color: #A0080D;

}



p, h1, h2, h3 {

	margin: 0;

	padding: 10px 15px;

}



ul, ol {

	margin: 10px 30px;

	padding: 0 15px;

	color: #F88F26;

}

ul span, ol span {

	color: #CCC;

} 



/* images */

img {

	border: 3px solid #444;

}

img.no-border {

	border: none;

}

img.float-right {

  margin: 5px 0px 5px 15px;  

}

img.float-left {

  margin: 5px 15px 5px 0px;

}

a img {  

  border: 3px solid #444;

}

a:hover img {  

  /*border: 3px solid #CCC !important; /* IE fix*/


}



code {

  margin: 5px 0;

  padding: 10px;

  text-align: left;

  display: block;

  overflow: auto;  

  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;

  /* white-space: pre; */

  background: #111;    

}

acronym {

  cursor: help;

  border-bottom: 1px solid #777;

}

blockquote {

	margin: 15px;

 	padding: 0 0 0 20px;  	

  	background: #111;  

   font: bold 1.3em/1.5em 'Trebuchet MS', Sans-serif;   

}



/* form elements */

form {

	margin: 15px;

	padding: 0;

	background: #000;  

   border: 1px dashed #151515;

}

label {

	display:block;

	font-weight:bold;

	margin:5px 0;

}

input {

	padding: 2px;

	border: 1px solid #CCC;

	font: normal 1em Verdana, sans-serif;

	color:#000;

	background: #CCC;

}

textarea {

	width: 250px;

	padding:2px;

	border: 1px solid #CCC;

	font: normal 1em Verdana, sans-serif;

	height:100px;

	display:block;

	color:#000;

	background: #CCC;

}

input.button { 

	margin: 0; 

	font: bold 1em Tahoma, Sans-serif; 

	border: 1px solid #CCC;

	padding: 2px 3px; 

	color: #000;

	background: #CCC;	

}



/* search form */

.searchform form{

	position: absolute;

	top: 10px; right: 10px;

	background-color: transparent;

	border: none;

	margin: 0; padding: 0;

}

.searchform input.textbox { 

	margin: 0 3px; padding: 0 2px;

	width: 130px;

	background: rgb(255, 255, 160);

	color: rgb(255, 255, 160); 

	height: 20px;

	border: 1px solid #7E050A;	

	vertical-align: top;

}

.searchform input.button { 

	font: bold 12px Arial, Sans-serif; 

	background: #000;

	color: #fff;	

	width: 70px;

	height: 22px;

	border: none;

	padding: 3px 5px;

	vertical-align: top;

}



/***********************

	  LAYOUT

************************/



#header-content, #footer-content, #content {

	width: 83%;	

}



/* header */

#header {

	background: #444 url(headerbg.jpg) repeat-x 0 0;

	height: 120px;

	text-align: left;	

}

#header-content {

	position: relative;

	margin: 0 auto; padding: 0;

}

#header-content #logo {

	position: absolute;	

	font: bold 50px Verdana, 'Trebuchet Ms', Sans-serif;

	letter-spacing: -2px; 

	color: #000;

	margin: 0; padding: 0;

	

	/* change the values of left and top to adjust the position of the logo */

	top: 5px; left: 20px;

}

#header-content #slogan {

	position: absolute;	

	font: bold 12px 'Trebuchet Ms', Sans-serif;

	text-transform: none;

	color: #CCC;	

	margin: 0; padding: 0;

	

	/* change the values of left and top to adjust the position of the slogan */

	top: 60px; left: 35px;

}



/* header menu */

#header-content ul {

	position: absolute;

	right: 20px; top: 75px; 

	font: bolder 1.3em 'Trebuchet MS', sans-serif;

	color: #000;

	list-style: none;

	margin: 0; padding: 0;		

}

#header-content li {

	display: inline;

}

#header-content li a {

	float: left;

	display: block;

	padding: 3px 12px;	

	color: #fff;

}

#header-content li a:hover {

	background: #000;

	color: #F88F26;

}

#header-content li a:active  {

	background: #fff;

	color: #CCC;

}




/* content */

#content-wrap {

	clear: both;

	float: left;

	background: #000;		

	width: 100%;

}

#content {

	text-align: left;	

	padding: 0; margin: 0 auto;	
	width: 800px;	
	

}



/* sidebar */

#sidebar {

	float: right;

	width: 200px;

	margin: 10px 0; padding: 0;	

}

#sidebar ul.sidemenu {

	list-style:none;

	margin: 0;

	padding: 5px 0 15px 0;			

}

#sidebar ul.sidemenu li {

	padding: 0 10px;

}

#sidebar ul.sidemenu a {

	display: block;

	font-weight:bold;

	color: #6A6A6A; 

	height: 1.5em;

	text-decoration: none;

	padding:.3em 0 .3em 15px;

	background: #000;		

	border-bottom: 1px dashed #151515; 

	line-height: 1.5em;

}

#sidebar ul.sidemenu a.top{

	border-top: 1px dashed #151515;

}

#sidebar ul.sidemenu a:hover {

	padding: .3em 0 .3em 10px;

	background: #000;

	border-left: 5px solid  #D30F16;

	color: #D30F16;		

}

#sidebar .sidebox {

	background: #000;

	margin: 5px 15px 10px 15px;

}



/* main */

#main {

	margin: 10px 0; 
	width: 600px;
	
	padding: 0 0 0 0;	
	height: expression( this.scrollHeight < 550 ? "550px" : "auto" ); /* sets min-height for IE */

}



/* footer */

#footer {

	clear: both;
	float:left;
	width:100%;

	margin: 0; padding: 0;

	border-top: 1px solid #68050A;

	font-size: 95%;

	text-align: left;
	vertical-align:bottom;

}

#footer h2, #footer p {

	padding-left: 0;

}

#footer-content {	

	margin: 0 auto;		

}

#footer-content a {

	text-decoration: none;

	color: #8A8A8A;

}

#footer-content a:hover {

	text-decoration: underline;

	color: #FFF;

}

#footer-content ul {

	list-style: none;

	margin: 0; padding: 0;

}

#footer-content .col {

	width: 32%;

	padding: 0 5px 30px 15px;	

}

#footer-content .col2 {

	width: 30%;

	padding: 0 0 30px 0;	

}



/* alignment classes */

.float-left  { float: left; }

.float-right { float: right; }

.align-left  {	text-align: left; }

.align-right {	text-align: right; }



/* additional classes */

.clear { clear: both; }

.comments { 

	text-align: right; 

	border: 1px dashed #151515; 

	padding: 5px 10px;

	margin: 20px 15px 10px 15px;

}