* {
	margin: 0;
	padding: 0;
	}

img {
	border: none
	}

/* Typography
================================== */

body {
	font: 0.83em/1.5em Arial, sans-serif;
	color: #F7F7F7;
	}
	
a { 	
	color: #FFF;
	}
	
a.external {
	background:url(images/opens-in-a-window.gif) no-repeat right center;
	padding-right: 18px;
	margin-right: 2px;
	display: inline-block; /* IE7 fix */
	}

p {
	margin: 0.5em 0 1em 0;
	}
	
	
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	line-height:120%;
	}
	
h3 {
	margin-top: 0.5em;
	}
	
textarea {
	font: 0.9em Arial, sans-serif;
	width: 95%;
	height: 5em;
	}
	
h1 {
	font-size: 218%;
	}
	
h2 {
	font-size: 218%;
	}

h3 {
	font-size: 150%;
	}

h3 {
	font-size: 145%;
	}

h4 {
	font-size: 118%;
	}
	
.footnote {
	font-size: 85%;
	}

ul li {
	margin: 0.25em 0 0.25em 1.5em;
	}
	
ol li {
	margin: 0.25em 0 0.25em 3em;
	}
	
ul {
	padding-bottom: 0.5em;
	}

.hr {
	margin: 1.5em 0;
	background: #fff;
	height: 1px;
	}
	
.hr hr {
	display: none;
	}

/* Useful
================================== */

.clear-both {
	clear: both;
	overflow: hidden;  	/* IE7 fix */
	}
	
.clear-left {
	clear: left;
	}
	
.clear-right {
	clear: right;
	}

.float-left {
	float: left;
	}
	
.float-right {
	float: right;
	}

/* Common structural elements
================================== */
body
{
	text-align:right;
	
}
html > body
{
	text-align:auto;
	
}
.main-wrapper {
	
	width: 760px;
	text-align:left;
	}
html > body .main-wrapper
{
	float:right;
	
}
	
.nav-wrapper {
	height: 100%;		/* IE6 fix */
	padding-bottom: 5px;	
	margin-bottom: 2em;	
	background: url(images/background-nav.gif) left bottom no-repeat;
	padding-right: 0.25em;
	}
	
html> body .nav-wrapper {
	background: url(images/background-nav.png) left bottom no-repeat;
	}
	
.logo a {
	text-indent: -9999px;
	display: block;
	width: 135px;
	height: 140px;
	position: absolute;
	top: 1px;
	right: 620px;
	}
	
.logo a:focus {
	outline-style: none;
	}
	
.skip-navigation {
	position: absolute; 
	left: -9999px;
	}	
	
.content-wrapper-outer {
	height: 100%;		/* IE6 fix */
	margin-bottom: 0.5em;
	}	

.content-wrapper, .content-1col {
	width: 565px;
	}
	
.sub-nav-wrapper  {
	width: 195px;
	word-wrap:break-word;
	}
	
.sub-nav  {
	padding: 10px 10px 50px 20px;
	}
	
.content, .content-1col {
	padding: 20px 20px 50px 50px;
	}
	
.top {
	height: 20px;
	clear: both;		/* IE6 fix */
	}
	
.sub-nav h3 {
	margin-top: 2.4em;
	}
	
.footer  {
	text-align: right;
	padding-right: 0.5em;
	margin-top: 2em;
	line-height: 2em;
	background: url(images/background-nav.gif) left top no-repeat;
	}
	
html> body .footer  {
	background: url(images/background-nav.png) left top no-repeat;
	}
	
.footer ul {
	position: relative;
	top: 0.6em;
	padding-bottom: 0;
	}
	
.footer li {
	display: inline;
	}
	
.footer li a {
	text-decoration: none;
	color: #E9EDF8;
	}
	
.footer li a:hover {
	text-decoration: underline;
	}
	
.footer-bottom {
	background: url(images/background-nav.gif) left bottom no-repeat;
	height: 1.2em;
	margin-bottom: 2em;
	}
	
html> body .footer-bottom  {
	background: url(images/background-nav.png) left bottom no-repeat;
	}
	

/* Navigation elements
================================== */

.main-nav {
	padding-left: 5px;
	max-width: 600px;
	}

.main-nav li {
	float: left;
	list-style: none;
	margin: 0 2px 4px 2px;
	}
	
.main-nav li a {
	text-decoration: none;
	display: block;
	padding: 8px 5px;
	color: #fff;
	}
	
/* Tab 1 */
li.tab1 {
	background:url(images/background-tab-1.gif) bottom left no-repeat;
	}
	
li.tab1 a {
	background:url(images/background-tab-1-a.gif) bottom right no-repeat;
	}
	
/* Tab 2 */
li.tab2 {
	background:url(images/background-tab-2.gif) bottom left no-repeat;
	}
	
li.tab2 a {
	background:url(images/background-tab-2-a.gif) bottom right no-repeat;
	}
	
/* Tab 3 */
li.tab3 {
	background:url(images/background-tab-3.gif) bottom left no-repeat;
	}
	
li.tab3 a {
	background:url(images/background-tab-3-a.gif) bottom right no-repeat;
	}
	
/* Tab 4 */
li.tab4 {
	background:url(images/background-tab-4.gif) bottom left no-repeat;
	}
	
li.tab4 a {
	background:url(images/background-tab-4-a.gif) bottom right no-repeat;
	}
	
/* Tab 5 */
li.tab5 {
	background:url(images/background-tab-5.gif) bottom left no-repeat;
	}
	
li.tab5 a {
	background:url(images/background-tab-5-a.gif) bottom right no-repeat;
	}
	
/* Tab 6 */
li.tab6 {
	background:url(images/background-tab-6.gif) bottom left no-repeat;
	}
	
li.tab6 a {
	background:url(images/background-tab-6-a.gif) bottom right no-repeat;
	}
	
/* Left nav */
/* Make selected bold (JS)*/
.AspNet-TreeView-Selected {
	font-weight:bold;
	}
	
/* Data table
================================== */

.content table {
	width: 100%;
	}
	
.content td {
	border: 1px solid #fff;
	padding: 0 0.5em;
	text-align: center;
	}

.preload {
	display: none;
	}
	
	
/* Style1 and Style4
================================== */

body#style1 {
	background: #7198D9 url(images/background-body1.jpg) center fixed no-repeat;
	}
	
body#style4 {
	background: #629914 url(images/background-body4.jpg) center fixed no-repeat;
	}
	
html> body#style1 .top, html> body#style4 .top {
	background: url(images/background-main-content1.png) top left no-repeat;
	}	
	
html> body#style1 .content-wrapper-outer, html> body#style4 .content-wrapper-outer {
	background: url(images/background-main-content1.png) bottom left no-repeat;
	}
	
html> body#style1 .logo a, html> body#style4 .logo a {
	background: url(images/background-logo-1.png) 5px 5px no-repeat;
	}
	
body#style1 .top, body#style4 .top {
	background: url(images/background-main-content1.gif) top left no-repeat;
	}	
	
body#style1 .content-wrapper-outer, body#style4 .content-wrapper-outer {
	background: url(images/background-main-content1.gif) bottom left no-repeat;
	}	
	
body#style1 .logo a, body#style4 .logo a {
	background: url(images/background-logo-1.gif) 5px 5px no-repeat;
	}
			
	
/* Style2 and Style5
================================== */

body#style2 {
	background:#6A89E3 url(images/background-body2.jpg) center fixed no-repeat;
	}
	
body#style5 {
	background:#FEFEFE url(images/background-body5.jpg) center fixed no-repeat;
	}
	
html> body#style2 .top, html> body#style5 .top {
	background: url(images/background-main-content2.png) top left no-repeat;
	}	
	
html> body#style2 .content-wrapper-outer, html> body#style5 .content-wrapper-outer {
	background: url(images/background-main-content2.png) bottom left no-repeat;
	}	
	
html> body#style2 .logo a, html> body#style5 .logo a {
	background: url(images/background-logo-2.png) 5px 5px no-repeat;
	}
	
body#style2 .top, body#style5 .top {
	background: url(images/background-main-content2.gif) top left no-repeat;
	}	
	
body#style2 .content-wrapper-outer, body#style5 .content-wrapper-outer {
	background: url(images/background-main-content2.gif) bottom left no-repeat;
	}	
	
body#style2 .logo a, body#style5 .logo a {
	background: url(images/background-logo-2.gif) 5px 5px no-repeat;
	}
	
/* Style3 and Style6
================================== */

body#style3 {
	background: #DFB6A2 url(images/background-body3.jpg) center fixed no-repeat;
	}
	
body#style6 {
	background: #CE7D06 url(images/background-body6.jpg) center fixed no-repeat;
	}
	
html> body#style3 .top, html> body#style6 .top {
	background: url(images/background-main-content3.png) top left no-repeat;
	}	
	
html> body#style3 .content-wrapper-outer, html> body#style6 .content-wrapper-outer {
	background: url(images/background-main-content3.png) bottom left no-repeat;
	}	
	
html> body#style3 .logo a, html> body#style6 .logo a {
	background: url(images/background-logo-3.png) 5px 5px no-repeat;
	}
	
body#style3 .top, body#style6 .top {
	background: url(images/background-main-content3.gif) top left no-repeat;
	}	
	
body#style3 .content-wrapper-outer, body#style6 .content-wrapper-outer {
	background: url(images/background-main-content3.gif) bottom left no-repeat;
	}	

body#style3 .logo a, body#style6 .logo a {
	background: url(images/background-logo-3.gif) 5px 5px no-repeat;
	}
	
/* Homepage and Right-nav
================================== */

.checker img {
	float: left;
	margin: 0.5em 0.5em 0 0;
	}
	
.checker p {
	margin=bottom: 0.5em;
	}
	

.feature-box {
	border: 1px dotted #fff;
	margin: 2em 0;
	padding: 1em;
	}
	
.right-nav h4 {
	border-top: 1px dotted #fff;
	padding-top: 5px;
	margin-top: 1em;
	}
		
.right-nav h4 {
	padding-left: 20px;
	}

.right-nav p .email {
	font-size: 0.85em;
	}
		
h4.checker {
	background: url(images/icon-checker.gif) no-repeat 0 7px;
	}

h4.contact {
	background: url(images/icon-contact.gif) no-repeat 0 7px;
	}
	
/* Feedback form
================================== */

.FeedbackForm li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.FeedbackForm li label {
	margin-left: 0.25em;
	}
	
.FeedbackQuestion {
	font-weight: bold;
	border-top: 1px dotted #fff;
	padding-top: 5px;
	margin-top: 1em;
	}
	
.small-radio li {
	float: left;
	margin-right: 1.5em;
	}
	
.small-radio ul {
	padding-bottom: 1em;
	}
	
.FeedbackForm .feedback-emph {
	text-decoration:underline;
	}
	
a.asplinkbutton {
	display: block;
	padding: 0.25em 1em;
	margin: 0.5em 0;
	color: #696A6C;
	background: #fff;
	float: right;
	font-weight: bold;
	text-decoration: none;
	}
	
a.asplinkbutton:hover {
	color: #106FAA;
	}

.modulecontent, .FeedbackDataItem p {
	clear: both;
	}
	
.validation-summary, .required-field {
	border: 1px solid #CC0000;
	background: #FFCCCC;
	color:#333;
	margin: 0.5em 0;
	padding: 0.25em 0.5em;
	}
	
.required-field {
	color:#CC0000;
	padding: 0.25em 0.5em 0 0.5em;
	font-weight: bold;
	}

/* FAQs
================================== */

.faqs {
	overflow-y: auto;
	overflow-x: hidden;
	height: 440px;
	padding-right: 10px;
	width: 85%; /* IE6 fix */
	}
	
html> body .faqs {
	width: auto;
	}

/* Admin
================================== */
.editpanel
{
	position:absolute;
	top:20px;
	left:20px;
}
.pageSettings {
	color:black;
	}
	
.PlainTextEditor {
	height: 15em;
	}
	
.htmlmodule fieldset,
.modulesettings fieldset,
.pagelayout fieldset,
.pagesettings fieldset
{
	position:relative;
	top:30px;
}

.pagelayout table td
{
	
	border: none;
	padding: 0;
	text-align: inherit;
}

.pagelayout table td h2
{
	font-size: 1em;
}

.pagelayout table .DisabledEditPanel
{
	display:none;
}

.pagelayout table , .pagelayout table tr td table
{
	width:auto;
}