/* This CSS was initially developed by DECS Online Services and now incorporates selectors and attributes 
	from the reset.css and text.css that form part of the 960 Grid System by Nathan Smith
	http://960.gs/ 
	
   Convert pixels (px) to Em - http://riddle.pl/emcalc/
   default font size is set at 13px
   default bottom margin for paragraphs, headings, tables, lists and blockquotes: 10px;

*/

html, body {
	color: #000000;
	background-color: #044C86;
}
body { 
	color: #000;
	background: #044C86 url('../styles/background.jpg') repeat-x top left; 
	line-height:1em;
	font: 13px/1.5em Verdana, helvetica, arial, sans-serif;
}
#container {
	background: transparent url('../styles/container_inside.png') repeat-y top left; 
}
#container.splash {
	background: transparent none;
}
ol,ul{
	list-style:none
}
ol{
	list-style:decimal;
}
ul{
	list-style:disc;
}
li{
	margin-left:30px
}
ul.nobullets {
	list-style-type:none;
	list-style-image: none;
}
blockquote, blockquote.option1, blockquote.option2,q, q.option1,q.option2{
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after,blockquote.option1:before,blockquote.option1:after,q:before.option1,q:after.option1,blockquote.option2:before,blockquote.option2:after,q.option2:before,q.option2:after{
	content:'';content:none
}
blockquote,q {
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';content:none
}
blockquote {
	padding-left: 23px;
}
blockquote.option1 {
	padding-left: 46px;
}
blockquote.option2 {
	padding-left: 66px;
}
:focus{
	outline:0
}
ins{
	text-decoration:none
}
del{
	text-decoration:line-through
}
/* 
The table/tr/td styles 'contacttable', 'contacttabletop', 'sessiontabletop', 'download' and 'notice' are to provide compatibility with older DECS website templates. If you are using a current template and are confident to do so, you may delete these obsolete table styles and this comment with them  
*/
table {
	margin: 0.875em 0 0.875em 0;
	border-collapse:collapse;
	border-spacing:0;
	text-align: left;
	vertical-align: top;
	line-height: 1.75em;
}
tr {
	margin: 0;
}
th, tr.contacttabletop th, tr.sessiontabletop th {
	border-bottom: 1px dotted #e1f5ff;
	padding: 0 3px 0 3px;
	vertical-align: top;
	text-align: left;
}
td, tr.contacttabletop td, tr.sessiontabletop td {
	border-bottom: 1px dotted #e1f5ff;
	padding: 0 5px 0 5px;
	vertical-align: top;
	text-align: left;
}
tr:hover th, tr:hover td {
	background-color: #FEF9EB;
}
table.download, table.option1 {
	background: #FCECCB;
	border: 2px solid #CCA660;
}
.download tr th, th.download, .option1 tr th, .option1 th {
	background: #FCB825;
	border-bottom: 1px solid #FDF7F0;
}
.download tr td, .option1 tr td {
	border-bottom: 1px solid #edf9ff;
	padding: 3px;
}
td.notice {
	border-bottom: 1px solid #adb19d;
	text-align: center;
	background: #bdc1b1;
	font-size: 0.916667em;
	margin: 5px 0 3px 0;
}
table ul, table li {
	margin: 0 0 0 6px;
	padding: 0 0 0 6px;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
}
a, a:link {
	color: #0F5E92;
}
a:visited {
	color: #633FA5;
}
a:hover {
	color: #DA9D19;
}
a:focus{
	outline:1px dotted;
}
a:active {
	color: #0F5E92;
}
hr{
	border:0 #ccc solid;border-top-width:1px;clear:both;height:0;
}
h1{
	font-size:2.333333em;
	line-height: 0.525em;
	margin-top: 1.5em;
	margin-bottom: 1.05em;
	padding-left: 15px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0.02em;
	color: #2E536B;
}
h2 {
	margin-top: 1.2em;
	margin-bottom: 1.4em;
	font-weight: bold;
	background: transparent;
	font-size:1.5em;
	line-height: 1em;
	color: #0D3166;
	text-align: left;
}
h2.quick {
	margin-top: 0.875em;
	margin-bottom: 0.875em;
	padding:10px 0 10px 14px;
	font-weight: bold;
	background: #FCB825 none;
	font-size:1.8em;
	line-height: 1.3em;
	color: #0D3166;
	text-align: left;
	width:226px;
	
}
h2 span.option1, h2.option1 {
}
h3 {
	margin-top: 2.1em;
	margin-bottom: 0.525em;
	padding: 3px;
	border-bottom: 3px solid #FCB825;
	color: #fff; 
	background: #0D3166 none;
	line-height: 1.3125em;
	
	font-size: 1.3em;
	font-weight: bold;
	font-family: Verdana, helvetica, arial, sans-serif;
}
h4{
	color: #000006;
	font-weight: bold;
	font-size: 1.1em;
}
h5{
	color: #000007;
	font-weight: bold;
	font-size:1.0em;
}
h6{
	color: #000008;
	font-style: italic;
	font-size:1.0em;
}
img, a img, a:link img, a:visited img, a:hover img, a:active img {
	border: 0;
	text-decoration: none;
}
/* VERIFY - where is thumbnail class used? */
img.thumbnail, .thumbnail, a .thumbnail, a:link .thumbnail, a:visited .thumbnail, a:active .thumbnail, a.hover .thumbnail { 
	border: 1px solid #171D5C; 
}

img.floatleft, .floatleft {
	float: left;
	padding: 5px 10px 5px 0;
}
img.floatright, .floatright {
	float: right;
	padding: 5px 0 5px 10px;
}
.textRight { 
	text-align: right;
}
/* header / banner */
div#heading {
	color: #fff;
	height: 170px;

	background: #fff url('../styles/heading_inside.png') no-repeat top left;
}
div#heading.splash {
	color: #fff;
	height: 165px;

	background: #fff url('../styles/heading_splash.png') no-repeat top left;
}
#sidepanel {
	padding-top: 20px;
	background: transparent none;
}
#sidepanel.inside {
	padding-top: 0;
	background: transparent none;
	top:-27px;
	
}
#main {
	padding-top: 20px;
}
/* top menu row */

#channels {
	background: transparent none;
	min-height: 54px;
	max-height: 54px;
	top:107px;
	left:35px;
	z-index: 900;

}
#channels.splash {
	background: transparent none;
	min-height: 54px;
	max-height: 54px;
	top:-67px;
	z-index: 900;

}
#channelsMenu ul, #channelsMenu li, #channelsMenu a {
	margin: 0; border: 0; padding: 0;
}

#channelsMenu, #channelsMenu ul {
	float: left;
	list-style: none;
	line-height: 1.0em;
	background: transparent none;
	font-weight: bold;

}

#channelsMenu a {
	display: block;
	width: auto;
	color: #fff;
	text-decoration: none;
	margin: 6px 0 0 0;
		padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size:1em;

}

/* the following class is used to visually indicate that a parent menu that contains child items*/
#channelsMenu a.channelsParent, #channelsMenu li.sfhover a.channelsParent {
	background: transparent no-repeat right center;
} 

#channelsMenu li {
	float: left;
	padding: 0;
	width: auto;
	background: transparent none;
}

#channelsMenu li ul {
	margin-top: 15px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px; /* total width - content area plus L/R padding + L/R border + L/R margin */
	w\idth: 126px; /* total width minus L/R padding + L/R border */
	font-weight: normal;
}

#channelsMenu li li {
	padding:0;
	/* width: 110px; li ul width exc padding L/R */
	width: 210px;;
	background: #c3d7f4 none;
	border-bottom:medium #c3d7f4 groove;
	font-size:1em;
	

}

#channelsMenu li ul a {
	width: 150px;
	padding-top:2px;
	/*width: 129px; /* minus padding L/R in #channelsMenu a */
	color: #000;
}

#channelsMenu li ul ul {
	margin-top: -25px;
	margin-left: 175px; /* width of menu item - moves sub menu across to start at edge of last menu */
}

#channelsMenu li:hover ul ul, #channelsMenu li:hover ul ul ul, #channelsMenu li.sfhover ul ul, #channelsMenu li.sfhover ul ul ul {
	left: -999em; /*do not change this value */
	background: #fff none; 
	color: #000;
}

#channelsMenu li:hover ul, #channelsMenu li li:hover ul, #channelsMenu li li li:hover ul, #channelsMenu li.sfhover ul, #channelsMenu li li.sfhover ul, #channelsMenu li li li.sfhover ul {
	left: auto; /*do not change this value */
	background: #CBCBC9 none;
	color:#000;
}
#channelsMenu li:hover, #channelsMenu li.sfhover {
		background: transparent url('../styles/hover.png') repeat-x left top;
		height:54px;
		top:-210px;
	color: #000;
}
#channelsMenu li li:hover, #channelsMenu li li.sfhover {
	background: #f0f7fe none;
		height:26px;
	color: #000;
}
/* side menu */
div#logos { text-align:center;}
/* MENU */
#menu {
	
	line-height: 1.4em;
	margin-bottom: 2.0em;
	padding-left: 20px;
}
#menu li, #menu ul ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 0.75em;
	display: inline;
}
#menu ul ul li {
	font-size: 1em;
}
#menu ul {


	padding: 0;
	width: 200px;
} 
#menu a, #menu a:link, #menu a:visited, #menu a:hover, #menu a:active {

	padding: 0.525em 1px 0.525em 2px;
	display: block;
	text-decoration: none;
		font-size: 1.3em;

	} 
#menu a, #menu a:link, #menu a:visited  {

	color: #fff;
	background: transparent none; 
}

#menu a:hover, #menu a:active {

	color: #FFEE26;
	background: transparent none;
	}
#menu .selected, #menu a.selected, #menu a.selected:link, #menu a.selected:visited, #menu a.selected:hover, #menu a.selected:active {
	color: #BC9F00;
	background: #FFE294 none;
}
#menu ul ul {
}
#menu ul ul a, #menu ul ul a:link, #menu ul ul a:visited, #menu ul ul a:hover, #menu ul ul a:active {
	margin-bottom: 3px;
	padding: 0.525em 3px 0.525em 3px;
	display: block;
	text-decoration: none;
	} 
#menu ul ul a, #menu ul ul a:link, #menu ul ul a:visited {
	border: 1px solid #ffe294;
	color: #000;
	background: #FFEEBF none; 
}
#menu ul ul a:hover, #menu ul ul a:active {
	border: 1px solid #f7ef0b;
	color: #000;
	background: #FFE294 none; 
	}
#menu ul ul .selected, #menu ul ul a.selected, #menu ul ul a.selected:visited, #menu ul ul a.selected:hover, #menu ul ul a.selected:active {
	border: 1px solid #f7ef0b;
	color: #000;
	background: #FFE294 none; 
}
#hidden,.hidden { display: none; visibility: hidden;}

/* footer */
#footer {
	margin-top: 30px;
	margin-bottom: 0;
	padding: 4px 0 4px 0; /* leave padding right and left set to zero */

	height: 193px;
	background: #044C86 url('../styles/footer_inside.png') no-repeat left top;
	color: #fff;
}
#footer.splash {
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 4px 0 4px 0; /* leave padding right and left set to zero */
	border-top: 1px dotted #F8D889;
	background: transparent none;
	color: #fff;
}
#footer, #footer div, #footer p, #footer a {
	font-size: 11px;
}
#footer p {
	color: inherit;
}
#footer a, #footer a:link, #footer a:visited {
	color: #A3DBFF;
}
#footer a:active, #footer a:hover {
	 color: #C0FFFF;
}
.bgswatch {
	background: #063695 none;
}

div.login {
display: inline;
float: left; 
}
.login, a.login,a.login:link, a.login:visited {
	display:block; 
	background: transparent url(../styles/login.png) center top no-repeat; 
	height:63px;
	height: 63px;
	min-height: 63px;
	max-height: 63px;
	width:200px; 
	color:#fff;
	line-height:63px;
	text-align:center;
	text-decoration:none;
}
a.login:hover {
	background:transparent url(../styles/loginhover.png) center top no-repeat;
}


div.homelogin {
display: inline;
float: left; 
}
.homelogin, a.homelogin,a.homelogin:link, a.homelogin:visited {
	display:block; 
	background: transparent url(../styles/loginhome.png) center top no-repeat; 
	height:50px;
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	width:110px; 
	color:#fff;
	line-height:50px;
	text-align:right;
	text-decoration:none;
}
a.homelogin:hover {
	background:transparent url(../styles/loginhomehover.png) center top no-repeat;
}




div.login2 {
	display: inline;
	float: left; 
	}
	.login2, a.login2,a.login2:link, a.login2:visited {
		display:block; 
		background: transparent url(../styles/login2.png) center top no-repeat; 
		height:63px;
		height: 63px;
		min-height: 63px;
		max-height: 63px;
		width:200px; 
		color:#fff;
		line-height:63px;
		text-align:center;
		text-decoration:none;
	}
	a.login2:hover {
		background:transparent url(../styles/login2hover.png) center top no-repeat;
	}
	
	
	div.homelogin2 {
	display: inline;
	float: left; 
	}
	.homelogin2, a.homelogin2,a.homelogin2:link, a.homelogin2:visited {
		display:block; 
		background: transparent url(../styles/login2home.png) center top no-repeat; 
		height:50px;
		height: 50px;
		min-height: 50px;
		max-height: 50px;
		width:110px; 
		color:#fff;
		line-height:50px;
		text-align:right;
		text-decoration:none;
	}
	a.homelogin2:hover {
		background:transparent url(../styles/login2homehover.png) center top no-repeat;
	}