/***********************************************/
/* McColm Graphics - Copyright 2008            */
/* www.mccolmgraphics.co.uk                    */
/* email: info@mccolmgraphics.co.uk            */
/***********************************************/

body {
	margin: auto;
	font-family: verdana;
	font-size: 12px;	
	color: #000000;
	line-height: 15px;
	background-color: #FFFFFF;
}

a:link {
	color: #0071BC;
	text-decoration: none;
}
a:visited {
	color: #0071BC;
	text-decoration: none;
}
a:hover {
	color: #3BB878;
	text-decoration: none;
}
a:active {
	color: #0071BC;
	text-decoration: none;
}

h1{
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	font-family: arial;
	color: #000000;
	margin: 5px 0px 5px 0px;
	padding: 2px 2px 2px 2px;
}

h2{
	font-weight: bold;
	font-size: 13px;
	font-family: verdana;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

p{
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

#wrap{
	margin: auto;
	width: 877px;
}

#header1{
	float: left;
	margin: auto;
	width: 877px;
	height: 79px;
       background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#header2{
	float: left;
	margin: auto;
	width: 877px;
	height: 202px;
	background-image: url(../images/header2.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#header2in{
	float: left;
	margin: auto;
	width: 817px;
	height: 156px;
	padding: 10px 30px 0px 30px;
}

#topnav{
	float: left;
	margin: auto;
	width: 817px;
	height: 38px;
	padding: 0px 30px 0px 30px;
	line-height: 16px;
}

.tleft{
	float: left;
	margin: auto;
	width: 275px;
	color: #ef008e;
	padding: 0px 0px 0px 25px;
}

.tright{
	float: right;
	margin: auto;
	color: #FFFFFF;
	width: 500px;
	font-size: 13px;
}

.tright a:link, .tright a:visited, .tright a:hover, .tright a:active{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
} 

#bodymain{
	float: left;
	margin: auto;
	width: 877px;
}

#bodytop{
	float: left;
	margin: auto;
	width: 877px;
	height: 5px;
	background-image: url(../images/bodytop.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#body{
	float: left;
	margin: auto;
	width: 877px;
	background-image: url(../images/body.jpg);
}

#bodybottom{
	float: left;
	margin: auto;
	width: 877px;
	height: 17px;
	background-image: url(../images/bodybottom.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#navigation{
	float: left;
	margin: auto;
	width: 187px;
	padding: 0px 0px 0px 30px;
}

#navigation a:link{
	color: #0071BC;
	text-decoration: none;
	font-weight: bold;
}  

#navigation a:visited{
	color: #0071BC;
	text-decoration: none;
	font-weight: bold;
} 

#navigation a:hover{
	color: #ef008e;
	text-decoration: none;
	font-weight: bold;
} 

#navigation a:active{
	color: #0071BC;
	text-decoration: none;
	font-weight: bold;
} 

#navigation ul{
	list-style-type: none;
	width: 186px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #D2D2D2;
}

#navigation li{
	margin: 0px 0px 1px 0px;
	font-weight: bold;
	line-height: 16px;
	width: 182px;
	height: 18px;
	background-color: #FFFFFF;
	padding: 3px 2px 2px 2px;
}

#content{
	float: right;
	margin: auto;
	width: 600px;
	padding: 0px 30px 0px 0px;
}

#footer{
	clear: both;
	float: left;
	margin: auto;
	width: 817px;
	height: 57px;
	padding: 24px 30px 10px 30px;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	overflow: hidden;	
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
	color: #FFFFFF;
	text-decoration: none;
}