/**** © 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:#f9f9f9 url(../../images/page-bg.jpg) top repeat-x;
}
img{
	border:none;
}

/* Top Nav */

.tabmenu {
	width:980px;
	height:28px;
	margin:0;
	padding:0 0 0 100px;
}
.tabmenu ul{
	list-style-type: none;
	margin:0 40px 0 95px;
	padding:0;
	width:auto;
}
.tabmenu li{
	display:inline;
	margin:0;
	padding:0;
}
.tabmenu a {
	float:left;
	width:auto;
	background:url(../../images/nav-off-left.jpg) no-repeat left top;
	margin:0;
	padding:0 6px 0 11px;
	text-decoration:none;
	line-height:28px;
	height:28px;
}
.tabmenu a span {
	display:block;
	background:url(../../images/nav-off-right.jpg) no-repeat right top;
	padding:0 11px 0 0;
	line-height:28px;
	color:#000;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabmenu a span {float:none; width:auto;}
/* End IE5-Mac hack */
.tabmenu a:hover span {
	color:#ffcc00!important;
}
.tabmenu .selected a {
	background:url(../../images/nav-on-left.jpg) no-repeat left top;
}
.tabmenu .selected a span {
	background:url(../../images/nav-on-right.jpg) no-repeat right top;
	color:#fff;
}
.tabmenu a:hover {
	background:url(../../images/nav-on-left.jpg) no-repeat left top;
	color:#ffcc00!important;
	text-decoration:none;
}
.tabmenu a:hover span {
	background:url(../../images/nav-on-right.jpg) no-repeat right top;
	text-decoration:none;
	
}
	
/* CONTAINER */
.container{
	width:980px;
	margin:0 auto 0 auto;	
	background:#fff url(../../images/head-bg.jpg) top repeat-x;
}

/* INTRO STYLES */
.intro{
	clear:both;
	margin:0 auto 0 auto;
	height:95px;
	width:980px;
}
.logo{
	float:left;
	width:95px;
	margin:0 0 0 12px;
}
.logo-lozenge{
	float:left;
	width:840px;
	margin:0 0 0 12px;
	text-align:right;
}
.intro h1{
	visibility:hidden;
	display:none;
	margin:0;
	padding:0;
}
.intro h2{
	visibility:hidden;
	display:none;
	margin:0;
	padding:0;
}
/*
	
/* SIDE NAV STYLES */ 
.left-col{
    float:left;
    position:relative;
    width:172px;
    margin:35px 4px 20px 8px;
    clear:both;
}
.side-nav{
	float:left;
	position:relative;
	margin:0 0 0 0;
	padding:0;
	width:172px;
	background:url(../../images/side-nav-bg.gif) repeat-y center;
	font-size:0.9em;
}
.side-nav-top{
	padding:2px 0px 0px 1px;
	margin:0px;
	background:url(../../images/side-nav-top.gif) no-repeat top center;
}
.side-nav-top ul{
	margin:0px;
	padding:0px;
}
.side-nav-top li{
	list-style:none;
	display:block;
	background:url(../../images/navigation-button.jpg) no-repeat center;
	margin:0px 1px 6px 0px;
    padding:0;
	height:23px;
	line-height:23px;
}
.side-nav-top .sub-nav ul{
	margin:-5px 0 8px 0;
	padding:0; 

}
.side-nav-top .sub-nav li{
	list-style:none;
	display:block;
	background:url(../../images/link-arrow.gif) no-repeat left;
	margin:0px 6px 0px 6px;
	padding:2px 5px 0px 10px;
	line-height:20px;
	font-size:0.9em;
	border-bottom:1px dotted #CCCCCC;
}
.side-nav a{
	color:#666666;
	text-decoration:none;
	padding:0 8px 0px 8px;
}
.side-nav a:hover{
	color:#058AFF;
}
.side-nav .selected{
	background:url(../../images/navigation-button-on.jpg) no-repeat center;
	display:block;
}
.side-nav .sub-nav .selected{
	background:none;
	font-weight:bold;
}

.side-nav-bottom{
	font-size:3px;
	padding:0px;
	margin:0px;
	background:url(../../images/side-nav-bot.gif) no-repeat bottom center;
}
/* cert */
.cert{
	margin:12px 0 0 0;
	text-align:center;
}
	
/* PAGE CONTENT STYLES */	
.content-area{
	float:left;
	position:relative;
	margin:35px 0 0 5px;
	padding:0 0 0 0;
	width:780px;
	min-height:300px;
	background:url(../../images/it-services-bg.jpg) top right no-repeat;
}

.content-area-large{
	float:left;
	position:relative;
	margin:35px 0 0 5px;
	padding:0 0 0 0;
	width:780px;
	min-height:300px;
	background:url(../../images/it-services-bg.jpg) top right no-repeat;
}

.content-area .inner{
	padding:12px 220px 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%; 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%; 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:#f9f9f9 url(../../images/head-bg.jpg) bottom repeat-x;
}
.foot-links{
	clear:both;
	padding:4px 0 4px 0;
	font-size:0.75em;
	width:944px;
	text-align:center;
	color:#666;
}
.foot-links a{
	color:#fff;
	text-decoration:none;
	margin:0 0.5em 0 0.5em;
}
.foot-links a:hover{
	color:#ffcc00;
	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:disc;
    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;}