/*
Description:	CSS 
Author:			Visualcode Limited
Date: 			January 2009.
Version:		1.0
*/

@import url('css/pageLayout.css');
@import url('css/generalform.css');
@import url('css/accounts.css');
@import url('css/lightbox.css');

/*---------------------------Global Start -----------------------------*/

/*
Colour Palette
Maroon:#7A0000; Black:#000000; Mushroom:#D8CECE; Grey:666666; lt Grey:#F0F0F0; lt Yellow:#FEFFDB;
*/

body {
	font:12px "trebuchet ms", Arial, Verdana, Helvetica, sans-serif; 
	font-weight: normal;
	line-height: 15px;
	color: #000;
	text-align:center;
	background:#FFF;
  	position:relative;
	margin:0;
	padding:0;	
	}
	
a:link {
	color:#7A0000;
	text-decoration: none;
}

a:visited {
	color:#7A0000;
	text-decoration: none;
}

a:active {
	color:#9DA8B0;
	text-decoration: none;
}

a:hover {
	color:#9DA8B0;
	text-decoration: none;
}

a img{
	border:0;
	}

img.portrait{
	float:left;
	padding:2px;
	margin:0 5px 5px 0;
	border:#ECECEC solid 1px;
	}

h1, h2, h3, h4{
	font-weight:normal;
	line-height:normal;
	}
	
h1 {
	font-size: 16px;
	color:#000;
	font-weight:bold;
	}

h2 {
	font-size: 15px;
	color:#000;
	font-weight:bold;
	}

h3 {
	font-size: 14px;
	color:#000;
	font-weight:bold;
	}

h4 {
	color:#9DA8B0;
	font-size: 1.2em;
	}

hr {
	border: none;
	border-top: 1px solid #D8CECE;
	height: 1px;
	margin: 5px auto;
	padding: 0px !important;
	color:#FFF;
	clear:both;
	}

p{
	margin:10px 0;
	}

.clear{
	clear:both;
	}
	
table{margin:0;}	
table td{padding:5px 0px; font:12px "trebuchet ms", arial, helvetica, sans-serif; border-bottom:#D8CECE solid 1px; vertical-align:top;}	
table td.five{padding:5px;}
table thead td{background:#7A0000; border-top:#FFF solid 1px; border-bottom:#FFF solid 1px; border-right:#FEFFDB solid 1px; color:#FFF; padding-left:5px; font-weight:bold;}
table thead td.none{border-right:none;}	


a.button{
	margin:0 auto;
	background:#7A0000;
	color:#FFF;
	display:block;
	width:100px;
	padding:3px 5px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	border:#D8CECE solid 2px;
	}
	
/*
Colour Palette
Maroon:#7A0000; Black:#000000; Mushroom:#D8CECE; Grey:666666; lt Grey:#F0F0F0; lt Yellow:#FEFFDB;
*/

/* ______________________ Navigation ______________________ */		
	
 #navigation{
 	font-size:11px;
	position:relative;
	background:transparent;
	height:38px;
	clear:both;
	padding-left:10px;
	border-top:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	background:#7A0000;
	}

 #navigation ul {
	list-style:none; 
	padding:0;
	margin:0px;
	position:relative;
	text-align:left;
	border:none;
	border-left:#FFF solid 1px;
	height:38px;
	}
	
 #navigation ul li {
	display:inline;
	float:left;
	margin:0;
	position:relative;
	text-align:left;
	font-weight:normal;
	width:99px;
	border-right:#FFF solid 1px;
	}
	
 #navigation ul li a {
	color:#FFF;
	position:relative;
	display:block;
	padding:5px 10px;
	height:28px;
	font-weight:bold;
	}
	
 #navigation ul li a:hover {
 	color:#FFF;
	background:#7A0000 url(images/navarrow.gif) no-repeat right bottom;
	}
	
#navigation ul li.on a,
#navigation ul li.on a:hover {
 	color:#FFF;
	background:#666666 url(images/navarrow.gif) no-repeat right bottom;
	}	


/*
Colour Palette
Maroon:#7A0000; Black:#000000; Mushroom:#D8CECE; Grey:666666; lt Grey:#F0F0F0; lt Yellow:#FEFFDB;
*/


#container{
	padding:0;
	margin:0;
	position:relative;
	background:#FFF;
	text-align:left;
	}

#headCont {
	background:#FFF;
	margin:0;
	text-align:left;
	height:14px;
	border-bottom:#7A0000 solid 1px;
	}

#header {
	width:100%;
	background:#FFF url(images/headerBack.gif) repeat-x;
	height:165px;
	}

#Logo {
	margin:0;
	padding:0px;
	padding:0px;
	border-top:#7A0000 solid 1px;
	background: url(images/watermarkTop.gif) no-repeat bottom right;
	height:109px;
	}

#Logo img{
	float:left;
	}
	
.sectionTitle{	
	float:left;
	width:600px;
	padding-top:42px;
	color:#7A0000;
	font-size: 24px; 
	font-family: "trebuchet ms", Arial, Verdana, Helvetica, sans-serif; 
	font-weight: normal; 
	line-height:26px;
	}

#bannerArea{
	width:810px;
	}

#bannerContainer{
	background:#FFF;
	width:600px;
	margin:0;
	padding:0;
	text-align:center;
	float:left;
	}

#bannerImg{
	padding:0 !important;
	margin:0 !important;
	}
	
#newsticker{
	width:200px;
	float:right;
	border:#FFF solid 1px;
	margin-left:8px;
	margin-top:8px;
	height:175px;
	color:#FFF;
	font-size:11px;
	}
#newsticker ul{list-style:none; margin:0; padding:5px;}
#newsticker ul li{margin:0;padding:0;}
#newsticker ul li a{color:#F1E65C; font-weight:bold;}
#newsticker h3{background:#D8CECE; padding:5px; margin:0px 0px 10px 0px; color:#7A0000; border-bottom:#FFF solid 1px;}

#lookout{
	width:200px;
	float:right;
	border:#FFF solid 1px;
	margin-left:8px;
	margin-top:8px;
	color:#FFF;
	font-size:11px;
	clear:right;
	text-align:center;
	}
#lookout h3{background:#D8CECE; padding:5px; margin:0px; color:#7A0000; border-bottom:#FFF solid 1px; text-align:left;}	
#lookout a{color:#F1E65C; font-weight:bold; border:none;}

/* ______________________ Main Area ______________________ */	

#wrapper {
	margin:0px;
	padding:0px;
	position:relative;
	border-top:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	background:#7A0000 url(images/largeLogo.gif) no-repeat top right;
	}

.contentArea{
	width:810px;
	background:#FEFFDB url(images/leftNav.gif) repeat-y;
	clear:left;
	}

.Content{
	text-align:left;
	margin-top:10px;
	margin-left:15px;
	padding:0;
	width:650px;
	float:left;
	padding-bottom:20px;
	}

.Contenthome{
	background:#D8CECE;
	margin:0 !important;
	padding:0;
	padding-bottom:20px;
	padding-top:10px;
	padding-right:10px;
	padding-left:200px;
	color:#7A0000;
	}

.Content img{
	margin:5px;
	}

.Content ul{
	list-style:none;
	padding-left:10px;
	margin:10px 0px;
	}

.Content ul li{
	margin-bottom:15px;
	background: url(images/bullet.gif) no-repeat 0px 4px;
	padding-left:20px;
	}

/* ______________________ Left Navigation ______________________ */		


#leftNav {
	font-size:100%;
	position:relative;
	width:110px;
	padding-right:8px;
	float:left;
	text-align:left;
	margin-left:10px;
	padding-top:15px;
	}
	
#leftNav ul{
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
	font-size:12px;
	}

#leftNav ul li{
	padding:7px 0px;
	position:relative;
	}

#leftNav ul li a{
	color:#000;
	text-decoration:underline;
	}

#leftNav ul li a.on{
	font-weight:bold;
	text-decoration:none;
	}

#leftNav ul li a:hover{
	color:#000;
	}

/* ______________________ Footer ______________________ */

#footer {
	clear:both;
	font-size:10px;
	text-align:left;
	border-top:#7A0000 solid 1px;
	padding-top:5px;
	color:#666;
	}

#copyrights, #address, #contactft{
	text-align:left;
	padding:3px 10px;
	float:left;
	}

#copyrights{width:400px;} 
#copyrights span {display:block;}
#copyrights span a, #copyrights span{color:#FAFAFA;}

#contactft{float:right;}

/* ______________________ tag Cloud ______________________ */

.tagCloud{
	background:#F0F0F0; padding:5px; margin:5px 0px 0px 0px; border-bottom:#7A0000 solid 1px; 
	}
	
.cloud1 {font-size: 100%;}
.cloud2 {font-size: 120%;}
.cloud3 {font-size: 140%;}
.cloud4 {font-size: 160%;}
.cloud5 {font-size: 180%;}				
	
	
	
/*
Colour Palette
Maroon:#7A0000; Black:#000000; Mushroom:#D8CECE; Grey:666666; lt Grey:#F0F0F0; lt Yellow:#FEFFDB;
*/