FONT	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
TD	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
BODY	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
P	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px; line-height:18px;}
DIV	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}

/* The content of the posts (body of text) */
body{background:#F9FFFD;color:#000000;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
scrollbar-3dlight-color:#C9FFD3;
scrollbar-arrow-color:#006699;
scrollbar-darkshadow-color:#98aab1;
scrollbar-face-color:#dee3e7;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#dee3e7;
scrollbar-track-color:#efefef}

/* General text */
.gensmall{font-size:10px}
td.genmed, .genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#5c81b1}

/* General page style */
a:link, a:active, a:visited, a.postlink{color:#0000ff;text-decoration:none}
a:hover{color:#ff0000}

/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#5493b4}
a.topictitle:hover{color:#dd6900}

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

hr {border: 1px solid #999999; border-top-width:1px; height:1px}

/* Category gradients*/
td.cat{font-weight:bold;letter-spacing:1px;background:#d9e2ec url('images/cellpic1.gif');
height:29px;text-indent:4px}

/* Main table cell colours and backgrounds */
.row1{background:#eaedf4}
.row2, .helpline{background:#d9e2ec}
.row3{background:#cedcec}
td.spacerow{background:#cad9ea}

/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background:#ffffff url('images/cellpic2.jpg') repeat-y; }

/* Table Header cells */
th{background:#005eb2 url('images/cellpic3.gif');color:#deeef3;font-size:11px;
font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}

/* This is the border line & background colour round the entire page */
.bodyline{background:#ffffff;border:1px solid #98aab1}

/* This is the outline round the main forum tables */
.forumline{background:#ffffff;border:1px solid #006699}

/* The largest text used in the index page title and toptic title etc. */
.maintitle, h1{
font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#5c81b1}

.subtitle, h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold}
.postbody{font-size:12px;line-height:125%}

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

/* Quote blocks */
.quote{background:#fafafa;border:1px solid #d1d7dc;color:#444444;
font-size:11px;line-height:125%}

/* Code blocks */
.code{background:#fafafa;border:1px solid #d1d7dc;color:#006600;font:12px Courier,"Courier New",sans-serif;padding:5px}
.codetitle{background: #cdd6de;border:1px solid #9ca9b4;padding:5px;width:90%;font-weight:bold; text-align:left; margin-top:10px}
.codediv{border-left:1px solid #9ca9b4; border-right:1px solid #9ca9b4; border-bottom:1px solid #9ca9b4; background:#fafafa; color:#006600;border-top:0px none; padding:5px;overflow:auto;width:90%;height:50px;text-align:left; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Courier, Courier New, sans-serif}

/* This is for the error messages that pop up */
.errorline{background:#add8e6;border:1px solid #006699}

/* Form elements */
input{border-color: #000000; color:#000000; background-color: #FFFFFF; font:normal 11px Verdana,Arial,Helvetica,sans-serif;border-width: 1px 1px 1px 1px}
textarea{border-color: #000000; color:#000000; background-color: #FFFFFF; font:normal 11px Verdana,Arial,Helvetica,sans-serif;border-width: 1px 1px 1px 1px}
select{border-color: #000000; color:#000000; font:normal 11px Verdana,Arial,Helvetica,sans-serif}

/* The text input fields background colour */
input.post, textarea.post, select{background:#FFFFFF}
input{text-indent:2px}

/* The buttons used for bbCode styling in message post */
input.button{background: #000000; color:#9999AA; font:11px Verdana,Arial,Helvetica,sans-serif}

/* The main submit button option */
input.mainoption{background: #000000;font-weight:bold}

/* None-bold submit button */
input.liteoption{background: #000000;font-weight:normal}

/* This is the line in the posting page which shows the rollover
help line. Colour value in row2 */
.helpline{border-style:none}

/* This is the gradient background at the top of the page */
.topbkg{background: #dbe3ee url('images/cellpic_bkg.jpg') repeat-x; }
.topnav{border-left:0px solid #91a0ae; border-right:0px solid #91a0ae; border-top:1px solid #91a0ae; border-bottom:1px solid #91a0ae; font-size:10px;background: #e5ebf3 url('images/cellpic_nav.gif') repeat-x;color:#dd6900;height:21px;white-space:nowrap;}
.topnav2{font-size:10px;color:#dd6900;height:21px;white-space:nowrap;border: 0px}

/* Admin & Moderator Colours MODification */
.admin, .mod{font-size:11px;font-weight:bold}
.admin, a.admin, a.admin:visited{color:#ffa34f}
.mod, a.mod, a.mod:visited{color:#006600}
a.admin:hover, a.mod:hover{color:#dd6900}

/* Specify the space around images */
.imgtopic, .imgicon{margin-left:3px}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px;margin-left:4px;margin-right:4px}

/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0px none; }

/* Background images for tables */
.tbl{border-collapse:collapse;height:4px;width:100%}
.tbll{background: url('images/tb4_l.gif') no-repeat;width:8px}
.tblbot{background: url('images/tb4_m.gif') repeat-x;width:100%}
.tblr{background: url('images/tb4_r.gif') no-repeat;width:8px}

.menu {BACKGROUND: none; COLOR: #00CC00; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.title  {BACKGROUND: none; COLOR: #009900; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.sommaire  {BACKGROUND: none; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content 	 {BACKGROUND: none; COLOR: #333399; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.block-title {BACKGROUND: none; COLOR: #022A87; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica}
.block-title1 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica}
.storytitle  {BACKGROUND: none; COLOR: #DEEEF3; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat	 {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle 	 {BACKGROUND: none; COLOR: #009900; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent  {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.option 	 {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		 {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.small		 {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

/* NAVIGATION MENUS */


.navcontainer {
	height: 44px;
    	background: url('images/nav-background.png') top left repeat-x;
    	border-top: 2px solid #e1fbcd;
	}
	
#nav {
	height: 38px;
	}

#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#nav {
	margin-bottom: 1px;
	padding-left: 10px;
	}
	
#nav ul {
	float: center;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 11px 0 0 0;
	padding: 0;
	}
	
#nav ul li {
	list-style: none;
	margin: 0px;
	padding: 0;
	display: block;
   visibility: hidden;
   position: absolute ;
   left: 9px;
	}
	
#nav li a, #nav li a:link {
	color: #FBFF5C;
	display: block;
    	margin: 0px 4px 0px 4px;
	padding: 5px 10px 6px 10px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
    text-shadow: 0 1px 0 #285403;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
	}
	
#nav 	li a:hover, #nav li a:active {
    	background: url('images/nav-hover.png') top left repeat-x;
	color: #fff;
	display: block;
	text-decoration: none;
   visibility: visible;

	}
	
#nav  li.current-cat a {
    	background: url('images/nav-hover.png') top left repeat-x;
	color:#fff;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
#botoncl {
	width: 100px;
	display: inline;
}
.botonc{
	float:right;
	left: -50px;
	margin: -15px 10px 0;
	position:relative;
}
.botonc:hover{
}
.botonc a{
font-family:Verdana, Helvetica, arial, sans-serif;
font-size:10px;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#FFF;
width:154px;
text-shadow:0 -1px 1px #8F4E1A;
background-color:#627AAD;
border-top:1px solid #097eb0;
border-bottom:1px solid #096f9b;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:8px 40px 6px;
line-height:80px;
margin:0 10px 0 0;
}
.botonc a:hover{
background-color:#8199C7;
color:#fff;
text-decoration:none;
}
.botonc a:active{
background-color:#D36409;
border-top:1px solid #843F07;
border-bottom:1px solid #FF790B;
}