/* SpellerMetcalfe CSS Layout */
*{
	/*default values*/
	padding:0;
	margin:0;
}
h1{
    font:2.0em Arial, Helvetica, sans-serif;
    color: #93A9B8;
}
p {
	padding: 2px 0 1px;
	font-family: Arial, Helvetica, sans-serif;
}
.clearer{
	clear:both;
}
.noborder{
	border:0;
}

img, a{
	text-decoration:none;
	border:0;
}
img{
	margin:0px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0px;
    padding: 0px;
    background: #EDF3E7 url('../images/bg.png') repeat-x fixed center;
}
#wrapper {
    width: 955px;
    margin: 0 auto;
}

#container{
	width: 955px;
	background-color:white; 
	background-repeat:repeat-y;
}

#innerContainer{
	
}

/* heading title (logo)*/
#heading{
	padding:17px 0px 20px 36px; 
	width:250px; 
	float:left;
}

#modules {
   float:right; 
   display:inline; 
   margin: 40px 14px 20px 0px; 
   width:400px;
}

/* navigation (Menu list)*/
.navigation {
	height: 35px;
	margin-left:25px;
}
.navigation a {
	border-right: 2px solid #96A9B6;
	color: #333366;
	font:1.1em Arial, Helvetica, sans-serif;
	padding: 0 15px 3px 15px;
	margin-left:0px;
	line-height: 15px;
	text-align:  center;
	text-decoration:none;
	float:left;
	display: block;
}

/*banner layout*/
.banner .info .title{
	padding:60px 0 0 65px; 
	width:327px; 
	height:auto;
	font:1.7em Arial, Helvetica, sans-serif;	
	color:#000066;
}
.banner .info .descr{
	padding:15px 0 0 65px; 
	width:327px; 
	height:auto;
	font:12px Arial, Helvetica, sans-serif;	
	font-weight:bold;
    word-spacing:normal;
	color:#000066;
}

/*mouseover colour for links*/

.navigation a:link{
	text-decoration:none;
}

.navigation a:visited{
	text-decoration:none;
}

.navigation a:hover{
	text-decoration:underline;
}

.navigation a:active{
	text-decoration:none;
}


.footer a:link{
	text-decoration:none;
}

.footer a:visited{
	text-decoration:none;
}

.footer a:hover{
	text-decoration:underline;
}

.footer a:active{
	text-decoration:none;
}

.leftListContainer a:link{
	text-decoration:none;
}

.leftListContainer a:visited{
	text-decoration:none;
}

.leftListContainer a:hover{
	text-decoration:underline;
}

.leftListContainer a:active{
	text-decoration:none;
}

/*mouseover colour for links*/
a:hover,.navigation a#active,.footer a:hover
{
	color:#000066;
	text-decoration:underline;
}

a:link{
	color:#000066;
	text-decoration:underline;
}

a:visited{
	color:#000066;
	text-decoration:underline;
}

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

a:active{
	color:#009900;
	text-decoration:underline;
}


/* Content layout*/
.main#two-columns {
	background-repeat:repeat-y;
}

.content {padding: 8px 40px;}

/*Main Content Left*/
.col2 .left {width: 59%; height: auto;}
.left {float: left;}

/*Main Content right*/
.col2 .right .content {
	border: #A2A590 solid 7px; 
	height: auto; 
	width: 179px; 
	margin-top:17px;
	margin-left:17px;
}
/* right content with border around bottom only*/
.col2 .right .w_content { 
	height: auto; 
	width: 200px; 
	margin-top:17px;
	margin-left:17px;
}
.col2 .right .w_content p{
	margin-top:7px;
}
.w_content .title{
	border-bottom: dotted #B3C5D5 medium; 
	font-size:2.8em; 
	color: #B3C5D5;
}
.col2 .right {width: 28%;height: auto;}
.right {float: right;}
.right .content {
	padding: 18px 5px 12px 10px; 
	margin: 10px 0px 0px 0px;
}

#content{
	background-repeat:repeat-y;
	width:870px;
	margin:0 auto;
}
.banner{
	background:#FFF url('../images/banner.jpg') no-repeat;
	height:292px;  
}
#content #banner img{
	text-align:center;
}

/* Content left*/
.leftListContainer{
	margin:20px 0 0 0;
	height:auto;
	width:670px;
	
}

.col2 .left .content p{
	font-size:1.6em;
 	border-bottom:#CED84B solid 6px;
}

.leftListContainer a{
	font:1.3em Gill Sans MT,sans-serif;
	color: #96A9B6;
	font-weight:normal;
	 
}

.leftListContainer .box, .rightCol .box{
	height:138px;
	width:158px;
    background:url('../images/listItem.jpg') #FFFFFF no-repeat;		
}

.listTitle, .listTitle2nd{
	float:left;
	display:inline;
	margin-right:8px;
}

.listTitle2nd{
	margin-top:15px;
	margin-bottom:20px;
}

/*Right Content*/
.rightCol{
	float:right;
	margin-right:50px;
}

.rightCol .listTitle {
	float:left;
	display:inline;
}


/*Footer*/
.footer{
	text-align:center;
   	margin:10px 0 0 0px;
   	font-size: medium;
   	color:#273A7C;
   	padding-bottom:10px;
}

.footer a{
	color:#666699;
	display:inline;
	padding:0 60px 0px 60px;
	border-right: 2px solid #96A9B6;
	text-align:center;
}

ul{
	padding-left:35px;
}