﻿/* body class, images are inherited */
body{
	margin: 0px;
	
	color: #ffffff;
	
	background-color: #ced7e4;
	background-repeat: repeat-y;
	background-position: center;
	
	font-family: Arial, Verdana, Geneva, Helvetica;
	font-size: 16px;
	
	text-align: center;
}

#bodyBlue{
	background-image: url('../img/bgBlue.gif');
}

#bodyGreen{
	background-image: url('../img/bgGreen.gif');
}

#bodyLBlue{
	background-image: url('../img/bgLBlue.gif');
}

#bodyLGreen{
	background-image: url('../img/bgLGreen.gif');
}

#bodyOrange{
	background-image: url('../img/bgOrange.gif');
}

#bodyPink{
	background-image: url('../img/bgPink.gif');
}

#bodyPurple{
	background-image: url('../img/bgPurple.gif');
}

#bodyFTOL{
	background-image: url('../img/bgFTOL.gif');
}

#bodyMyGuide{
	background-image: url('../img/bgMyGuide.gif');
}

#bodyDirectGov{
	background-image: url('../img/bgDirectGov.gif');
}

#bodyNHSDirect{
	background-image: url('../img/bgNHSDirect.gif');
}

.contentContainer{
	width: 700px;
	height: auto;
	
	margin: 0px auto;
	background-color: #ffffff;
	
	text-align: left;
}

.header{
	width: auto;
	height: 140px;
	
	background-image: url('../img/logoRight.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.headerLogo{
	width: 300px;
	height: 115px;
	
	background-image: url('../img/logoLeft.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-left: 25px;
}

.division{
	width: auto;
	height: 15px;
	
	min-height: 15px;
	
	background-color: #ffffff;
}

.menu{
	width: auto;
	height: 48px;
}

.sponsorMenu{
	width: auto;
	height: 42px;
	
	text-align: center;
}

.linksRegion{
	background-color: #5d3387;
	width: 510px;
	
	padding: 5px;
}

.contactsRegion{
	background-color: #d01078;
	width: 510px;
	
	padding: 5px;
}

/* paragraph formatting */
p.title{
	color: #000099;
	
	font-family: Arial, Verdana, Geneva, Helvetica;
	font-weight: bold;
}

p.content{
	color: #000099;
	
	font-family: Arial, Verdana, Geneva, Helvetica;
}

p.copyright{
	color: #000000;
	
	font-family: Arial, Verdana, Geneva, Helvetica;
	font-size: 11px;
}


p.titleWhite{
	color: #ffffff;
	
	font-family: Arial, Verdana, Geneva, Helvetica;
	font-weight: bold;
}

p.subtitleWhite{
	color: #ffffff;
	
	font-family: Arial, Verdana, Geneva, Helvetica;
	font-weight: bold;
	
	font-size: 14px;
}

p.contentWhite{
	color: #ffffff;
	
	font-family: Arial, Verdana, Geneva, Helvetica;
}

/* button class, images are inherited */
.button{
	display: block;
	float: left;
	
	width: 175px;
	height: 48px;
	
	background-repeat: no-repeat;
}

.button:hover{
	background-position: bottom left;
}

#buttonHome{
	background-image: url('../img/buttons/home.png');
}

#buttonJoblinks{
	background-image: url('../img/buttons/joblinks.png');
}

#buttonMyguide{
	background-image: url('../img/buttons/myguide.png');
}

#buttonDirectgov{
	background-image: url('../img/buttons/directgov.png');
}

#buttonNHSDirect{
	background-image: url('../img/buttons/nhsdirect.png');
}

#buttonLocalgov{
	background-image: url('../img/buttons/localgov.png');
}

#buttonContactus{
	background-image: url('../img/buttons/contactus.png');
}

/* sponsorButton class, images are inherited */
.sponsorButton{
	display: block;
	float: left;
	
	width: 42px;
	height: 42px;
	
	background-repeat: no-repeat;
}

.sponsorButton:hover{
	background-position:top right;
}

#sponsorButtonUFI{
	background-image: url('../img/buttons/sponsors/ufi.png');
}

#sponsorButtonCNorthWest{
	background-image: url('../img/buttons/sponsors/cnorthwest.png');
}


.feedbackButton{
	display: block;
	
	width: 120px;
	height: 24px;
	
	background-repeat: no-repeat;
	background-image: url('../img/buttons/feedback.png');
}

.feedbackButton:hover{
	background-position: bottom left;
}

/* for IE */
.main{
	width: 700px;
	background-color: #ffffff;
}

/* info class, colors and images are inherited */
.info{
	width: 520px;
	height: 100%;
	
	/* for firefox */
	min-height: 375px;
	
	float: left;
	padding: 15px;
	
	background-repeat: no-repeat;
	background-position: top right;
}

#infoBlue{
	background-color: #1c3c72;
	background-image: url('../img/cornerBlue.gif');
}

#infoGreen{
	background-color: #119865;
	background-image: url('../img/cornerGreen.gif');
}

#infoLBlue{
	background-color: #00adbe;
	background-image: url('../img/cornerLBlue.gif');
}

#infoLGreen{
	background-color: #a4c300;
	background-image: url('../img/cornerLGreen.gif');
}

#infoOrange{
	background-color: #f0a022;
	background-image: url('../img/cornerOrange.gif');
}

#infoPink{
	background-color: #e51385;
	background-image: url('../img/cornerPink.gif');
}

#infoPurple{
	background-color: #663399;
	background-image: url('../img/cornerPurple.gif');
}

#infoFTOL{
	background-color: #009c7c;
	background-image: url('../img/cornerFTOL.gif');
}

#infoMyGuide{
	background-color: #093679;
	background-image: url('../img/cornerMyGuide.gif');
}

#infoDirectGov{
	background-color: #ff5100;
	background-image: url('../img/cornerDirectGov.gif');
}

#infoNHSDirect{
	background-color: #3399cc;
	background-image: url('../img/cornerNHSDirect.gif');
}

.sidebar{
	width: 150px;
	height: 400px;
	
	min-height: 200px;
	
	float: left;
	text-align: center;
	
	background-color: #ffffff;
}

/* disable image link borders */
a:link img{
	border: 0px;
}

a:link{
	text-decoration: none;
	color: #ffffff;
}

a:hover{
	text-decoration: underline;
}

a:visited{
	color: #ffffff;
}