/***** General Styles *****/

BODY {
	margin: 0;
	padding: 0;
	background: black url('../images/dk_blue_bg_tile.gif') repeat top left;
	color: #333333;
	text-align: center;
	font-family: Arial, sans-serif;
}
A IMG {
	border-style: none;
}
DIV.Breaker {
	clear: both;
}
DIV.PageBody {
	background: transparent url('../images/body_bg.gif') repeat-x top left;
}
DIV.SiteWrapper {
	width: 700px;
	margin: 0 auto;
	padding: 10px 0 0;
	text-align: center;
}
DIV.Banner {
	margin: 0 0 18px 0;
	padding: 0;
	text-align: center;
}

/***** Header *****/

DIV.PageTop {
	width: 700px;
	margin: 0 auto 0;
	text-align: left;
	background-color: white;
}
DIV.TracFlash {
	padding: 20px 23px 0 27px;
	background-color: white;
}
/*
DIV.PageTop DIV#TracHeader {
	padding: 0 5px 0 4px;
}
*/
DIV.TopMenu {
	height: 21px;
	margin: 0;
	padding: 3px 0;
	background: white url('../images/top_menu_bg.gif') no-repeat top left;
	color: white;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
DIV.TopMenu A {
	margin: 0 2px;
	padding: 0 2px;
}
DIV.TopMenu A,
DIV.TopMenu A:Link,
DIV.TopMenu A:Active,
DIV.TopMenu A:Visited {
	color: white;
	text-decoration: none;
}
DIV.TopMenu A:Hover {
	color: #4581d2;
	text-decoration: none;
}

DIV.Page {
	width: 700px;
	margin: 0 auto 20px;
	padding: 5px 0 0;
	text-align: left;
	background-color: white;
}

/***** Menu Tabs *****/

DIV.HeaderBlock DIV.Top {
	width: 700px;
	height: 144px;
	margin: 0;
	background: transparent url('../images/header_and_sm_logo_bg_w.jpg') no-repeat top left;
}
DIV.HeaderBlock DIV.Top DIV.VideoButton {
	width: 111px;
	height: 42px;
	margin-left: 558px;
	padding-top: 21px;
}
DIV.HeaderBlock DIV.Top DIV.VideoButton A,
DIV.HeaderBlock DIV.Top DIV.VideoButton A:Link,
DIV.HeaderBlock DIV.Top DIV.VideoButton A:Active,
DIV.HeaderBlock DIV.Top DIV.VideoButton A:Visited {
	width: 111px;
	height: 42px;
	display: block;
	background-image: url('../images/video_button.gif');
	background-position: 0 0;
}
DIV.HeaderBlock DIV.Top DIV.VideoButton A:Hover {
	width: 111px;
	height: 42px;
	display: block;
	background-image: url('../images/video_button.gif');
	background-position: 0 -42px;
}
DIV.HeaderBlock DIV.Top DIV.VideoButtonStop {
	width: 111px;
	height: 42px;
	margin-left: 558px;
	padding-top: 21px;
}
DIV.HeaderBlock DIV.Top DIV.VideoButtonStop A,
DIV.HeaderBlock DIV.Top DIV.VideoButtonStop A:Link,
DIV.HeaderBlock DIV.Top DIV.VideoButtonStop A:Active,
DIV.HeaderBlock DIV.Top DIV.VideoButtonStop A:Visited {
	width: 111px;
	height: 42px;
	display: block;
	background-image: url('../images/video_button_stop.gif');
	background-position: 0 0;
}
DIV.HeaderBlock DIV.Top DIV.VideoButtonStop A:Hover {
	width: 111px;
	height: 42px;
	display: block;
	background-image: url('../images/video_button_stop.gif');
	background-position: 0 -42px;
}
DIV.MenuTab1 {
	margin: 0;
}
DIV.MenuTab1,
DIV.MenuTab2,
DIV.MenuTab3,
DIV.MenuTab4,
DIV.MenuTab5,
DIV.MenuTab6 {
	float: left;
	height: 117px;
	padding: 0;
	text-align: center;
}
DIV.MenuTab1,
DIV.MenuTab6 {
	width: 118px;
}
DIV.MenuTab2,
DIV.MenuTab3,
DIV.MenuTab4,
DIV.MenuTab5 {
	width: 116px;
}
DIV.MenuTab1 { background: transparent url('../images/new_tab_1_w.jpg') no-repeat top left; }
DIV.MenuTab2 { background: transparent url('../images/new_tab_2.jpg') no-repeat top left; }
DIV.MenuTab3 { background: transparent url('../images/new_tab_3.jpg') no-repeat top left; }
DIV.MenuTab4 { background: transparent url('../images/new_tab_4.jpg') no-repeat top left; }
DIV.MenuTab5 { background: transparent url('../images/new_tab_5.jpg') no-repeat top left; }
DIV.MenuTab6 { background: transparent url('../images/new_tab_6_w.jpg') no-repeat top left; }
DIV.MenuTabInner {
	padding: 25px 10px 5px;
	color: black;
	font-size: 0.8em;
	font-weight: bold;
}
DIV.MenuTabInner A,
DIV.MenuTabInner A:link,
DIV.MenuTabInner A:active,
DIV.MenuTabInner A:visited {
	color: black;
	text-decoration: none;
}
DIV.MenuTabInner A:hover {
	color: #555555;
	text-decoration: none;
}

/***** Page Content *****/

DIV.Content {
	float: left;
	width: 484px;
/*	margin-left: 215px;*/
}
DIV.Content DIV.ContentPadding {
	padding: 10px 0;
}
DIV.Content H1 {
	margin: 10px 0 20px 27px;
	font-size: 0.9em;
}
DIV.Content P {
	margin: 10px 0;
	padding: 0 30px 0 27px;
	text-align: justify;
	font-size: 0.7em;
	font-weight: normal;
}
DIV.Content P.Super {
	margin-top: 20px;
	margin-bottom: 0;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
}
DIV.Content A,
DIV.Content A:Link,
DIV.Content A:Active,
DIV.Content A:Visited {
	color: #183B6A;
	text-decoration: underline;
}
DIV.Content A:Hover {
	color: #000000;
	text-decoration: underline;
}
DIV.Content DIV.CentrePic IMG {
	border: 2px solid red;
}
DIV.Content DIV.RightPic {
	float: right;
	clear: right;
	margin: 15px 30px 15px 15px;
	padding: 0;
	text-align: right;
}
DIV.Content DIV.RightPic DIV {
	padding: 20px auto;
}
DIV.Content DIV.RightPic DIV IMG {
}
DIV.Content UL {
	margin-left: 70px;
}
DIV.Content UL LI {
	list-style-image: url('../images/bullet_img.gif');
	font-size: 0.7em;
}

/***** Left Menu *****/

DIV.LeftMenu {
	float: left;
	width: 195px;
	padding: 17px 0 17px 16px;
	background: white url('../images/left_menu_bg.gif') repeat-y top left;
}
DIV.MenuHeader {
	width: 190px;
	height: 22px;
	margin: 0 0 5px 0;
	padding: 5px 0 0 5px;
	overflow: hidden;
	background: transparent url('../images/menu_title_bg.gif') no-repeat top left;
	color: white;
	text-transform: uppercase;
	font-size: 0.7em;
	font-weight: bold;
}
* HTML DIV.MenuHeader { margin-bottom: 10px; } /* Apply this extra margin to IE only */
DIV.MenuHeader A,
DIV.MenuHeader A:Link,
DIV.MenuHeader A:Active,
DIV.MenuHeader A:Visited {
	color: white;
	text-decoration: none;
}
DIV.MenuHeader A:Hover {
	color: #96b8e6;
	text-decoration: none;
}

DIV.SidebarNav UL {
	margin: 10px 0 15px;
	padding: 0 0 0 10px;
	font-size: 0.7em;
	font-weight: bold;
}
DIV.SidebarNav UL LI {
	margin: 0;
	padding: 0;
	line-height: 1.8;
	list-style-type: none;
	list-style-position: outside;
	text-transform: uppercase;
}
DIV.SidebarNav UL LI A,
DIV.SidebarNav UL LI A:Link,
DIV.SidebarNav UL LI A:Active,
DIV.SidebarNav UL LI A:Visited {
	color: #183b6a;
	text-decoration: none;
}
DIV.SidebarNav UL LI A:Hover {
	color: #44668c;
	text-decoration: none;
}
DIV.SidebarLogin {
	width: 160px;
	margin: 35px 0 25px 10px;
	background-color: #8ca8c8;
	font-size: 0.8em;
}
DIV.SidebarLogin H1 {
	margin: 0 10px;
	padding: 10px 0 0;
	text-transform: uppercase;
	font-size: 0.7em;
	font-weight: bold;
}
DIV.SidebarLogin DIV.SideUsername {
	padding: 0 0 3px 0;
}
DIV.SidebarLogin DIV.SidePassword {
	padding: 3px 0 3px 0;
}
DIV.SidebarLogin DIV.SideSubmit {
	padding: 3px 0 12px 0;
}
DIV.SidebarLogin INPUT#username {
	width: 100px;
}
DIV.SidebarLogin INPUT#password {
	width: 100px;
}
DIV.SidebarLogin FORM#sideloginform {
	margin: 10px 0;
	padding: 0 30px 0 27px;
	font-size: 0.7em;
}
DIV.SidebarContact {
	width: 160px;
	margin: 40px 0 25px 10px;
	background-color: #8ca8c8;
}
DIV.SidebarContact H1 {
	margin: 0 10px;
	padding: 10px 0 0;
	text-transform: uppercase;
	font-size: 0.7em;
	font-weight: bold;
}
DIV.SidebarContact P {
	margin: 0 10px;
	padding: 5px 0 10px;
	color: white;
	line-height: 1.7;
	text-transform: uppercase;
	font-size: 0.7em;
}
DIV.SidebarContact P A,
DIV.SidebarContact P A:Link,
DIV.SidebarContact P A:Active,
DIV.SidebarContact P A:Visited {
	color: #183B6A;
	text-decoration: underline;
}
DIV.SidebarContact P A:Hover {
	color: white;
	text-decoration: underline;
}
DIV.MiniNewsArticle {
	margin: 5px 0 15px 4px;
}
DIV.MiniNewsArticle IMG {
	float: left;
	width: 59px;
	height: 53px;
}
DIV.MiniNewsArticle A {
	text-decoration: none;
}
DIV.MiniNewsArticle P.MiniNewsTitle {
	margin: 0 30px 5px 67px;
	color: black;
	font-size: 10px;
	font-weight: bold;
}
DIV.MiniNewsArticle P.MiniNewsContent {
	margin: 0 30px 0 67px;
	color: black;
	line-height: 1.1;
	font-size: 10px;
}
DIV.MiniNewsArticle DIV.Breaker {
	clear: left;
}
DIV.MiniIndNewsArticle {
	margin: 5px 0 15px 4px;
}
DIV.MiniIndNewsArticle A {
	text-decoration: none;
}
DIV.MiniIndNewsArticle P.MiniIndNewsTitle {
	margin: 0 30px 5px 4px;
	color: black;
	font-size: 10px;
	font-weight: bold;
}
DIV.MiniIndNewsArticle P.MiniIndNewsContent {
	margin: 0 30px 0 4px;
	color: black;
	line-height: 1.1;
	font-size: 10px;
}
DIV.MiniIndNewsArticle DIV.Breaker {
	clear: left;
}
DIV.NewsletterForm {
	margin: 0;
	padding: 0;
}
DIV.NewsletterForm INPUT.Name,
DIV.NewsletterForm INPUT.Email {
	width: 226px;
	height: 32px;
	margin: 0;
	padding: 10px 6px 0 28px;
	border-style: none;
	background: white url('../images/input_box_bg.gif') no-repeat top left;
	color: #1d407e;
	font-size: 11px;
	font-weight: bold;
}
DIV.NewsletterForm INPUT.SubmitImage {
	margin-left: 130px;
}

/***** Footer *****/

DIV.PageBottom {
	background-colour: white;
}
DIV.Footer {
	width: 700px;
	margin: 0 auto;
	padding-bottom: 30px;
	color: white;
	font-size: 0.7em;
	font-weight: bold;
}
DIV.FooterLinksLeft {
	float: left;
	text-align: left;
}
DIV.FooterLinksRight {
	float: right;
	text-align: right;
}
DIV.Footer A,
DIV.Footer A:Link,
DIV.Footer A:Active,
DIV.Footer A:Visited {
	color: white;
	text-decoration: none;
}
DIV.Footer A:Hover {
	color: white;
	text-decoration: underline;
}

/***** Site Map *****/

UL.SiteMap {
	line-height: 2;
}

/***** Admin Area *****/

UL.AdminMenu {
	line-height: 1.8;
}
UL.FileList {
	line-height: 1.8;
}
UL.FileList LI.New {
	color: #22bb33;
}
UL.UserList {
	line-height: 1.8;
}
FORM#loginform,
FORM#newuserform,
FORM#edituserform,
FORM#uploadform {
	margin: 10px 0;
	padding: 0 30px 0 27px;
	font-size: 0.7em;
}
DIV.FormElement {
	width: 420px;
	margin: 3px 0;
	overflow: auto;
}
DIV.FormElement DIV.FormTitle {
	float: left;
	width: 120px;
}
DIV.FormElement DIV.FormField {
	margin-left: 130px;
}
P.StatusMessage {
	font-weight: bold;
	color: #ff4a0b;
}
