/* ############################################################################
   ##
   ##  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: 12px;
	}
	#SiteSection {
		color: #9FA1A4;
		font-weight: bold;
		font-size: 140%;
		padding-top: 12px;
		padding-bottom: 8px;
		display: none;
	}
		h1.Section1, .Section1 h1 {
			color: #F2C322;
		}
		h1.Section2, .Section2 h1 {
			color: #8649BA;
		}
		h1.Section3, .Section3 h1 {
			color: #00AEEF;
		}
		h1.Section4, .Section4 h1 {
			color: #F26522;
		}
		h1.Section5, .Section5 h1 {
			color: #92278F;
		}
		h1.Section6, .Section6 h1 {
			color: #ED1C8F;
		}
		h1.Section7, .Section7 h1 {
			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: 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: #A5A7AA url('/images/templates/tagline_bg.gif');
	background-repeat: repeat-x;
	font-size: 110%;
	color: #E8E8E8;
}
th p {
	margin: 0px;
	padding: 0px;
}
td {
	padding: 6px 15px;
	border: 0px solid #eeeeee;
	border-left: 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;
	/* 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 auto;
	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%
		}
			#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;
			}
		/* Latest Ticker moved to home page */
	#newsScroller {
		color: #fff;
		background: #EB529D;
		height: 24px;
	}
	#HomePageTicker {
		height: 24px;
	}
	
		#newsScroller a, #newsScroller a:visited {
			font-weight: bold;
			font-size: 12px;
			line-height: 24px;
			text-transform: uppercase;
			color: #fff;
			text-decoration: none;
		}
		
		#newsScroller a:hover, #newsScroller a:active {
			text-decoration: underline;
		}


		#Presentation {
			margin: 0px;
			padding: 0px;
			/* border-top: 7px solid #EB529D;
			border-top: 24px solid #EB529D; */
		}
		#Tagline {
			margin: 0px;
			padding: 0px;
			background: #A5A7AA url(/images/templates/tagline_bg.gif);
			width: 100%;
			text-align: right;
		}
		#Header #Logo {
			margin: 0px;
			padding: 0px;
		}
		#Header #AnchorMenu {
		}
		#Content {
			min-width: 653px;		/* Centre column */
			padding-left: 300px; 		/* LC width */
			border: 1px solid #E4E4E4;
		}
			#Content-Inner {
			}
				#Primary {
					position: relative;
					float: left;
					overflow: hidden;
					width: 100%;
				}
					#Primary #Primary-Inner {
						padding-top: 5px;
						/*Forces a fix for the occasional page width issue*/
						width: 653px;
					}
						#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: relative;
					float: left;
					overflow: hidden;
					/*width: 280px;				/* LC width - padding */
					width: 280px;				/* LC width - padding */
					right: 300px;				/* LC width */
					margin-left: -100%;
				}
				* html #Secondary {
					/*** IE6 Fix ***/
					left: 2px;           			/* RC fullwidth (include padding) */
				}
					#Secondary #Secondary-Inner {
						padding: 7px 0 0;
					}
					
					#QuickSearch {
						text-align: right;
						margin-right: 5px;
					}
						input#search {	
							margin-right: 0px; 
							margin-bottom: 8px;
							width: 110px;
							height: 20px;
						}
						input#go {
							margin: 0 0 2px;
							padding: 0 5px 4px 0;
							border: 0px solid #eeeeee;
							background-color: #ffffff;
							color: #B4B4B4;
							color: #666;
							font-family: verdana, helvetica, arial;
							font-weight: bold;
							font-size: 130%;
							text-align: right;
							width: 70px;
							cursor: pointer;
						}

	#Footer {
		position: relative;
		clear: both;
		width: 100%;
		color: #747578;
		text-align: center;
		padding: 10px;
		padding-bottom: 20px;
	}
		#Footer-Inner {
		}
		#Footer ul {
			display: inline;
			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;
			color: #666;
			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: 0;
	padding: 0;
	list-style: none;
}
#nav li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/* margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;*/
	width: 280px;
	line-height: 1; 
	float: right; /* solves the spacing problem */
}
* html #nav li {
	/*line-height: 90%;*/
	/* margin-top: -8px; */
}
#nav li a {
	display: block;
	margin: 0 0 0 0;
	padding: 0 5px 4px 0;
	/*margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px; 
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 4px; */
	text-decoration: none;
}
#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;
	padding-top: 0px;
}
#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 {
	margin-top: 0px;
}
#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;
	white-space:nowrap;
}
#Primary #Primary-Inner #PageSubMenu ul a.currentpage {
	white-space:nowrap;
}

/* ####################################
   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;
}
#PageOptionsBottom {
	margin-top: 20px;
}

/* ####################################
   Popup window
   ################################## */
   
#PopupWindow  {
	margin: 0px;
	padding: 0px;
}
#PopupWindow #Header {
	background: #fff url('/images/templates/popup_header.gif');
	background-repeat: repeat-x;
	height: 29px;
	padding-top: 1px;
}
#PopupWindow #Logo {
	width: 100%;
	text-align: right;
	background: transparent;
	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 {
	border: 0px;
	border-bottom: 1px solid #eeeeee;
	background: #ffffff url('/images/templates/spacer.gif');

/*
	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;
	border-bottom: 1px solid #eeeeee;
}
#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;
	cursor: pointer;
}
#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;
}

div.SearchResult {
	margin-bottom: 2em;
}

#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;
	min-height: 220px;
}
	.video-col1 {
		clear: left;
	}
	
	#SecondaryContent {
		/*reqd for video floats*/
		clear: left;
	}

/* ####################################
   Polls styles
   ################################## */

#Poll {
	background: #ffffff url('/images/templates/polls-bg.jpg');
	background-repeat: no-repeat;
	width: 224px;
	height: 271px;
	font-weight: bold;
	/*font-size: 160%;*/
	margin-right: 20px;
	clear: both;
}
	#Poll #Poll-Inner .results a, 
	#Poll #Poll-Inner .results a:link, 
	#Poll #Poll-Inner .results a:visited, 
	#Poll #Poll-Inner .results a:hover, 
	#Poll #Poll-Inner .results a:focus, 
	#Poll #Poll-Inner .results a:active {
		/*over specificity reqd. */
		color: #000;
	}

	#Poll-Inner {
		padding: 20px;
		padding-left: 20px;
	}
	#Poll-Inner p {
		margin-bottom: 0.2em;
	}
	#Poll-Inner h2 {
		font-weight: bold;
		margin-bottom: 0px;
		color: #000;
	}
	#Poll-Inner a {
		#000000;
	}
		#Poll-Inner a:link {
			color: #000000;
			text-decoration: underline;
		}
		#Poll-Inner a:visited {
			color: #000000;
			text-decoration: underline;
		}
		#Poll-Inner a:hover {
			color: #000000;
			text-decoration: underline;
		}
		#Poll-Inner a:active {
			text-decoration: underline;
		}
		
		#FeaturePoll {}
		div.poll-voteform-answer {
			color: #000000;
			/*font-size: 80%;*/
		}
		div.poll-voteform-answer input {
			/*font-size: 80%;*/
			background: transparent;
			border: none;
		}
		#FeaturePoll form {}
		#FeaturePoll form input {
			width: auto;
		}
		
		#FeaturePoll form input.submit {
			background-color: #FFCD00;
			border: 1px solid #000000;
			/*font-size: 90%;*/
			font-weight: bold;
		}

		
/* ####################################
   SA Order form styles
   -- may wish to move to /ordersa/includes/css/ordersa.css
   ################################## */
   
#SAOrderForm th {
	background: #fff;
	color: #000;
	font-weight: normal;
	border-color: #eee;
}
#SAOrderForm h1, #SAOrderForm h2, #SAOrderForm h3 {
	color: #39B54A;
}

#SAOrderForm table.resources input {
	width: 75px
}

#SAOrderForm table .resourceName {
	border-right: 0;
}
#SAOrderForm table .description {
	border-left: 0;
}

/* ####################################
   Watch and Rate
   ################################## */
   
#RatingForm {
	float: right;
	width: 156px;
	border: 1px solid #eeeeee;
	clear: right;
	padding: 4px;
}
	#RatingForm h2 {
		font-family: arial black, arial, helvetica, verdana;
		font-size: 140%;
		font-weight: normal;
	}
	#RatingForm table {
		padding: 0px;
		margin: 0px;
		border: 0px solid #ffffff;
	}
	#RatingForm td {
		padding: 0px;
		border: 0px solid #ffffff;
	}
	#RatingForm td.radiostar {
		background: #ffffff url('/images/templates/radiostar.gif') top left no-repeat;
		padding: 8px 1px 8px 1px;
	}
	*:first-child+html #RatingForm td.radiostar {	/* IE7 only */
		padding-top: 5px;
	}
	#RatingForm input {
		width: 130px;
	}
	#RatingForm input.radio {
		width: 18px;
		margin: 0px 4px;
		border: 1px solid #ffffff;
		border: none;
		background: transparent;
	}
	#RatingForm input.submit {
		background: #e0e0e0;
		background: #eeeeee;
		color: #323232;
		font-weight: bold;
		font-size: 110%;
		border: 1px solid #999999;
		float: right;
		text-align: center;
		padding: 4px 15px;
		cursor: pointer;
		margin: 5px;
	}
	#RatingComments {
		padding: 4px;
	}
	#RatingComments ul {
		margin-left: 4px;
		padding-left: 4px;
	}
	#RatingComments li {
		margin-left: 4px;
		padding-left: 4px;
		color: #00AEEF;
		text-decoration: underline;
	}
	#RatingForm td.RatingLabel {
		text-align: center;
		font-size: 80%;
	}
#RatingFormError {
	border: 1px solid #E4E4E4;
	padding: 4px;
}
	#RatingFormError h2 {
	}
	#RatingFormError table {
		padding: 0px;
		margin: 0px;
		border: 0px solid #ffffff;
	}
	#RatingFormError td {
		padding: 0px;
		border: 0px solid #ffffff;
	}
	#RatingFormError input {
		width: 190px;
	}
	#RatingFormError input.radio {
		width: 18px;
		margin: 0px 4px;
		border: 1px solid #ffffff;
	}
	#RatingFormError input.submit {
		background-color: #00AEEF;
		color: #000000;
		font-weight: bold;
		font-size: 110%;
		border: 1px solid #000000;
		width: 80px;
		float: right;
		text-transform: uppercase;
	}
	#RatingComments {
		padding: 4px;
	}
	#RatingComments ul {
		margin-left: 4px;
		padding-left: 4px;
	}
	#RatingComments li {
		margin-left: 4px;
		padding-left: 4px;
		color: #00AEEF;
		text-decoration: underline;
	}
	#RatingFormError td.RatingLabel {
		text-align: center;
		font-size: 80%;
	}
#RatingResponses {
	
}
	#RatingResponses table {
	}
	#RatingResponses td {
		border-left: 0px;
		border-bottom: 1px;
	}


/* ####################################
   Newsletter
   ################################## */
#NewsletterOuter {
	margin: 0px auto;
	width: 730px;
}
	#NewsletterOuter h1 {
		font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 140%;
		color: #12c0f0;
		margin: 1px 3px 10px 3px;
	}
	#NewsletterOuter h2 {
		font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 120%;
		color: #58b030;
		margin: 0px 3px 10px 3px;
	}
	#NewsletterOuter h3 {
		font-family: "Arial Black", Helvetica, sans-serif;
		color: #EE9847;
		margin: 1px 3px 10px 3px;
	}
	#NewsletterOuter h4 {
		font-family: Arial, Helvetica, sans-serif;
		color: #333333;
		margin: 0px  15px 15px 3px;
	}
	#NewsletterOuter p {
		margin: 4px 10px 0px 3px;
		font-size: 90%;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #111;
	}
	#NewsletterOuter ul {
		margin-left:.7em;
		padding-left:.7em;
		list-style-image: url(/images/content/newsletters/onews/bullet_green.gif);
		font-size: 90%;
		}

	#NewsletterOuter #issue {
		margin: 0;
		color:#999;
		font-size: 90%;
	}

	#NewsletterOuter #footer {
		font-size: 11px;
		color:#999
	}
	#NewsletterOuter a {
		color: #12c0f0;
	}
	#NewsletterOuter a:hover {
		color: #aa2222;
	}

	#NewsletterOuter td p {
		padding: 4px 15px 0px 0px;
	}
	#NewsletterOuter td {
		padding: 4px 15px 0px 0px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #111;
	}

/* Join Our Mailing List Styles	 */
	
#JoinMailingList 
{   width: 223px;
	height: 120px;
	padding: 20px 0px 0px 20px;
	margin: 20px 0px 0px 30px;
	background: #ffffff url(/images/templates/ripped-paper-purple-small.gif) no-repeat top left;
	float: left;
}

#JoinMailingListButton 
{   width: 50px;
	margin:  10px 0px 0px 125px; background-color:pink;
	font-weight: bold;
}

#JoinMailingListInputField {
	width: 170px;
	margin:  10px 0px 0px 0px;
}

#JoinMailingListHeading 
{ 	padding: 10px 0px 0px 0px;
	color: White;
	font-weight: bold;
	font-size:14px;
	
}	

.JoinMailingListH1
{   color: #92278F;

}