/**** © 2009 soVision Ltd ****/
/** CSS Styles for Line BSL   **/

/* DEFAULT STYLES */

/* Site Wide Colours 
BACKGROUNDS    
   	Grey		:	#e6e6e6
    Dark Red    :   #9d0419


	Dark Grey	:	#333334
	Dark Blue	:	#3D6E91 
	Light Blue	:	#70A6D1  
    Gold        :   #FFCC34  

TEXT    
	Grey		:	#666666
	Dark Grey	:	#333333
	Dark Blue	:	#3D6E90 
	Light Blue	:	#70A6D0  
    Gold        :   #FFCC33      		
*/

/* PAGE HOLDER */
	
*{
    margin:0;
    padding:0;
}
html{
   height:100%;	
}
body{
    height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	background:url(../images/structure/background.jpg) top repeat-x;
}
img{
	border:none;
}

/* Top Nav */

.tabmenu {
	float:left;
	text-align:right;
	width:780px;
	margin:80px 0 0 0;
}
.tabmenu ul{
	list-style-type: none;
	margin:0;
	padding:0;
	float:right;
	width:auto;
}
.tabmenu li{
	display:inline;
	margin:0;
	padding:0;
}
.tabmenu a {
	float:left;
	width:auto;
	background:url(../images/structure/selected_left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
.tabmenu a span {
	display:block;
	line-height:20px;
	background:url(../images/structure/selected_right.gif) no-repeat right top;
	padding:0 11px 0 11px;
	color:#fff;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabmenu a span {float:none; width:auto;}
/* End IE5-Mac hack */
.tabmenu a:hover span {
	color:#fff;
}
.tabmenu .selected a {
	background-position:0 -125px;
}
.tabmenu .selected a span {
	background-position:100% -125px;
	color:#fff;
}
.tabmenu a:hover {
	background-position:0% -125px;
	color:#fff;
}
.tabmenu a:hover span {
	background-position:100% -125px;
}
	
/* CONTAINER */
.container{
	width:980px;
	margin:0 auto 0 auto;	
	background:#e6e6e6;
}

/* INTRO STYLES */
.intro{
	clear:both;
	margin:0 auto 0 auto;
	height:100px;
	width:980px;
}
.logo{
	float:left;
	width:200px;
	margin:5px 0 0 0;
}
.logo h1{
	visibility:hidden;
	display:none;
	margin:0;
	padding:0;
}
.logo h2{
	visibility:hidden;
	display:none;
	margin:0;
	padding:0;
}
/*
	
/* SIDE NAV STYLES */ 
.left-col{
    float:left;
    width:auto;
    width:238px;
}
.left-img
{
    width:238px;
    height:214px;
    /* background - see themes */ 
}
.side-nav{
	float:left;
	position:relative;
	width:238px;
	background:#9d0410;
}
.side-nav ul, .side-nav li, .sub-nav ul,  .sub-nav li{
	list-style:none;
	margin:0;
	padding:0;
}
.side-nav a{
	color:#FFCC33;
	text-decoration:none;
	display:block;
	margin:0;
	padding:12px 4px 4px 6px;
	border-top:1px solid #e6e6e6;
}
.side-nav .sub-nav a{
    display:block;
	padding:0 0 0 12px;
	line-height:20px;
	font-size:0.9em;
	border-top:1px dotted #e6e6e6;
}
.side-nav a:hover{
	color:#fff;
}
.side-nav .selected{
    color:#fff;
	background:#3D6E8F url(../images/structure/selected-arrow.gif) no-repeat right;
}
.side-nav .selected a{
	color:#FFCC33;	
}	
/* cert */
.cert{
	margin:12px 0 0 0;
	text-align:center;
}
	
/* PAGE CONTENT STYLES */	
.content-area{
	float:left;
	position:relative;
	margin:0 0 0 5px;
	padding:210px 0 0 0;
	width:737px;
	min-height:154px;
	background:url(../images/structure/chess_photos.jpg) top left no-repeat;
}
.content-area .inner{
	padding:12px 18px 12px 12px;
}
.content-boxes{
	padding:0;
	margin:0;	
}
.content-boxes img{
	margin:14px 4px 0 0;
}

/* RIGHT COLUMN STYLES */
.right-col{
	float:left;
	width:238px;
}
.greybox{background-color: #595959; color: #fff; padding: 6px; margin-bottom: 12px;}
.greybox h2{color:#fff; font-weight: normal; font-size: 140%; background:url(../images/structure/underline_dgrey.gif) bottom left repeat-x; margin-top: 10px; padding-bottom:6px; text-decoration:none;}
.greybox h2 a{color:#fff; text-decoration:none; font-weight: normal;}
.greybox h2 a:hover{color:#fff; text-decoration:none;}
.greybox h3{font-size:100%; margin: 0 0 3px 0; padding: 0;}
.greybox h3 a{text-decoration:none; color:#e6c508;}
.greybox h3 a:hover{color:#fff;}
.greybox a{text-decoration:none; color:#e6c508;}
.greybox a:hover{color:#fff;}

.bluebox{background-color: #468db8; color: #fff; padding: 6px; margin-bottom: 12px;}
.bluebox h2{color:#fff; font-weight: normal; font-size: 140%; background:url(../images/structure/underline_blue.gif) bottom left repeat-x; margin-top: 10px; padding-bottom:6px; text-decoration:none;}
.bluebox h2 a{color:#fff; text-decoration:none; font-weight: normal;}
.bluebox h2 a:hover{color:#fff; text-decoration:none;}
.bluebox h3{font-size:100%; margin: 0 0 3px 0; padding: 0;}
.bluebox h3 a{text-decoration:none; color:#e6c508;}
.bluebox h3 a:hover{color:#fff;}
.bluebox a{text-decoration:none; color:#e6c508; font-weight:bold;}
.bluebox a:hover{color:#fff;}
	
/* STYLES FOR FOOT */
.foot{
	clear:both;
	margin:4px 0 0 0;
	padding:0;
	background:#ccc;
}
.foot-links{
	clear:both;
	padding:4px 0 4px 0;
	font-size:0.75em;
	width:944px;
	text-align:center;
	color:#666;
}
.foot-links a{
	color:#666;
	text-decoration:none;
	margin:0 0.5em 0 0.5em;
}
.foot-links a:hover{
	color:#9d0419;
	text-decoration:underline;
}
.credits{
}
.credits-content{
	width:980px;
	margin:0 auto 0 auto;
}
.copy{
	float:left;
	position:relative;
	font-size:0.7em;
	color:#666;
	width:50%;
	padding:0;
	margin:6px 6px 0 0;
}
.copy a{
	color:#666;
	text-decoration:none;	
}
.copy a:hover{
	color:#9d0419;
	text-decoration:underline;	
}
.w3c{
	float:right;
	width:auto;
	position:relative;
	padding:0;
	margin:4px 0 3px 12px;
}
.w3c img{
	margin-left:12px;
}
/* MISC */
.clear{ clear:both;}
.listitem_date{
    font-size:0.75em;
    color:#666;
} 
legend{
    color:#666;
    padding:0 0.5em 0 0;
}
/* TEXT STYLING */
h1{
	color:#0E5CA7;
	font-size:1.6em;
	font-weight:normal;
	margin:0 0 0.6em 0;
	padding:0;
}
h1 em{
	font-style:normal;
	color:#666;
}
h2{
	color:#0E5CA7;
	font-size:1.3em;
	font-weight:normal;
	margin:0 0 0.6em 0;
	padding:0;
}
h2 a{
	color:#0E5CA7;
	text-decoration:none;
}
h2 a:hover{
    color:#666;
	text-decoration:none!important;
}
h3{
	color:#0E5CA7;
	font-size:1.1em;
	margin:0 0 0.6em 0;
	padding:0;
}
h4{
	color:#0E5CA7;
	font-size:1.1em;
	font-style:italic;
	margin:0 0 0.6em 0;
	padding:0;
}
h4{
	color:#000;
	font-size:1em;
	margin:0 0 0.6em 0;
	padding:0;
}
h5{
	color:#666;
	font-size:1em;
	margin:0 0 0.6em 0;
	padding:0;
}
h6{
	color:#666;
	font-size:1em;
	font-style:italic;
	margin:0 0 0.6em 0;
	padding:0;
}
p{
	margin:0.2em 0 1.6em 0;
	padding:0;
}
.content-area ul{
    margin:0.2em 2em 1.6em 2em;
    list-style:url(../../images/structure/bullet_red.gif);
    line-height:1.4;
}
ul li{
}
ol{
    margin:0.2em 2em 1.6em 2em;
}
ol li{
    list-style:decimal;
    }
hr{
    color:#666;
	background-color:#666667;
	border:0;
	height:1px;
}
a{color:#3D6E99; text-decoration:none;}
a:hover{color:#CC6609; text-decoration:underline;}
.small{font-size:0.8em;}