/* ############################################################################
   ##
   ##  Global Website Stylesheet
   ##
   ######################################################################### */

/*
Use the following constructions to override styles for specific IE browser
versions, where [element] is the name of the element including a dot or has as
needed:
*/

*:first-child+html [element] {	/* IE7 only */
}

* html [element] {	/* IE6 only */
}

/*
TEMPLATE COLOURS
Pink (header)	EB529D
Grey bg (under header)	A5A7AA
Menu items
	Purple	8649BA
	Blue		00AEEF
	Orange	F26522
	Mauve	92278F
	Pink		ED1C8F
	Green	39B54A
	Grey (search)	B4B4B4
Sub menu text	77787B
Container text	9FA1A4
Page text		362F2D
Grey box border	E4E4E4
Footer text		747578
*/

/* ####################################
   HTML Element Styles
   ################################## */

body {
 	margin: 0;
 	padding: 0;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #362F2D;
	background-color: #ffffff;
}
a {
}
	a:link {
		color: #00AEEF;
		text-decoration: underline;
	}
	a:visited {
		color: #00AEEF;
		text-decoration: underline;
	}
	a:hover {
		color: #00AEEF;
		text-decoration: underline;
	}
	a:active {
		text-decoration: underline;
	}
p {
	margin-top: 0;
	margin-bottom: 1.35em;
}
#PageTitle {
	/*width: 100%;*/
	vertical-align: bottom;
}
	h1 {
		font-family: arial black, arial, helvetica, verdana;
		font-size: 200%;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 0px;
		padding-bottom: 0px;
		/*float: left;*/
		margin-right: 0;
	}
	#SiteSection {
		color: #9FA1A4;
		font-weight: bold;
		font-size: 140%;
		padding-top: 12px;
		padding-bottom: 8px;
		display: none;
	}
		h1.Section1 {
			color: #F2C322;
		}
		h1.Section2 {
			color: #8649BA;
		}
		h1.Section3 {
			color: #00AEEF;
		}
		h1.Section4 {
			color: #F26522;
		}
		h1.Section5 {
			color: #92278F;
		}
		h1.Section6 {
			color: #ED1C8F;
		}
		h1.Section7 {
			color: #39B54A;
		}

h2 {
	font-size: 150%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h3 {
	font-size: 120%;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h4 {
	font-size: 100%;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h5 {
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h6 {
	font-size: 92.5%;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 0;
	margin-bottom: 0.25em;
}

#PageBody ul {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 4px;
	list-style: square;
}
#PageBody ul li {
	padding-top: 0px;
	padding-bottom: 3px;
}
ol {
	margin: 0px;
}
ol li {
}
big {
	font-size: 110%;
}
small {
	font-size: 83.5%;
}
hr {
	margin: 8px 0px;
	padding: 0px;
	width: 100%;
	height: 1px;
}
img {
	border: none;
}
	* html img {
		/*FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,Duration=0.50);*/
	}
caption {
	margin: 0em 0em 0.25em 0em;
	font-weight: bold;
	text-align: left;
}
address {
	margin: 0em 0em 1.35em 0em;
	font-style: italic;
}

/* ####################################
   Form Styles
   ################################## */

form {
	margin: 0;
	padding: 0;
}
input {
	margin: 0;
	padding: 2px 3px 2px 2px;
	font-family: arial, helvetica, sans-serif;
	color: #323232;
	background-color: #ffffff;
	border: #cccccc 1px solid;
	font-size: 110%;
	width: 200px;
}
input.blank {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background: url('/images/templates/spacer.gif');
}
input.submit {
	font-family: arial, helvetica, sans-serif;
	color: #323232;
	border: #cccccc 1px outset;
	background: #e0e0e0;
}
select {
	font-size: 110%;
}
textarea {
	font-size: 110%;
		width: 350px;
		height: 40px;
}
	
/* ####################################
   Table Styles
   ################################## */

table {
	empty-cells: show;
	border-collapse: collapse;
	margin-bottom: 1em;
	border-left: 1px solid #eeeeee;
	margin-left: 1px;
}
tr {
}
th {
	text-align: left;
	font-weight: bold;
	padding: 6px 15px;
	border: 1px solid #999999;
	border-bottom: 1px solid #eeeeee;
	background: #cccccc url('/images/templates/tagline_bg.gif');
	font-size: 110%;
	color: #E8E8E8;
}
td {
	padding: 6px 15px;
	border: 1px solid #eeeeee;
}
.blank {}
	table.blank {
		border: 0px;
	}
	table.blank tr {
	}
	table.blank td {
		margin: 0px;
		border: 0px;
	}

/* ####################################
   Page Layout
   ################################## */

#Align {
	/* Coupled with the margin and text-align settings in page-wrapper-outer (below) this is a weird but safe way to center a page in all browsers including IE where the standard doesn't work. */
	/* text-align: center; */
}
#Page {
	position: relative;
	/* width: 955px; */ width: 100%;
	/* To re-align text to left in the page div when a parent div is centred. This allows centering of page div using the IE-safe hack. */
	margin: 0;
	/* text-align: left; */
}
	#Page-Inner {
		position: relative;
		width: 100%;
	}
	#TrailNav {
		font-size: 90.8%;
		margin: 0;
		padding-top: 0;
		padding-bottom: 15px;
	}
	#PageFunctions {
	}
	#Header {
		position: relative;
		z-index: 2;
		margin: 0px;
		padding: 0px;
	}
		#Header #Header-Inner {
		}
		#LatestNews {
			margin: 0px;
			padding: 0px;
			background-color: #EB529D;
			height: 37px;
			font-size: 115%;
			display: none;
		}
			#LatestNews img {
				float: left;
			}
			#LatestNews ul {
				float: right;
				margin: 9px 10px 0px 0px;
			}
			#LatestNews ul li {
				display: inline;
				color: #ffffff;
				margin-left: 10px;
			}
			#LatestNews a {
				color: #ffffff;
			}
		#Presentation {
			margin: 0px;
			padding: 0px;
		}
		#Tagline {
			margin: 0px;
			padding: 0px;
			background: #A5A7AA url(/images/templates/tagline_bg.gif);
			width: 100%;
			/* text-align: right; */
			display: none;
		}
		#Header #Logo {
			margin: 0px;
			padding: 0px;
		}
		#Header #AnchorMenu {
		}
		#Content {
			padding-left: 0; 		/* LC width */
			/* border: 1px solid #E4E4E4; */ border: 0;
		}
			#Content-Inner {
			}
				#Primary {
					position: static; /*relative;*/
					float: none; /*left;*/
					/* overflow: auto; */
					width: 100%;
					height: auto !important;
				}
					#Primary #Primary-Inner {
						padding-top: 5px;
						height: auto !important;
					}
						#Primary #Primary-Inner.Section1 a {
							color: #F2C322;
						}
						#Primary #Primary-Inner.Section2 a {
							color: #8649BA;
						}
						#Primary #Primary-Inner.Section3 a {
							color: #00AEEF;
						}
						#Primary #Primary-Inner.Section4 a {
							color: #F26522;
						}
						#Primary #Primary-Inner.Section5 a {
							color: #92278F;
						}
						#Primary #Primary-Inner.Section6 a {
							color: #ED1C8F;
						}
						#Primary #Primary-Inner.Section7 a {
							color: #39B54A;
						}
						#Primary #Primary-Inner ul {
						}
						#Primary #Primary-Inner ul li {
							list-style-image: url(/images/templates/bullet_square_grey.gif);
						}
						
					#Primary #PageBody {
					}
					#Primary #SubContainers {
						width: 100%;
						margin-bottom: 10px;
					}
						/*
						#Primary #SubContainers div {
							width: 180px;
							float: left;
							padding: 4px;
							margin-right: 4px;
							margin-bottom: 4px;
						}
						#Primary #SubContainers div.ContainerSummary1 {
							border: 4px solid #8649BA;
						}
						#Primary #SubContainers div.ContainerSummary2 {
							border: 4px solid #00AEEF;
						}
						#Primary #SubContainers div.ContainerSummary3 {
							border: 4px solid #F26522;
						}
						#Primary #SubContainers div.ContainerSummary4 {
							border: 4px solid #92278F;
						}
						#Primary #SubContainers div.ContainerSummary5 {
							border: 4px solid #ED1C8F;
						}
						#Primary #SubContainers div.ContainerSummary6 {
							border: 4px solid #39B54A;
						}
						#Primary #SubContainers div.ContainerSummary7 {
							border: 4px solid #F2C322;
						}
						*/
					#Primary #SubArticles {
						width: 100%;
					}

					
				#Secondary {
					position: static;/* relative;*/
					float: none; /*left;*/
					/* overflow: auto; /* hidden; */
					/*width: 280px;				/* LC width - padding */
					width: 270px;				/* LC width - padding */
					right: 300px;				/* LC width */
					margin-left: 0;
			display: none;
			height: auto !important;
				}
				* html #Secondary {
					/*** IE6 Fix ***/
					left: 2px;           			/* RC fullwidth (include padding) */
				}
					#Secondary #Secondary-Inner {
					}
					
					#QuickSearch {
						/* text-align: right; */
						margin-right: 5px;
					}
						input#search {	
							margin-right: 0px; 
							margin-bottom: 8px;
							width: 110px;
							height: 20px;
						}
						input#go {
							margin-bottom: 2px;
							margin-left: 0px;
							padding-left: 0px;
							margin-right: 0px;
							padding-right: 0px;
							border: 0px solid #eeeeee;
							background-color: #ffffff;
							color: #B4B4B4;
							font-family: verdana, helvetica, arial;
							font-weight: bold;
							font-size: 130%;
							/* text-align: right; */
							width: 70px;
						}

	#Footer {
		position: relative;
		clear: both;
		width: 100%;
		color: #747578;
		/* text-align: center; */
		padding: 0;
		border-top: 1px solid #333;
		/* padding-bottom: 20px; */
	}
		#Footer-Inner {
		}
		#Footer ul {
			display: none;
			margin: 0;
			margin-bottom: 5px;
			padding: 0;
		}
		#Footer ul li {
			display: inline;
			list-style-type: none;
			padding-right: 0px;
			padding-left: 0px;
		}
		#Footer a {
			color: #747578;
			text-decoration: none;
		}

/* ####################################
   Main Menu
   ################################## */

#nav {
	font-family: arial black, verdana, helvetica, arial;
	text-align: right;
	font-weight: normal;
	font-size: 220%;
	/*line-height: 92%; /*Calculate this from overall % of size. Does size affect this?*/
	width: 100%;
}
#nav, #nav ul {
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style: none;
}
#nav li {
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	width: 280px;
	line-height: 100%;
}
#nav li a {
	display: block;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px; 
	padding-top: 0px;
	padding-bottom: 4px;
	text-decoration: none;
	padding-right: 5px;
}
#nav a:hover {
	text-decoration: none;
}
#nav li:hover, #nav li.sfhover {
}
#nav li.Item1 a {
	color: #F2C322;
}
	#nav li.Item1 a:hover, #nav li.Item1Selected, #nav li.Item1Selected a, #nav li.Item1Selected a:hover {
		color: #ffffff;
		background-color: #F2C322;
		text-decoration: none;
	}
	#nav li.Item1Selected li a {
		color: #FDF1D9;
	}
	#nav li.Item1Selected li a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
#nav li.Item2 a {
	color: #8649BA;
}
	#nav li.Item2 a:hover, #nav li.Item2Selected, #nav li.Item2Selected a, #nav li.Item2Selected a:hover {
		color: #ffffff;
		background-color: #8649BA;
		text-decoration: none;
	}
	#nav li.Item2Selected li a {
		color: #E2D5EE;
	}
	#nav li.Item2Selected li a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
#nav li.Item3 a {
	color: #00AEEF;
}
	#nav li.Item3 a:hover, #nav li.Item3Selected, #nav li.Item3Selected a, #nav li.Item3Selected a:hover {
		color: #ffffff;
		background-color: #00AEEF;
		text-decoration: none;
	}
	#nav li.Item3Selected li a {
		color: #dcf1ff;
	}
	#nav li.Item3Selected li a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	
#nav li.Item4 a {
	color: #F26522;
}
	#nav li.Item4 a:hover, #nav li.Item4Selected, #nav li.Item4Selected a, #nav li.Item4Selected a:hover {
		color: #ffffff;
		background-color: #F26522;
		text-decoration: none;
	}
	#nav li.Item4Selected li a {
		color: #FEDCBA;
	}
	#nav li.Item4Selected li a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
#nav li.Item5 a {
	color: #92278F;
}
	#nav li.Item5 a:hover, #nav li.Item5Selected, #nav li.Item5Selected a, #nav li.Item5Selected a:hover {
		color: #ffffff;
		background-color: #92278F;
		text-decoration: none;
	}
	#nav li.Item5Selected li a {
		color: #EFD9EE;
	}
	#nav li.Item5Selected li a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
#nav li.Item6 a {
	color: #ED1C8F;
}
	#nav li.Item6 a:hover, #nav li.Item6Selected, #nav li.Item6Selected a, #nav li.Item6Selected a:hover {
		color: #ffffff;
		background-color: #ED1C8F;
		text-decoration: none;
	}
	#nav li.Item6Selected li a {
		color: #FDD9E4;
	}
	#nav li.Item6Selected li a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
#nav li.Item7 a {
	color: #39B54A;
}
	#nav li.Item7 a:hover, #nav li.Item7Selected, #nav li.Item7Selected a, #nav li.Item7Selected a:hover {
		color: #ffffff;
		background-color: #39B54A;
		text-decoration: none;
	}
	#nav li.Item7Selected li a {
		color: #D6EDD9;
	}
	#nav li.Item7Selected li a:hover {
		color: #ffffff;
		text-decoration: underline;
	}

#nav li:hover ul {
}
#nav li ul {
	font-size: 45%;
	padding-bottom: 5px;
	margin-bottom: 0px;
	font-family: verdana, helvetica, arial;
	font-weight: bold;
}
#nav li li.Current a {
	text-decoration: underline;
	/*background-color: #000000;*/
	color: #ffffff;
	
}
#nav li li.Current a:hover {
	text-decoration: underline;
	/*background-color: #000000;*/
}
#nav li ul li:hover {
}
#nav li ul li a {
	padding: 2px 5px;
}
* html #nav li ul li a {
	padding: 1px 5px;
}
#nav li ul li a:hover {
}
#nav li:hover ul ul {
}
#nav li:hover ul, #nav li li:hover ul {
}

/* ####################################
   Sub Menu
   ################################## */

#SubMenu {
	float: left;
	width: 113px;
}

	#SubMenu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#SubMenu ul li {
		padding: 8px 0;
		margin: 0;
		font-size: 90.8%;
		border-bottom: 1px solid #ccc;
	}

	#SubMenu ul ul li {
		padding: 5px 0 0 0px;
		margin: 0;
		margin-left: 20px;
		border: none;
		list-style-image: url(/images/templates/bullet_square_grey.gif);
		list-style-type: circle
	}

	#SubMenu ul li#first {
		font-size: 118%;
		padding: 2px 0 15px 0;
	}

/* ####################################
   Page Sub Menu (above page content)
   ################################## */

#PageSubMenu ul {
	margin: 0px;
	padding: 10px 10px 10px 0px;
	list-style: none;
	margin-left: 0px;
	color: #77787B;
}
#PageSubMenu ul li {
	padding: 0px 4px 0px 0px;
	margin: 3px 0px 3px 0px;
	display: inline;
}
#PageSubMenu ul li.currentpage {
}
#Primary #Primary-Inner #PageSubMenu ul a {
	margin-right: 4px;
	text-decoration: none;
	color: #77787B;
}
#Primary #Primary-Inner #PageSubMenu ul a.currentpage {
}

/* ####################################
   Custom Element Styles
   ################################## */

.Feature {}
.FeatureRight {}
.FeatureContent {}
.FeatureFooter {}

table.Feature {
	float: left;
	margin-right: 15px;
}
table.FeatureRight {
	float: right;
	margin-left: 15px;
}
	td.FeatureContent {
		background-color: #FAFAFA;
		padding: 0px;
		border-bottom: 0px;
		border-right: 0px;
	}
	td.FeatureFooter {
		text-align: left;
		font-weight: bold;
		padding: 6px 15px;
		border: 1px solid #999999;
		background: #cccccc url('/images/templates/tagline_bg.gif');
		background-repeat: repeat-x;
		font-size: 110%;
		color: #E8E8E8;
	}

.hidden {
	display: none;
}

.date, .author {
	font-size: 91.7%;
	color: #909090;
}

.paging {
	margin: 0px;
}

.pdf a {
	display: block;
	height: 16px;
	padding-top: 1px;
	text-decoration: none;
	font-weight: bold;
	background-image: url('/images/icons/16x16_pdf.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
}

.pdf a:visited {
	text-decoration: none;
}

.pdf a:hover {
	text-decoration: underline;
}

.pdf a small {
	font-weight: normal;
}

ul.warnings {
	margin-top: 0.5em;
	margin-bottom: 1.35em;
	list-style: url('/images/templates/icons/16x16_warning.gif') square;
}

ul.warnings li {
	margin-bottom: 0.7em;
}

#PageOptionsTop {
	float: right;
	padding: 4px;
	padding-left: 6px;
	margin: 4px;
	margin-right: 0px;
	border: 1px solid #efefef;
	border-right: 0px solid #efefef;
	display: none;
}
#PageOptionsBottom {
	margin-top: 20px;
	display: none;
}

/* ####################################
   Popup window
   ################################## */
   
#PopupWindow  {
	margin: 0px;
	padding: 0px;
}
#PopupWindow #Header {
	background: #A8D2FD url('/images/templates/popup_header.gif');
	background-repeat: no-repeat;
	height: 29px;
	padding-top: 1px;
}
#PopupWindow #Logo {
	width: 100%;
	text-align: right;
	background: #ffffff;
	margin-top: 11px;
	padding-top: 11px;
	padding: 10px 0px 0px 0px;
}
#PopupWindow #Logo img {
	padding-right: 20px;
}
#PopupWindow #Contents {
	padding: 20px;
}
#PopupWindow #Footer {
	border-top: 1px solid #eeeeee;
	width: 96%;
	padding-top: 0px;
	margin-top: 30px;
}
#PopupWindow #Footer #FooterBar {
	padding: 20px;
}
	#PopupWindow #FooterBar #CloseButton {
		float: right;
	}
	#PopupWindow #FooterBar #Copyright {
		float: left;
	}

/* ####################################
   Forms
   ################################## */
   
#UserForm {
	margin-top: 5px;
}
#UserForm-Inner {}
#UserForm-Inner table {
	border: 0px;
}
#UserForm-Inner th {
	color: #ffffff;
	margin: 0px;
	padding: 0px 10px;
	border-left: 0px;
	border-right: 0px;
}
#UserForm-Inner th h1 {
	margin: 0px;
	padding: 0px;
	line-height: 28px;
}
#UserForm-Inner th h3 {
	padding-top: 3px;
}
#UserForm-Inner td {
	border-left: 0px;
	border-right: 0px;
}
#UserForm-Inner label {
	float: right;
}
#UserForm-Inner label.blank {
	float: none;
}
input.submit-button {
	text-align: center;
	font-weight: bold;
	padding: 4px 15px;
	border: 1px solid #999999;
	background: #eeeeee;
	font-size: 110%;
	color: #000000;
}
#UserForm-Inner .question {
	font-weight: bold;
}
#UserForm-Inner .answer {
	margin-left: 20px;
}
#UserForm-Inner .correct {
	color: green;
	font-weight: bold;
}
#UserForm-Inner .incorrect {
	color: red;
	font-weight: bold;
}
#UserForm-Inner .Results {
	padding: 20px;
	font-weight: bold;
	border: 1px solid #ED1C8F;
}

#SearchForm {
	margin-top: 5px;
}
#SearchForm-Inner {}
#SearchForm-Inner table {
	border: 0px;
}
#SearchForm-Inner th {
	color: #ffffff;
	margin: 0px;
	padding: 0px 10px;
	border-left: 0px;
	border-right: 0px;
}
#SearchForm-Inner th h1 {
	margin: 0px;
	padding: 0px;
	line-height: 28px;
}
#SearchForm-Inner th h3 {
	padding-top: 3px;
}
#SearchForm-Inner td {
	border-left: 0px;
	border-right: 0px;
}
#SearchForm-Inner input {
	width: auto;
}
#SearchForm-Inner label {
	float: right;
}
#SearchForm-Inner label.blank {
	float: none;
}

#QuizForm {
	margin-top: 5px;
}
#QuizForm-Inner {}
#QuizForm-Inner table {
	border: 0px;
}
#QuizForm-Inner th {
	color: #ffffff;
	margin: 0px;
	padding: 0px 10px;
	border-left: 0px;
	border-right: 0px;
}
#QuizForm-Inner th h1 {
	margin: 0px;
	padding: 0px;
	line-height: 28px;
}
#QuizForm-Inner th h3 {
	padding-top: 3px;
}
#QuizForm-Inner td {
	border-left: 0px;
	border-right: 0px;
}
#QuizForm-Inner input {
	width: auto;
}
#QuizForm-Inner label {
	float: right;
}
#QuizForm-Inner label.blank {
	float: none;
}
#QuizForm-Inner .question {
	font-weight: bold;
}
#QuizForm-Inner .answer {
	margin-left: 20px;
}
#QuizForm-Inner .correct {
	color: green;
	font-weight: bold;
}
#QuizForm-Inner .incorrect {
	color: red;
	font-weight: bold;
}
#QuizForm-Inner .Results {
	padding: 20px;
	font-weight: bold;
	border: 1px solid #ED1C8F;
}

/* ####################################
   Videos
   ################################## */
   
#Videos {
	/*width: 100%;*/
}
#Videos-Inner {
}
.video {
	width: 180px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}