/* STANDARD STYLES */

table {
	border: 0;
	border-collapse: collapse;
}
th {
	padding: 0;
	text-align: left;
	vertical-align: top;
}
td {
	padding: 0;
}
img {
	border: 0;
}
a {
	color: inherit;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
input {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
}

/* TEXT STYLES */

p, td {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}
p a, td a {
	color: #b40021;
}

/* SITE STYLES */

body {
	margin: 0;
	background-color: #fff;
	background-image: url(../images/blue-body-background.jpg);
	background-position: 0% 100%;
	background-repeat: repeat-x;
}
h2 {
	color: #b40021;
	font: bold 18px Arial, Helvetica, sans-serif;
}
h3 {
	color: #b40021;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.strong {
	color: #b40021;
	font: bold 12px Arial, Helvetica, sans-serif;
}
h4 {
	color: #b40021;
	font: bold 13px Arial, Helvetica, sans-serif;
}

/* TOP */

#top {
	width: 100%;
	height: 22px;
	background-image: url(../images/blue-top-background.jpg);
	background-position: 100% 0;
	background-repeat: repeat-y;
	background-color: #e8ecef;
	border-bottom: solid 1px #e8ecef;
}
#top td {
	vertical-align: middle;
}
#top .left 
{    
	color: #ff5200;
	padding-left: 20px;
	white-space: nowrap;
}
#top .left a {
	color: #ff5200;
}
#top .middle {
	width: 100%;
	padding-left: 10px;
}
#top .middle a {
	color: #ff5200;
}
#top .right {
	text-align: right;
	padding-right: 20px;
	color: #fff;
	white-space: nowrap;
}
#top .right a {
	color: #fff;
}

/* HEADING */

#heading {
	width: 100%;
	height: 52px;
	text-align: left;
	background-color: #fff;
	margin-bottom: 1px;
	border-bottom: 1px solid #ffcc00;
	vertical-align: middle;
}
#heading h1 {
	margin: 0;
	margin-top: 10px;
	color: #b40021;
	font: 24px Arial, Helvetica, sans-serif;
	padding-left: 22px;
}
#heading h2 {
	margin: 0;
	margin-top: 20px;
	color: #ff5200;
	font: 18px Arial, Helvetica, sans-serif;
	padding-left: 22px;
}
#logo {
	padding-left: 20px;
	padding-top: 16px;
	width: 86px;
	margin: 0;
	font: bold 36px Arial, Helvetica, sans-serif;
	color: #b40021
}

/* NAVIGATION BAR */

#navbar {
	width: 100%;
	height: 30px;
	background-image: url(../images/blue-menu-background.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #abb8c5;
	border-bottom: 1px solid #6b8299;
}
#headerToggleButton {
	float: right;
	width: 21px;
	height: 21px;
	margin-top: 4px;
	margin-right: 20px;
}
.headerToggleButtonUp {
	background-image: url(../images/blue-hide.gif);
	background-repeat: no-repeat;
}
.headerToggleButtonDown {
	background-image: url(../images/blue-show.gif);
	background-repeat: no-repeat;
}

/* MENU */

#menu {
	height: 30px;
	margin-left: 18px;
	border-left: solid 1px #abb8c5;
}
#menu a {
	display: block;
	height: 14px;
	margin: 0;
	padding: 8px;
	border-right: solid 1px #abb8c5;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	text-align: center;
}
#menu .active {
	background-color: #e8ebef;
}
#menu .highlight {
	background-image: url(../images/blue-menu-background-highlight.jpg);
	background-repeat: repeat-x;
}
.menuChild {
	position: absolute;
	visibility: hidden;
	background-color: #e8ecef;
	border: solid 1px #abb8c5;
}
.menuChild a {
	display: block;
	height: 14px;
	margin: 0;
	padding: 8px;
	border-bottom: solid 1px #fff;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}
.menuChild .last {
	border-bottom: none;
}
.menuChild .highlight {
	background-color: #d5dbe2;
}

/* CONTENT */

#content {
	margin: 20px; width:96%;
	border: 1px solid #abb8c5;
	background-color: #fff; height:600px;
}

/* CONTENT - MAIN PANE*/

#main 
{
	border-right: 1px solid #abb8c5; 
	vertical-align: top;
}
#main .img 
{
	border-color: Blue;
	border-width: 9px;
}
#main h2 {
	margin: 6px;
}
#main h3 {
	margin: 6px;
}
#main h4 {
	margin: 6px;
}
#main p, #main .form {
	margin: 6px; font-size: 12px;
}
#main .form td {
	padding: 2px; font-size: 12px; vertical-align:middle;
}
#main .link {
    color: #ff5200;
}
#main .mandatory {
    color: #ff0000;
}
#main .input {
	border: 1px solid #abb8c5;
	width: 160px;
	height: 20px;
}
#main .button {
	width: 82px;
	height: 30px;
	font-size: 9px;
	border: 0;
	background-image: url(../images/blue-form-button.gif);
}
#main .checkbox {
    width: 20px;
    height: 20px;
    border: 0px;
}

/* CONTENT - NEWS PANE*/

#news {
	width: 250px;
	vertical-align: top;
}
#news h2 {
	background-image: url(../images/blue-subheading-background.jpg);
	height: 24px;
	margin: 0;
	padding-top: 6px;
	padding-left: 8px;
	font: 14px Arial, Helvetica, sans-serif;
}
#news h3 {
	color: #ff5200;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 8px;
	padding-top: 8px;
	border-top: 1px solid #abb8c5;
}
#news p {
	padding-bottom: 8px;
	margin: 8px;
}
#news a.more {
	display: block;
	width: 108px;
	height: 18px;
	margin-top: 1em;
	padding: 5px 0 0 7px;
	background-image: url(../images/blue-more-information.gif);
	background-repeat: no-repeat;
	font: bold 8px Arial, Helvetica, sans-serif;
}
#news .first {
	border-top: 0;
	margin: 8px;
}

/* CONTENT - FORMS PANE*/

#ContentForms {
	margin: 20px; width:96%;
	border: 1px solid #abb8c5;
	background-color: #fff; height:600px;
}
#ContentForms TD {
	padding:6px; font: 11px Arial, Helvetica, sans-serif; 
}
#forms {
	width: 100%;
	background-color:#fff;
}
#forms h3 {
	color: #b40021;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 8px;
	padding-top: 8px;
	border-top: 1px solid #abb8c5;
}
#forms p {
	padding-bottom: 8px;
	margin: 8px;
}
#forms .first {
	border-top: 0;
	margin: 8px;
}
#forms p, #forms .form {
	margin: 22px;
}
#forms .form td {
	padding: 2px 15px 2px 2px; vertical-align:middle;
}
#forms .button {
	width: 82px;
	height: 30px;
	font-size: 9px;
	border: 0;
	background-image: url(../images/blue-form-button.gif);
}

/* CONTENT - DEFAULT STYLES FOR HTML CONTROLS ON FORMS PANE */

#forms .button {
	width: 82px;
	height: 30px;
	font-size: 9px;
	border: 0;
	background-image: url(../images/blue-form-button.gif);
}
#forms .checkbox {
    width: 20px;
    height: 20px;
    border: 0px;
}
#forms .dateinput {
	border: 1px solid #abb8c5;
	width: 160px;
	height: 20px;
}
#forms .datebutton {
	width: 30px;
	height: 30px;
	font-size: 9px;
	border: 0;
	background-image: url(../images/blue-form-button-small.gif);
}
#forms .grid {
}
#forms .numberbox {
    border: 1px solid #abb8c5;
	width: 160px;
	height: 20px;
}
#forms .radiobutton {
    width: 20px;
    height: 20px;
    border: 0px;
}
#forms .selectbox {
}
#forms .table {
}
#forms .textarea {
    border: 1px solid #abb8c5;
}
.textbox {
	border: 1px solid #abb8c5;
	width: 160px;
	height: 20px;
}

/* CONTENT - LIST PANE*/

#ContentList {
	margin: 20px; width:96%;
	border: 1px solid #abb8c5;
	background-color: #fff; height:600px;
}
#ContentList TD {
	padding:6px; font: 11px Arial, Helvetica, sans-serif; 
}
#List TABLE {
	BORDER: #abb8c5 1px solid; BACKGROUND-COLOR: #ffffff; width:100%
}
#List TD {
	PADDING:6px; height:24px; vertical-align:middle; 
}
#List TD A {
	TEXT-DECORATION: none
}
#List TD A:link {
	COLOR: #000000
}
#List TD A:visited {
	COLOR: #000000
}
#List TD A:hover {
	COLOR: #ff5200
}
#List TR.Header TD {
	BORDER-RIGHT: #fffac3 1px solid; 
	BORDER-LEFT: #fffac3 1px solid;  
	BACKGROUND-IMAGE: url(../images/blue-subheading-background.jpg); 
	PADDING-BOTTOM: 3px; PADDING-TOP: 4px; color:#000; 
}
#List TR.Row TD {
	BORDER-RIGHT: #abb8c5 1px solid; BORDER-LEFT: #abb8c5 1px solid; COLOR: #333333; 
}
#List TR.RowAlt TD {
	BORDER-RIGHT: #abb8c5 1px solid; BORDER-LEFT: #abb8c5 1px solid; COLOR: #333333; BACKGROUND-COLOR: #eff0f4;
}
#List TR.Pager TD {
	 BACKGROUND-IMAGE: url(../images/blue_pager_background.gif); COLOR: #666666; TEXT-ALIGN: center; BORDER-TOP: #abb8c5 1px solid; padding:3px;
}
#List TD.Submit {
    text-align: center;
}
#List img {
    padding:0px 5px 0px 0px; vertical-align:middle
}
#List .button {
	width: 82px;
	height: 30px;
	font-size: 9px;
	border: 0;
	background-image: url(../images/blue-form-button.gif);
}

/* CONTENT - TREE PANE*/

#ContentTree {
	margin: 20px; width:96%;
	border: 1px solid #abb8c5;
	background-color: #fff; height:600px;
}
#ContentTree TD {
	padding:6px; font: 11px Arial, Helvetica, sans-serif; 
}
#Tree TABLE {
	BORDER: #abb8c5 1px solid; BACKGROUND-COLOR: #ffffff; width:100%
}
#Tree TD {
	PADDING:4px; height:24px; vertical-align:top; 
}
#Tree TABLE.Key TD {
	PADDING:4px 0px 4px 10px; height:24px; vertical-align:middle;
}
#Tree TR.Header TD {
	BACKGROUND-IMAGE: url(../images/blue-subheading-background.jpg); 
	PADDING-BOTTOM: 3px; PADDING-TOP: 4px; color:#000; vertical-align:middle;
}
#Tree TR.Header A {
	color:#000;  
}
#Tree A:hover {
	color:#ff5200;
}
#Tree img {
    vertical-align:middle; border:0px
}
#Tree TR.FormSetSelected TD {
	BACKGROUND-COLOR: #eff0f4;
}
#Tree TD.IndentOne  {
	Padding-left:32px; border-bottom: 1px solid #eff0f4;
}
#Tree TD.IndentTwo  {
	Padding-left:58px; border-bottom: 1px solid #eff0f4;
}
#Tree TD.IndentThree  {
	Padding-left:82px; border-bottom: 1px solid #eff0f4;
}
#Tree TD.Indent1  {
	Padding-left:32px; border-bottom: 1px solid #eff0f4;
}
#Tree TD.Indent2  {
	Padding-left:58px; border-bottom: 1px solid #eff0f4;
}
#Tree TD.Indent3  {
	Padding-left:82px; border-bottom: 1px solid #eff0f4;
}
#Tree TD.Indent4  {
	Padding-left:106px; border-bottom: 1px solid #eff0f4;
}
#Tree TD.Indent5  {
	Padding-left:130px; border-bottom: 1px solid #eff0f4;
}
#Tree TD.Indent6  {
	Padding-left:154px; border-bottom: 1px solid #eff0f4;
}
#Tree TD.Links {
	border-bottom: 1px solid #eff0f4; text-align:right; vertical-align:middle;
}
#Tree TD.Links A:Hover {
	color:#ff5200;
}


/* CONTENT - BACK LINK*/

A.BackLink {
	text-decoration : underline;
}

A:Hover.BackLink {
	color:#ff5200;
}
