/*
STYLE SHEET

Table of contents :)
		
			1. General Layout Divs 
			2. Left Content
			3. Right Content
			4. Main Navigation
			5. Footer
			6. Generic Classes
 			7. Contact Form

/********************************************************
* LAYOUT DIVS
********************************************************/

* {
	padding:0;
	margin:0;
}

body {
	margin:0;
	padding:0;
}

#outerWrapper {
	margin: 0px auto;
	padding:0;
	width:940px;
}

#scanTopContainer {
	margin: 0px auto;
	padding:0;
	width:940px;
	height:10px;
	background-image:url(../images/layout/scanTopContainer.gif);
	background-repeat:repeat-x;
}

#topContainer {
	height:98px;
	background-color:#FFF;
}

#siteLogo {
	width:362px;
	height:71px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}

#mainNavigation {
	width:380px;
	height:98px;
	float:right;
}

#scanBottomContainer {
	margin: 0px auto;
	padding:0;
	width:940px;
	height:17px;
	background-image:url(../images/layout/scanBottom.gif);
	background-repeat:repeat-x;
}

#headerContainer {
	width:940px;
	height:354px;
	clear:both;
	background-color:#CCC;
}

#headerImageHome {
	width:572px;
	height:354px;
	float:left;
}

#headerBlueBox {
	width:367px;
	height:354px;
	float:right;
	position:relative;
	background-color:#00519C;
	border-left:1px solid #FFF;
}

.strapline {
	position:absolute;
	top:3em;
	left:1.5em;
}

/************ LOWER PAGE HEADER STYLING ************/

#headerContainerLower {
	width:940px;
	height:200px;
	clear:both;
	background-color:#00519C;
}

#headerImageLower {
	width:572px;
	height:200px;
	float:left;
}

#headerBlueBoxLower {
	width:367px;
	height:200px;
	float:right;
	position:relative;
	background-color:#00519C;
	border-left:1px solid #FFF;
}

.straplineLower {
	position:absolute;
	left:2.5em;
}


#borderTopContainer {
	margin: 0px auto;
	padding:0;
	width:940px;
	height:4px;
	background-image:url(../images/layout/borderTopContent.gif);
	background-repeat:repeat-x;
}

#mainWrapper {
	width:938px;
	float:left;
	background-color:#F6F6F6;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

#leftContainer {
	width:510px;
	float:left;
	padding-left:30px;
	padding-right:30px;
	background-color:#FFF;
	border-right:1px solid #CCC;
}

#rightContainer {
	width:267px;
	float:right;
	padding-left:50px;
	padding-right:50px;
}

#footerWrapper {
	width:100%;
	height:138px;
	clear:both;
	background-repeat:repeat-x;
}

#footerWhite {
	margin: 0px auto;
	padding:0;
	width:938px;
	height:25px;
	background-color:#FFF;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

#footerContainer {
	margin: 0px auto;
	padding:0;
	width:940px;
	height:47px;
	background-image:url(../images/layout/footerContainerBkg2.gif);
	background-repeat:repeat-x;
}

/************ IE 6 HACKS - MAIN DIVS ************/
* html #headerContainer {
	margin-bottom:-4px;
}

* html #headerBlueBox {
	margin-left:-6px;
}

* html #mainWrapper {
	margin-top:-15px;
}

* html #topContainer {
	margin-top:-9px;
}	

* html #headerContainerLower {
	margin-bottom:-4px;
}

* html #headerContainerLower {
	margin-top:-2px;
}

/********************************************************
* LEFT CONTENT
********************************************************/

#leftContainer h1 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#00519C;
	padding-top:2em;
}

#leftContainer h2 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#00519C;
	padding-top:0.5em;
}

#leftContainer p {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.6em;
	color:#333;
	margin-top:0.5em;
	margin-bottom:1em;
	text-align:justify;

}

#leftContainer p a {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	text-decoration:none;
}

#leftContainer p a:hover {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	text-decoration:underline;
}

#leftContainer ul {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.6em;
	color:#333;
	margin-left:15px;
	margin-top:0.5em;
	margin-bottom:1.5em;
}

#leftContainer li {
	list-style-image:url(../images/layout/listImage.gif);
	list-style-position:outside;
}

*:first-child+html #leftContainer li {
	list-style-image:url(../images/layout/listImage-ie7.gif);
}

#leftContainer li a {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	text-decoration:none;
}

#leftContainer li a:hover {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	text-decoration:underline;
}

/********************************************************
* RIGHT CONTENT
********************************************************/

#rightContainer h1 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#00519C;
	padding-top:2em;
}

#rightContainer p {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.6em;
	color:#333;
	margin-top:0em;
	margin-bottom:1.5em;
}

.quoteOne {
	margin-right:1.5em;
	margin-top:1em;
	margin-bottom:0.5em;
}

.quoteTwo {
	float:right;
	margin-top:-10px;
}

.blue {
	color:#00519C;
}

.red {
	color:#CC0000;
}

.blueBold {
	color:#00519C;
	font-weight:bold;
}

/********************************************************
* MAIN NAVIGATION
********************************************************/

#mainNavigation ul {
	display:block;
}

#mainNavigation li {
	float:left;
	display:block;
	padding-right:30px;
	margin-top:20px;
}

#menutab1 a {
	display:block;
	height: 54px;
	width: 65px;
	background-repeat: no-repeat;
	background-image:url(../images/buttons/home-normal.gif);
}

#menutab2 a {
	display:block;
	height: 54px;
	width: 65px;
	background-repeat: no-repeat;
	background-image:url(../images/buttons/research-normal.gif);
}

#menutab3 a {
	display:block;
	height: 54px;
	width: 65px;
	background-repeat: no-repeat;
	background-image:url(../images/buttons/source-normal.gif);
}

#menutab4 a {
	display:block;
	height: 54px;
	width: 65px;
	background-repeat: no-repeat;
	background-image:url(../images/buttons/contact-normal.gif);
}

#menutab1 a:hover {
	background-repeat: no-repeat;
	background-image:url(../images/buttons/home-over.gif);
}

#menutab2 a:hover {
	background-repeat: no-repeat;
	background-image:url(../images/buttons/research-over.gif);
}

#menutab3 a:hover {
	background-repeat: no-repeat;
	background-image:url(../images/buttons/source-over.gif);
}

#menutab4 a:hover {
	background-repeat: no-repeat;
	background-image:url(../images/buttons/contact-over.gif);
}

/********************************************************
* FOOTER STYLING
********************************************************/

#footerWhiteContainer {
	margin: 0px auto;
	padding:0;
	width:939px;
	height:30px;
	float:left;
	background-color:#F5F5F5;
	border-right:1px solid #CCC;
}

#footerWhiteWrapper {
	margin: 0px auto;
	padding:0;
	width:940px;
	height:30px;
	position:relative;
}

#footerWhiteLeft {
	width:570px;
	height:30px;
	float:left;
	background-color:#FFF;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}

#footerContainer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFF;
	padding-top:1em;
}

#footerContainer p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFF;
	text-decoration:none;
	margin-right:0.5em;
	margin-left:0.5em;
}

#footerContainer p a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFF;
	text-decoration:underline;
}

.footerLogo {
	position:absolute;
	top:16px;
	left:15px;
	clear:both;
}

.floatLeft {
	float:left;
	margin-left:5.5em;
}

.floatRight {
	float:right;
	margin-right:2em;
}

#caboodleLogo {
	margin: 0px auto;
	padding:0;
	width:900px;
	height:30px;
	clear:both;
}

.caboodleLogo {
	float:right;
	margin-right:15px;
	margin-top:5px;
	border:none;
}

/************ IE 6 HACKS - FOOTER ************/
* html .floatLeft {
	margin-left:2.5em;
}

* html .floatRight {
	margin-right:1em;
}

/********************************************************
* GENERIC CLASSES
********************************************************/

.clear {
	clear:both;
}

.textDisplay {
	display:none;
}

#indexPage {
	background-image:url(../images/layout/bodyHomeBkg.gif);
	background-repeat:repeat-x;
}

#lowerPage {
	background-image:url(../images/layout/lowerBkgImage.gif);
	background-repeat:repeat-x;
}

.font-size {
	font-size:1.2em;
	font-weight:bold;
	color:#003366;
}

/********************************************************
* CONTACT FORM
********************************************************/

#contactForm {
	width:500px;
	margin-left:0em;
	margin-top:1em;
}

.row {
	padding-top:0.4em;
	clear:both;
}

legend {
	font-family:Arial, Helvetica, sans-serif;
	color:#00519C;
	font-weight:bold;
	font-size:0.8em;
	margin-left:5px;
	padding:5px;
}

fieldset {
	padding-bottom:1em;
}

#formContent input:focus {
	color:#333;
	border:1px solid #115C9B;
}

.formLabel {
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#666666;
	padding-bottom:0.5em;
	padding-top:0.2em;
	padding-left:15px;
	text-align:right;
	float:left;
}

.formControl {
	float:right;
	margin-right:1em;
	width:300px;
}

.messageText {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	float:left;
	font-size:0.7em;
	line-height:1.6em;
	margin-left:0em;
	width:100px;
}

.messageBox {
	width:500px;
	height:100px;
	margin-left:0em;
	background-image:url(images/bkg-form.gif);
	background-repeat:repeat-x;
	background-color:#FFF;
	border:1px solid #999;
}

.submit {
	margin-left:0em;
	margin-top:0.6em;
}

/********************************************************
* END OF STYLE :)
********************************************************/