/* CONTENTS
----------------------------------------------- 
Author: Rosie Sturman

01 - BASIC/HTML TAGS
02 - COLOURS
03 - STRUCTURE
04 - NAVIGATION
05 - MainBody
06 - SIDEBARS
07 - FOOTER
08 - FRONT PAGE OBJECTS
09 - BUTTONS
10 - BOXSTYLEONE
11 - MISC

*/


body {
	margin: 0;
	padding: 0;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers*/
	font-family: "Verdana", sans-serif;
	background: #FFF;
	text-align: center; /*margin: auto fix for IE6*/
	background: #FFF url(../Images/background.gif) repeat-y center 0;
}

html>body { /* be nice to Opera */
	font-size: small;
}

/* BASIC/HTML TAGS
----------------------------------------------- */
	
h1 {
	font-size: 200%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #004B88;
	font-weight: bold;
	font-family: "Verdana", sans-serif;
}
	
h2,
.h2style {
	font-size: 150%;
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: bold;
	color: #001840;
	font-family: "Verdana", sans-serif;
}

h3 {
	font-size: 130%;
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	color: #001840;
	font-family: "Verdana", sans-serif;
}

h4 {
	font-size: 120%;
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	color: #001840;
	font-family: "Verdana", sans-serif;
}

p {
	font-size: 95%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #001840;
}
	
a {	
	margin: 0;
	padding: 0;
	text-decoration: underline;
	font-weight: bold;
	color: #0060FF;
}
a:hover {text-decoration: none;}
a:active, a:focus {color: #5de602 !important;}
a img {border: none;}


h1 a, h2 a, h3 a, h4 a  {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: underline;}

ul {color: #333; font-size: 95%;}
ul li {}
/*---------------------------------------------*/
em {font-style: normal;}
blockquote {margin: 0; padding: 0; font-size: 95%;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.altAlign {text-align: right;}

.pad {padding: 20px;}
.padH {padding: 0 20px;}
.padV {padding: 20px 0;}
.padR {padding: 0 20px 0 0;}
.padL {padding: 0 0 0 20px;}

.half {float: left; width: 50%;}

.hidden {display: none;}
.mini {font-size: 70%;}
.big {font-size: 120%;}
strong {font-weight: bold;}
acronym {text-decoration: none;}

hr {float: left; margin: 10px 0; padding: 0; height: 1px; width: 100%; border: none; background: #000; font-size: 0;}

.quarter {float: left; width: 22%; margin: 0; padding: 0 2% 0 0;} /* 1% for ie6 */
.third {float: left; width: 33%; margin: 0; padding: 0;}
/* COLOURS
----------------------------------------------- */
.blueOne {background: #001840;}
.blueTwo {background: #003080;}
.blueThree {background: #0048BF;}
.blueFour {background: #0057E6;}
.blueFive {background: #0060FF;}
.blueSix {background: #CCD6E6;}
	
/*---------------------------------------------*/




/* STRUCTURE
------------------------------------------------ */

#Wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1030px;
	text-align: left;/*margin: auto fix for IE6*/
}
	

#WrapInner {
	float: left;
	margin: 0;
	padding: 0 15px;
	width: 1000px; /*fix IE6 style sheet*/
	background: #FFF url(../Images/background.gif) repeat-y 0 0;
}

#Header {
	float: left;
	margin: 10px 0 0 10px;
		display: inline; 
	padding: 0;
	width: 980px;
	background: #004B88;
}

/* NAVIGATION 
------------------------------------------------ */

#MainNav {
	clear: both; 
	float: left; 
	width: 980px; 
	font-family: "Verdana", sans-serif; 
	background: url(../Images/3x3_FFFFFF.gif) repeat-x 0 bottom;
	font-size: 95%;
}

#MainNav ul {
	float: left;
	margin: 0;
		display: inline; 
	padding: 0;
}
	
#MainNav ul li {
	float: left;
	margin: 0;
		display: inline; 
	padding: 0;
	list-style: none;
}

#MainNav ul li a {
	float: left;
	margin: 0;
	padding: 10px 10px 13px 10px;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
}

#MainNav ul li a:hover {color: #CCD6E6;}
#MainNav ul li.selected a {padding-bottom: 10px; color: #CCD6E6; border-bottom: 3px solid #CCD6E6;}
	
/* MainBody
------------------------------------------------ */
	
#MainBody {
	float: right;
	margin: 0 0 0 10px;
		display: inline; 
	padding: 0;
	width: 605px; /* visually 670px*/
	background: #FFF;
}

#SidebarOne {
	float: left;
	margin: 0 0 0 10px;
		display: inline; 
	padding: 0 0 10px 0;
	width: 245px;
	background: #FFF;
	/*border-bottom: 4px solid #001840;*/
}


#AdSidebar {
	float: right;
	margin: 0;
		display: inline; 
	padding: 0 10px 0 0;
	width: 120px;
}	

#AdSidebar img {
	float: left;
	margin: 0;
	padding: 0 0 15px 0;
	width: 120px; 
}	
	
	
.structure {float: left; width: 870px;}

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

#Content {
	float: right;
	margin: 0 10px 0 0;
		display: inline; 
	padding: 0 0 10px 0;
	width: 595px;
	/*border-bottom: 4px solid #001840;*/
}

#SidebarTwo {
	float: left;
	margin: 0;
		display: inline; 
	padding: 0;
	width: 605px;
}


/* FOOTER
------------------------------------------------ */
	
#Footer {
	clear: both;
	float: left;
	margin: 10px 0 0 10px;
		display: inline; 
	padding: 10px;
	width: 960px; /*fix in ie6 style sheet*/
	font-family: "Verdana", sans-serif;
	background: #003080;
}

#Footer p {margin-bottom: 0; padding-bottom: 0; color: #FFF;}
#Footer a {color: #FFF;}
#Footer a:hover {color: #CCD6E6;}


	
#SponsorLogos {
	clear: both;
	float: left;
	margin: 10px 0 0 10px;
		display: inline; 
	padding: 10px;
	width: 960px; /*fix in ie6 style sheet*/
	font-family: "Verdana", sans-serif;
}

#SponsorLogos img {
	float: left;
	margin: 0 5px 0 5px;
		display: inline; 
}


/* MISC
------------------------------------------------ */

#ctl00_Logo {
	float: left;
	margin: 10px 10px 20px 10px;
		display: inline; 
	padding: 0;
}

.skipToContent,
#ReadAloud a.read {
	float: right;
	margin: 10px 10px 0 10px;
		display: inline; 
	color: #FFF;
	font-weight: normal;
	text-align: right;
}

#ReadAloud a.read {
	padding: 0 34px 0 0;
	height: 28px;
	background: url(../Images/speakerSmall.gif) no-repeat right 0;
}

.skipToContent:hover {color: #CCD6E6; text-decoration: none;}
#ReadAloud a.read:hover {color: #CCD6E6; background-position: right -126px; text-decoration: none;}
#xp1 {float: right; display: inline; margin-right: 10px;}

#BannerAd {
    float: left; 
    margin: 10px 0 0 80px;
		display: inline; 
	padding: 0;
    width: 468px; 
    height: 60px; 
    font-size: 0px;
}
#BannerAd a img {border: solid 2px #004B88;}
#BannerAd a:hover img {border: solid 2px #ffffff;}
#BannerAd a:active img , #BannerAd a:focus img {border: solid 2px #5de602;}

#SiteBy {
	float: right;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 90%;
}

#SiteBy a {
	font-weight: bold;
	text-decoration: none;
}


.pencil {
	position: relative; top: -45px;
	float: right;
	margin: 10px 15px -45px 10px;
		display: inline; 
	padding: 0;
	height: 82px;
	width: 82px;
	background: url(../Images/PNGs/pencil.png) no-repeat 0 0;
}


.banner {float: left; padding: 5px 10px 5px 10px; width: 980px;}

.banner img {width: 980px; height: 200px; }



#Breadcrumb div, 
#Breadcrumb span {clear: none; display: inline; margin: 0; padding: 0; }











/* pullStyles
------------------------------------------------ */

.boxStyleOne {
	float: left;
	position: relative;
	margin: 0 0 16px 0;
		display: inline; 
	padding: 0 0 4px 0;
	border-top: solid 1px #5d5d5d;
	background: #FFF;
}


.boxStyleOne h2,
.boxStyleOne .h2style {
	margin: 0;
	padding: 0 0 10px 0; 
	font-size: 130%; 
	font-weight: bold;
	overflow: hidden; /*to stop box breaking for really long words*/
	color: #FFF;
	background: #003080 url(../Images/whitePadding.gif) repeat-x bottom left;
}

.boxStyleOne h2 a {color: #FFF;}

.boxStyleOne h2 strong,
.boxStyleOne .h2style strong {
	display: block;
	margin: 0;
	padding: 10px; 
	color: #FFF;
	background: url(../Images/PNGs/gradientOne.png) repeat-x 0 90%;
}

.boxStyleOne .sides {
	float: left;
	padding: 0;
	border-left: solid 1px #5d5d5d;
	border-right: solid 1px #5d5d5d;
	width: 301px;
}

.boxStyleOne .sides.wide {width: 595px;}
#SidebarOne .boxStyleOne .sides {width: 244px;}

.boxStyleOne .sides p {padding-right: 10px; padding-left: 10px;}
.boxStyleOne .sides h3 {padding-right: 10px; padding-left: 10px;}

.boxStyleOne .sides ul {margin: 0; padding: 0; list-style: none;}
.boxStyleOne .sides ul li{margin: 0; padding: 0 10px 10px 24px; background: url(../Images/disc.gif) no-repeat 8px 3px;}

/* ------------------------------------------------ */
.boxStyleOne .cornerTL {z-index:80; position: absolute; top: -1px; left: 0; height: 10px; width: 10px; background: url(../Images/PNGs/cornerTL.png) no-repeat 0 0; font-size: 0.0px; /*to fix height in IE6*/}
.boxStyleOne .cornerTR {z-index:80; position: absolute; top: -1px; right: 0; height: 10px; width: 10px; background: url(../Images/PNGs/cornerTR.png) no-repeat 0 0; font-size: 0.0px; /*to fix height in IE6*/}
.boxStyleOne .cornerBL {z-index:100; position: absolute; bottom: -5px; left: 0; height: 10px; width: 100%; background: url(../Images/PNGs/cornerBL.png) no-repeat 0 bottom; font-size: 0.0px; /*to fix height in IE6*/}
.boxStyleOne .cornerBR {z-index:100; position: absolute; bottom: -5px; right: 0; height: 10px; width: 10px; background: url(../Images/PNGs/cornerBR.png) no-repeat 0 bottom; font-size: 0.0px; /*to fix height in IE6*/}


/* FORMS
------------------------------------------------ */

.item, .radios {float: left; clear: left; margin: 0 0 10px 0; padding: 0; width: 100%;}
.item input, .radios input {float: left; margin: 0; padding: 1px;}
.item label, .radios label {float: left; margin: 0 10px 0 0; display: inline;  padding: 0; font-family: "Verdana", sans-serif; color: #001840; font-weight: bold; font-size: 95%;}
.radios span {float: left; margin: 0 10px 0 0; display: inline;  padding: 0; font-family: "Verdana", sans-serif; color: #001840; font-weight: bold;}
.item select, .radios select {float: left; margin: 0 10px 0 0; padding: 0; width: 212px; border: solid 1px #001840;}
.item input.textinput, .item textarea.textinput, .radios input.textinput {margin-right: 10px; display: inline;  width: 228px; border: solid 1px #001840;}
.item input.textinput.short {width: 78px;}
.item input.checkbox {}
input.button {padding: 1px 8px 2px 8px; color: #FFF; border: none; background: #001840;}
input.button:hover {}
fieldset {float: left; margin: 0; padding: 0; border: none;}
/* ------------------------------------------------ */

/* .subscribeForm
------------------------------------------------ */
.subscribeForm {float: left; padding: 20px 0 0 0;}
.subscribeForm label {width: 180px;}
.subscribeForm .radios span {width: 180px;}
.subscribeForm .radios label {width: 200px;}

/* .contactForm
------------------------------------------------ */
.contactForm {}
.contactForm .item label {width: 180px;}
.contactForm .item textarea.textinput {width: 360px;}

/* FP objects
------------------------------------------------ */
.intro {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	width: 595px;
	height: 20em;
	min-height: 20em;
	border-bottom: 4px solid #001840;
}
.intro .text {
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
	width: 395px;
}
.intro .text p {font-size: 110%;}

.intro .cover {
	position: absolute; bottom: 0; right: 0;
	float: right;
	margin: 0;
	padding: 0;
	width: 200px;
	font-size: 0px;
}
.intro .cover img {max-width: 200px;}


/* mainPanelOne
------------------------------------------------ */
#mainPanelOne.boxStyleOne {margin-top: 10px; margin-right: 10px;}
#mainPanelOne.boxStyleOne h2 {background-color: #004b88;}
#mainPanelOne.boxStyleOne .sides {width: 290px;}

/* suscribePanel
------------------------------------------------ */
#suscribePanel.boxStyleOne {margin-top: 10px;}
#suscribePanel.boxStyleOne h2 {background-color: #004b88;}
#suscribePanel.boxStyleOne .sides {width: 290px;}
#suscribePanel.boxStyleOne .sides p {font-size: 110%; padding: 11px;}


/* searchSite
------------------------------------------------ */
.searchSite {
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 30px 0;
	width: 100%;
	border-bottom: 4px solid #001840;
	background: url(../Images/PNGs/magnifyingGlass.png) no-repeat 2px 0;
}


.searchSite a {
	float: left;
	margin: 0 0 5px 70px;
	padding: 0;
	font-size: 160%;
	font-weight: normal;
}

#searchresults {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

#searchresults table {
	float: left;
	margin: 0;
	padding: 0;
	width: 595px;
}


/* webStandards
------------------------------------------------ */
.webStandards {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 100%;
}

.webStandards p {float: left; font-size: 50%;}

.webStandards h4 {font-size: 100%;}



/* ARTICLE LISTS
------------------------------------------------ */
.article {
	display: block;
	clear: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 100%;
	border-bottom: 1px solid #001840;
}

.article img.right {float: right; padding: 0 0 15px 15px;}

.article .articleSummary {}
.article p a.readMore {}

#NewsArticleList {}
#FeedbackArticleList {}
#CommentArticleList{}



/* #MasterFeaturesList
------------------------------------------------ */
#MasterFeaturesList.boxList {padding-top: 5px;}
#MasterFeaturesList.boxList .boxStyleOne .sides {/*height: 16em;*/}
#MasterFeaturesList.boxList .boxStyleOne .sides img {/*position: absolute; bottom: 4px; left: 1px; */width: 189px;}





/* #MasterNewsArticleList
------------------------------------------------ */
#MasterNewsArticleList {
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 100%;
}
#MasterNewsArticleList h2 {margin-top: 20px; font-weight: bold;}


/* #MasterCommentArticleList
------------------------------------------------ */
#MasterCommentArticleList {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 4px solid #001840;
}
#MasterCommentArticleList .text {float: left; width: 105px;}
#MasterCommentArticleList h2 {font-weight: bold; padding-bottom: 5px;}
#MasterCommentArticleList p {}
#MasterCommentArticleList img {float: right; width: 140px;}
#MasterCommentArticleList .article {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}


/* boxList
------------------------------------------------ */
.boxList {}
.boxList .boxStyleOne {margin-top: 5px; margin-right: 10px;}
#SidebarOne .boxList .boxStyleOne {margin-right: 0;}
.boxList .boxStyleOne h2 {padding: 10px 10px 20px 10px; background-color: #004B88;}
.boxList .boxStyleOne .sides {width: 189px;}
.boxList .boxStyleOne .sides img {width: 189px;}
#SidebarOne .boxList .boxStyleOne .sides {width: 243px;}
#SidebarOne .boxList .boxStyleOne .sides img {width: 243px;}
.boxList .boxStyleOne .sides .summary {padding: 0 10px;}
.boxList .boxStyleOne .sides .summary p {padding: 0 0 10px 0;}
.boxList .boxStyleOne .sides img.thumb{margin-bottom: -8px; z-index: 0; width: 189px;}