﻿/* This CSS was initially developed by DECD 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:#421F19;
}
body { 
	color: #000;
	background: #421F19 url('../styles/body_bg.gif') repeat center top;
	line-height:1em;
	font: 13px/1.5em Verdana, helvetica, arial, sans-serif;
}
#container {
	background: #ebe9e9 url(../styles/container_bg.gif) repeat-y left top;
	margin-bottom: 46px;
}
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 DECD 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: #edf9ff;
}
table.download, table.option1 {
	background: #f7ef0b;
	border: 1px solid #e1f5ff;
}
.download tr th, th.download, .option1 tr th, .option1 th {
	background: #c6e807;
	border-bottom: 1px solid #e1f5ff;
}
.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: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #c6e807;
}
a:focus{
	outline:1px dotted;
}
a:active {
	color: #c6e807;
}
hr{
	border:0 #ccc solid;border-top-width:1px;clear:both;height:0;
}
h1{
	font-size:3.333333em;
	line-height: 0.525em;
	margin-top: 0.525em;
	margin-bottom: 1.05em;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0.02em;
	color: #000003;
}
h2 {
	margin-top: 0.875em;
	margin-bottom: 0.875em;
	font-weight: bold;
	background: transparent;
	font-size:1.3em;
	line-height: 1.05em;
	color: #3b902a;
	text-align: left;
}
h2 span.option1, h2.option1 {
	color: #000004;
	background: transparent;
	font-size:1.3em;
	padding-left: 30px;
}
h3 {
	padding: 3px;
	border-bottom: 3px solid #c6e807;
	color: #000005; 
	background: #F4FACD url('../styles/blank.gif') no-repeat left top;
	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: 96px;
	background: #fff url('../styles/heading_bg.gif') no-repeat top left;
}
#sidepanel {
	padding-top: 20px;
	background: transparent none;
}
#main {
	padding-top: 20px;
	background: transparent url('../styles/content_bg.gif') no-repeat top left;
}
/* top menu row */
#channels {
	margin: 0;
	border: 0;
	padding: 0;
	height: 34px;
	background: #7D7D7D url('../styles/channels_bg.gif') no-repeat left top;
	text-decoration: none;
	overflow: hidden;
}
#channels li {
	margin: 0;
	border: 0;
	padding: 5px 10px;
	float: left;
	list-style: none;
	text-align: center;
	background: transparent url('../styles/blank.gif') no-repeat center top;
}
#channels li:hover {
	background: transparent url('../styles/blank.gif') no-repeat center top;
}

#channels a, #channels a:visited, #channels a:hover, #channels a:active {
	font-size: 13px;
	line-height: 1.5em;
	font-weight: bold;
	text-decoration: none;
}
#channels a, #channels a:visited {
	color: #000;
}
#channels a:hover, #channels a:active {
	color: #000;
}
#channels .selected, #channels .selected a, #channels .selected a:visited, #channels .selected a:hover, #channels .selected a:active {}

#channels li:first-child {
	border-left: 0;
	margin-left: 0;
	padding-left:0;
}

/* side menu */
div#logos { text-align:center;}
/* MENU */
#menu {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 2.1em;
	background: transparent none;
	padding-left:8px;

}
#menu li, #menu ul ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.4em;
	display: inline;
}
#menu ul ul li {
	font-size: 1em;
}
#menu ul {
	margin: 0;
	padding: 0;
	width: 200px;
} 
#menu a, #menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	margin-bottom: 3px;
	padding: 3px;
	display: block;
	text-decoration: none;
	} 
#menu a, #menu a:link {
	border: none;
	color: #000 ;
	background: #DBDBDB url('../styles/menu_blank') no-repeat left top; 
}
#menu a:visited {
	border: none;
	color: #000;
	background: #DBDBDB url('../styles/menu_blank') no-repeat left top; 
}
#menu a:hover, #menu a:active {
	border: none;
	color: #BC9F00;
	background: #F7EF0B;
	}
#menu .selected, #menu a.selected, #menu a.selected:link, #menu a.selected:visited, #menu a.selected:hover, #menu a.selected:active {
	color: #BC9F00;
	background: #F7EF0B url('../styles/menu_btn_over.gif') no-repeat left top;
}
#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:3px;
	display: block;
	text-decoration: none;
	} 
#menu ul ul a, #menu ul ul a:link, #menu ul ul a:visited {
	border: none;
	color: #000;
	background: #DBDBDB url('../styles/menu_blank') no-repeat left top; 
}
#menu ul ul a:hover, #menu ul ul a:active {
border: none;
	color: #BC9F00;
	background: #F7EF0B;
 
	}
#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: none;
	color: #BC9F00;
	background: #F7EF0B url('../styles/images/menu_child_btn_over.gif') no-repeat left top; 
}
#hidden,.hidden { display: none; visibility: hidden;}

/* footer */
#footer {
	margin-top: 30px;
	padding: 4px 0 4px 0; /* leave padding right and left set to zero */
	border-top: 1px solid #c6e807;
	background: #fff url('../styles/footer_bg.gif') no-repeat left top;
	font-size: 0.8em;
	line-height: 1.909091em;
	color: #c6bbb7;

}
#footer p {
	color: inherit;
}
#footer a, #footer a:link, #footer a:visited {
	color: #fff;
}
#footer a:active, #footer a:hover {
	 color: #0294f7;
}
.bgswatch {
	background: #063695 none;
}