A:link {
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none;
}
A:visited {
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none;
}
A:active {
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none;
}
A:hover {
FONT-SIZE: 12px; 
COLOR: #cccccc; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: underline;
}
BODY {
margin: 0px;
FONT-SIZE: 12px; 
CURSOR: default; 
COLOR: #8389a3; 
BACKGROUND-color: #20292f; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none;
  background : #20292f url(images/body.jpg) no-repeat;
  background-attachment:fixed;
  background-position:top center;
  margin : 0 auto;

}

TEXTAREA {
background:#20292f;
color:#ffffff;
font:11px Arial,Helvetica,sans-serif;
BORDER-TOP: #000000 1px solid; 
BORDER-BOTTOM: #515151 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #515151 1px solid;
}
P {
FONT-SIZE: 12px; 
COLOR: #ffffff; 
LINE-HEIGHT: 1.4; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none;
}
TABLE {
FONT-SIZE: 12px; 
COLOR: #FFFFFF; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none;

}

TD.content {
FONT-SIZE: 12px;
COLOR: #FFFFFF;
TEXT-DECORATION: none;
FONT-FAMILY:  arial, helvetica, verdana, sans-serif;
}

TD.extra {
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;
}
TD.info1 {
color : #FFFFFF;
font: normal 11px Arial, Helvetica, sans-serif;
BORDER-TOP: #000000 1px solid; 
BORDER-BOTTOM: #515151 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #515151 1px solid;
BACKGROUND: #20292f;
}
TD.extras {
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;
}

hr {
border-top: 1px solid #515151;
border-bottom: 1px solid #000000;
height: 2px;
width: 100%;
}

UL {
LIST-STYLE-TYPE: square
}
.center {
TEXT-ALIGN: center
}
.justify {
TEXT-ALIGN: justify
}
.right {
TEXT-ALIGN: right
}
H1 {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #FFFFFF; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none;
}
.heading {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #FFFFFF; 
FONT-FAMILY: Tahoma; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none;
}

SELECT {
BORDER-TOP: #000000 1px solid; 
BORDER-BOTTOM: #515151 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #515151 1px solid;
BACKGROUND: #20292f;
FONT-SIZE: 12px;
COLOR: #FFFFFF;
TEXT-DECORATION: none;
FONT-FAMILY:  arial, helvetica, verdana, sans-serif;
}

/* This is the border line & background colour round the entire page */
.bodyline	{ 
BORDER-TOP: #000000 1px solid; 
BORDER-BOTTOM: #515151 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #515151 1px solid;
BACKGROUND: #20292f;}
.tablein {
color : #FFFFFF;
font: normal 11px Arial, Helvetica, sans-serif;
BORDER-TOP: #000000 1px solid; 
BORDER-BOTTOM: #515151 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #515151 1px solid;
BACKGROUND: #20292f;}
.tableout {
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;}	
/* This is the outline round the main forum tables */
.forumline	{ 
BORDER-TOP: #000000 1px solid; 
BORDER-BOTTOM: #515151 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #515151 1px solid;
BACKGROUND: #20292f;}

.forumline1	{ 
BORDER-TOP: #000000 1px solid; 
BORDER-BOTTOM: #515151 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #515151 1px solid;
BACKGROUND: #2d3a42;}
/* Main table cell colours and backgrounds */

td.row,.post-left	{
background: url(images/bar.gif);
background-repeat: repeat-x ;
BACKGROUND-color: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;}
td.row1	{
background: url(images/bar.gif);
background-repeat: repeat-x ;
BACKGROUND-color: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;}
td.row2	{
background: url(images/bar.gif);
background-repeat: repeat-x ;
BACKGROUND-color: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;}
td.row3	{
background: url(images/bar.gif);
background-repeat: repeat-x ;
BACKGROUND-color: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;}

td.rowpic, td.signature, .post-bottom {		
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;
}

th	{
color: #FFFFFF; font-size: 11px; font-weight : bold;
height: 20px;
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid; height: 28px;
}


td.cat,td.catHead,td.catBottom {
height: 29px;
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid; height: 28px; }
td.row3Right,td.spaceRow {
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;}

th.thHead,td.catHead {
font-size: 12px; BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid; }
th.thSides,td.catSides,td.spaceRow	 {
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid; }
th.thRight,td.catRight,td.row3Right	 {
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid; }
th.thLeft,td.catLeft	  {
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid; }
th.thBottom,td.catBottom  {
BACKGROUND: #20292f; 
BORDER-RIGHT: #0000001px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid; }
th.thTop	 {
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid; }
th.thCornerL {
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid; }
th.thCornerR {
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
font-weight: bold; font-size: 22px; font-family: "Arial",Verdana, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #FFFFFF;
}

/* General text */
.gen { font-size : 12px; color: #FFFFFF; }
.genmed { font-size : 11px; color: #FFFFFF; }
.gensmall { font-size : 10px; color: #FFFFFF; }
.gen,.genmed,.gensmall { color : #FFFFFF; }
a.gen,a.genmed,a.gensmall { color: #FFFFFF; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #cccccc; text-decoration: none; }
.genverysmall { font-size: 9px; }
.gengray { font-size: 12px; color: #aaaaaa;}
.genlightgray { font-size: 12px; color: #ffffff;}
.genorange { font-size: 12px; color: #800000;}
.genred { font-size: 12px; color: #ffff00;}
.genblack { font-size: 12px; color: #000000;}
.genbig { font-size: 24px; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #FFFFFF;}
a.mainmenu		{ text-decoration: none; color : #FFFFFF;}
a.mainmenu:hover{ text-decoration: none; color : #cccccc;}

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 0px; color : #FFFFFF}
a.cattitle		{ text-decoration: none; color : #FFFFFF; }
a.cattitle:hover{ text-decoration: none; color : #cccccc;}

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #FFFFFF; }
a.forumlink 	{ text-decoration: none; color : #FFFFFF; }
a.forumlink:hover{ text-decoration: NONE; color : #cccccc; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #FFFFFF; padding: 0px 4px 0px 4px;}
a.nav			{ text-decoration: none; color : #FFFFFF; }
a.nav:hover		{ text-decoration: NONE; color : #cccccc;}

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.padd, td.padd, table.padd			{ padding:0px 8px 0px 8px;}
.marg, td.marg, table.marg			{ margin:0px 8px 0px 8px;}

/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #FFFFFF; }
a.topictitle:link   { text-decoration: none; color : #FFFFFF; }
a.topictitle:visited { text-decoration: none; color : #FFFFFF; }
a.topictitle:hover	{ text-decoration: NONE; color : #cccccc; }

.moderators { font-size: 10px; }
.moderators a, .moderators a:visited { color: #444; text-decoration: underline; }
.moderators a:hover, .moderators a:active { text-decoration: underline; color: #000; } 

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #FFFFFF;}

/* Location, number of posts, post date etc */
.postdetails, .postrank		{ font-size : 10px; color : #FFFFFF; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px; color : #FFFFFF; wrap-option: emergency; padding: 4px; }
a.postlink:link	{ text-decoration: underline; color : #FFFFFF; }
a.postlink:visited { text-decoration: underline; color : #FFFFFF; }
a.postlink:hover { text-decoration: NONE; color : #cccccc}
.signature { font-size : 11px; color : #FFFFFF; wrap-option: emergency; padding: 4px; }


.navlink { font-size : 12px;}
a.navlink:link	{ text-decoration: underline; color : #FFFFFF; }
a.navlink:visited { text-decoration: underline; color : #FFFFFF; }
a.navlink:hover { text-decoration: NONE; color : #cccccc;}

.postdate { font-size: 10px; color: #b0b0b0; }

/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 12px; color: #A3A4A8;
BORDER-TOP: #000000 1px solid; 
BORDER-BOTTOM: #515151 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #515151 1px solid;
BACKGROUND: #20292f;
}

.quote {
font-family: Courier, 'Courier New', sans-serif; font-size: 12px; color: #A3A4A8;
BORDER-TOP: #000000 1px solid; 
BORDER-BOTTOM: #515151 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #515151 1px solid;
BACKGROUND: #20292f;
}

td.spam {
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #FFFFFF;
background-color : #20292f;
text-indent : 2px;
BORDER-TOP: #000000 1px solid; 
BORDER-BOTTOM: #515151 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #515151 1px solid;
}

/* footer */

#admin-link, #admin-link a, #admin-link a:visited { 
	text-align: center; 
	font-size: 10px; 
	clear: both;
	margin: 4px;
	color: #cccccc; 
	text-decoration: underline; 
}

#copyright, #copyright a, #copyright a:visited { 
	color: #4f493d; 
	text-decoration: underline; 
	font-size: 9px;
	text-align: center; 
	 margin: 5px; 
}

/* Form elements */
input {
color : #FFFFFF;
text-indent : 2px;
font: normal 11px Arial, Helvetica, sans-serif;
BORDER-TOP: #000000 1px solid; 
BORDER-BOTTOM: #515151 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #515151 1px solid;
BACKGROUND: #20292f;
}

/* The text input fields background colour */
input.post, textarea.post, select {
font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
background-color : #20292f;
}

/* The buttons used for bbCode styling in message post */
input.button {
color : #FFFFFF;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;
}

/* The main submit button option */
input.mainoption {
color : #FFFFFF;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;
}

/* None-bold submit button */
input.liteoption {
color : #FFFFFF;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
BACKGROUND: #20292f; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #515151 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #515151 1px solid;
}

.helpline { 
BORDER-TOP: #000000 1px solid; 
BORDER-BOTTOM: #515151 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #515151 1px solid;
BACKGROUND: #20292f;
}

td.header1 {
	BACKGROUND: url(images/logo.jpg);
}

td.header2 {
	BACKGROUND: url(images/header_02.jpg);
}

/* Tooltip */

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
	position: relative;
	border-bottom:0px dotted #4dbcf3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}

a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip span {
display: none;
}

a.tooltip:hover span{
	display: block;
	position: absolute;
	top: 15px;
	left: -130px;
	width: 200px;
	z-index: 100;
	color: #ffffff;
	border: 1px solid;
	border-color: #666666 #666666 #333333 #333333;
	border-left: 4px solid #000000;
	padding: 2px 10px 2px 10px;
	background: #20292f;
}

a.tooltipsmall,
a.tooltipsmall:link,
a.tooltipsmall:visited,
a.tooltipsmall:active {
	position: relative;
	border-bottom:0px dotted #4dbcf3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: left;
}

a.tooltipsmall:hover {
background: transparent;
z-index: 100;
}

a.tooltipsmall span {
display: none;
}

a.tooltipsmall:hover span{
	display: block;
	position: absolute;
	top: -7px;
	left: 20px;
	width: 200px;
	z-index: 100;
	color: #ffffff;
	border: 1px solid;
	border-color: #666666 #666666 #333333 #333333;
	border-left: 4px solid #000000;
	padding: 2px 10px 2px 10px;
	background: #20292f;;
}

td.today {
	border: 2px solid #000000;
}
.daycontent {
	clear: both;
	text-align: left;
	margin: 0px;
	padding-left: 4px;
	padding-bottom: 0px;
	padding-top: 2px;
}
.day {
	color: #cccccc;
	font-size: 10pt;
	padding-left: 4px;
	font-weight: bold;
	float: left;
}
.date {
	color: #cccccc;
	font-size: 8pt;
	padding-top: 2px;
	padding-right: 4px;
	float: right;
}
#info {
	color: #000000;
	font-size: 8pt;
	text-align: center;
}
.available    { color: #80d080; }
.unavailable  { color: #f08080; }
.field        { color: #60b0b0; }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }