/* --------------------------------------------------

PLEASE NOTE 
-----------------------------------------------------

THIS CSS FILE HAS BEEN SPLIT UP INTO 
"Layout", "Text Styles" then "Colours" 

---------------------------------------------------*/

/* Layout */
.containerMainTopTitle,
.containerDownloads,
.containerBoxNoTitle,
.containerStandard,
.containerBlue,
.containerGreen{
	margin-bottom:10px;
}

.containerBlue,
.containerGreen{
	width:200px;
}

.ContainerActions{
	margin-top:10px;
}

.containerMainTopTitle h1,
.containerMainTopTitle h2,
.containerDownloads h1,
.containerDownloads h2,
.containerBoxNoTitle h1,
.containerBoxNoTitle h2,
.containerStandard h2,
.containerMainTopTitle h3,
.containerStandard h3,
.containerGreen .continerTitle h4,
.containerBlue .continerTitle h4{
	margin:0;
}
.containerMainTopTitle h1,
.containerDownloads h1,
.containerBoxNoTitle h1{
	margin-bottom:10px;
}

.containerDownloads h2,
.containerBoxNoTitle h2,
.containerMainTopTitle h2,
.containerStandard h2,
.containerMainTopTitle h3,
.containerStandard h3{
	padding:10px 0 5px 0;
}

.containerDownloads p,
.containerBoxNoTitle p,
.containerMainTopTitle p,
.containerStandard p{
	margin:0 0 5px 0;
}

.containerGreen .continerTitle h4 .Head,
.containerBlue .continerTitle h4 .Head{
	padding:5px;
	line-height:24px;
}

.containerGreen .Normal p,
.containerBlue .Normal p{
	padding:5px 5px 0 5px;
	margin:0 0 5px 0;
}

.containerGreen p a img,
.containerBlue p a img{
	position:relative;
	top:2px;
}
.downloadAdobeReader{
	margin-top:30px;
	text-align:center;
}

.containerLogin{
	height:112px;
	padding:10px;
	background: #ffffff url(img/BlueBox.jpg) no-repeat;
}

.containerRegister{
	height:113px;
	padding:10px;
	background: #ffffff url(img/GreenBox.jpg) no-repeat;
}

.containerLogin .continerTitle h1,
.containerRegister .continerTitle h1{
	margin:12px 0 10px 0 !important;
	margin:20px 0 10px 0;
}

.containerLogin .loginButton,
.containerRegister .loginButton{
	margin:5px 0 0 95px;
}

/* END Layout */


/* Text Styles */
.containerMainTopTitle h1 .Head{
/*	font-size:1em;*/
}
.containerDownloads h1 .Head{
/*	font-size:0.8em;*/
}

.containerMainTopTitle h2,
.containerDownloads h2,
.containerBoxNoTitle h2,
.containerStandard h2{
/*	font-size:1.2em;*/
	font-weight:bold;
}

.containerMainTopTitle h3,
.containerDownloads h3,
.containerBoxNoTitle h3,
.containerStandard h3{
/*	font-size:1em;*/
	font-weight:bold;
}

.containerGreen .continerTitle h4 .Head,
.containerBlue .continerTitle h4 .Head{
/*	font-size:0.8em;*/
}
.containerDownloads p{
/*	font-size:0.7em;*/
}

.containerDownloads .normal p{
/*	font-size:1em;*/
}

/* END Text Styles */


/* Colours */
.continerTitle h1 .Head,
.containerDownloads h1 head,
.containerBoxNoTitle h1 head,
.containerGreen .continerTitle h4 .Head,
.containerMainTopTitle h2,
.containerDownloads h2,
.containerBoxNoTitle h2,
.containerStandard h2,
.containerMainTopTitle h3,
.containerDownloads h3,
.containerBoxNoTitle h3,
.containerStandard h3{
	color:#293270;
}

.containerDownloads p,
.containerBoxNoTitle p,
.containerMainTopTitle p,
.containerStandard p{
	color:#333333;
}

.containerBlue{
	background: #ffffff url(img/blue_bg_fade.gif) repeat-x;
	border:1px solid #999999;
}

.containerGreen{
	background: #ffffff url(img/blue_bg_fade.gif) repeat-x;
	border:1px solid #999999;
}

.containerBlue .continerTitle{
	background: #ffffff url(img/Title_blue.gif) repeat-x;
}

.containerGreen .continerTitle{
	background: #ffffff url(img/Title_green.gif) repeat-x;
}

.containerBlue .continerTitle h4 .Head{
	color:#ffffff;
}

.containerGreen .Normal p,
.containerBlue .Normal p{
	color:#333333;
}

.containerGreen p a:link,
.containerGreen p a:visited,
.containerGreen p a:hover,
.containerGreen p a:active,
.containerBlue p a:link,
.containerBlue p a:visited,
.containerBlue p a:hover,
.containerBlue p a:active{
	color:#293270;
}

.containerDownloads,
.containerBoxNoTitle{
	border:1px solid #dddddd;
	padding:10px;
}

.containerLogin .Normal,
.containerRegister .Normal{
	color:#293270;
}


/* END Colours */