@charset "utf-8";

/* 

Primary global style sheet
Created: 2008-Feb-08
Updated: n/a

*/


/* base */

html {	
	overflow-y: scroll;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;  
  background-color: #585858;
	background-image: url("/ui/gfx/Bnr-Backdrop.png");
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: scroll;
  margin: 0; 			/* initialization for browser defaults */
  margin-top: 5px;
  padding: 0;
  text-align: center; 	/* for IE */
  color: #000000;
	height: 100%;
}



/* workspace container */

body.FixCtr #Workspace {
	width: 982px; 
	background-color: #6B6B6B;
	margin: 0 auto; 			/* the auto margins centre page */
	border: 0px;
	border-style: none;
	background-image: url("/ui/gfx/Nav-Sec-Backdrop.png");
	background-repeat: repeat-y;
	text-align: left; 			/* this overrides the text-align: centre on the body element. */
	height:100%;
}

br.ClearAllFloats {
	clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}



/* primary navigation */

#NavPriTabs {
	float: left;
	width: 100%;
	height: 84px;
	margin: 0;
	line-height: normal;
	background: url("/ui/gfx/Nav-Bnr-Backdrop.png") top no-repeat;
}

#NavPriBanner {
	float:left;
	width:126px;
	height:73px;
	background-image: url("/ui/gfx/Bnr-MOT.png");
	background-position: left;
	background-repeat: no-repeat;
}

#NavPriTabs ul {
  margin:0;
  padding-top: 58px;
	padding-left: 380px;
  list-style:none;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #333333;
}

#NavPriTabs li {
    float:left;
    margin:0;
    padding:0;	
}

#NavPriTabs a {
	display: block;
	background-image: url("/ui/gfx/Nav-Pri-Tab.png");
	background-repeat: no-repeat;
	background-position: left top;
	width: 95px;
	height: 23px;
	padding-top: 3px;
	text-align: center;
	color: #333333;
	text-decoration: none;
}

#NavPriTabs a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

#NavPriTabs a#Current {
	background-image: url("/ui/gfx/Nav-Pri-Tab-Current.png");
}

#NavPriTabs a#Current:hover {
	color: #333333;
	text-decoration: none;
}



/* track the active section with a tracking bar */

#NavPriTrack {
	float: left;
	width: 100%;
	height: 80px;
	margin: 0;
	line-height: normal;
	background-image: url("/ui/gfx/Nav-Pri-Flare-Left.png");
	background-position: left top;
	background-repeat: no-repeat;
}

#NavPriTrack ul {
  margin:0;
  padding-top: 0;
	padding-left: 380px;
  list-style:none;
}

#NavPriTrack li {
  float:left;
  margin:0;
  padding:0;
	display: block;
	width: 95px;
	height: 20px;
	background-image: url("/ui/gfx/Nav-Pri-Track.png");
	background-position: left top;
	background-repeat: repeat-x;	
}

#NavPriTrack li#Current {
	background-image: url("/ui/gfx/Nav-Pri-Track-Current.png");
}



/* secondary navigation section */

#NavSec {
	float: left;
	height: 200px;
	width: 150px;
	padding: 0;
	margin: 0;
	font-size: 10px;	
	background-color: #333333;
}

.NavSecGrp {
	margin-left: 5px;
	width: 145px;
	color: #333333;
}

.NavSecGrp ul {
	list-style: none;	
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
}

.NavSecGrp ul li {
	display: block;
	height: 22px;
	margin: 0;
	padding: 0;
	line-height: 22px;
	border-bottom: 1px solid #494C49;
	background-color: #999999;
	color: #333333;
}

.NavSecGrp ul li.Cap {
	height: 20px;
	line-height: normal;
	padding: 0;
	border-left: none;
	background-color: #333333;
	background-image: url("/ui/gfx/Nav-Sec-Grp-Top.png");
	background-repeat: no-repeat;
	background-position: left bottom;	
}

.NavSecGrp ul li.Cap b {
	display: block;
	height: auto;
	padding-top: 5px;
	padding-left: 10px;
	color: #663333;
}

.NavSecGrp ul li.Bot {
	display: block;
	width: auto;
	height: 35px;
	padding: 0;
	margin: 0;
	border: none;
	background-color: #333333;
	background-image: url("/ui/gfx/Nav-Sec-Grp-Bot.png");
	background-repeat: no-repeat;
	background-position: left top;
}

.NavSecGrp ul li a {
	display: block;
	height: 100%;
	width: auto;
	text-decoration: none;
	padding-left: 3px;
	vertical-align: middle;
	background-color: #999999;
	border-left: 8px solid #666666;
	border-right: none;
	color: #000000;
}

.NavSecGrp ul li span {
	display: block;
	height: auto;
	width: auto;
	/*width: 100%;*/
	padding-left: 3px;
	border-left: 8px solid #666666;
	border-right: none;
	color: #676565;
}

html>body .NavSecGrp li a {
	width: auto;
}

.NavSecGrp ul li a:hover {
	display: block;
	height: 100%;
	border-left: 8px solid #993333;
	border-right: 2px solid #993333;
	background-color: #666666;
	color: #FFFFFF;
	text-decoration: none;
}



/* definitions for help */

.NavSecGrp ul.Help li {
	color: #333333;
	border-left-color: #C68431;
	background-color: #E09537;
}

.NavSecGrp ul.Help li.Cap {
	background-color: #333333;
	background-image: url("/ui/gfx/Nav-Sec-Grp-Top-Help.png");
}

.NavSecGrp ul.Help li.Cap b {
	display: block;
	height: auto;
	padding-top: 5px;
	padding-left: 10px;
	color: #523400;
}

.NavSecGrp ul.Help li.Bot {
	background-color: #333333;
	background-image: url("/ui/gfx/Nav-Sec-Grp-Bot-Help.png");
}

.NavSecGrp ul.Help li span {
	border-left-color: #C68431;
	color: #875B19;
}

.NavSecGrp ul.Help li a {
	text-decoration: none;
	border-left-color: #C68431;
	background-color: #E09537;
	color: #000000;	
}

.NavSecGrp ul.Help li a:hover {
	border-left: 8px solid #993333;
	border-right: 2px solid #993333;
	background-color: #9C6A28;
	color: #FFFFFF;
}


/* definitions for advert */

.NavSecGrp ul.Advert li {
	color: #FFFFFF;
	background-color: #333333;
	border:none;
	text-align:center;
}

.NavSecGrp ul.Advert li.Bot {
	background-color: #333333;
	border: none;
	background-image: none;
}




/* menu section affordances */

.NavSecGrp ul li#Current a {
	border-right: none;
	background-color: #000000;
	background-image: url("/ui/gfx/Nav-Sec-Current.png");
	background-position: right center;
	background-repeat: no-repeat;
	color: #FFFFFF;	
}

.NavSecGrp ul li#Current a:hover {
	background-color: #000000;
	border-left-color: #666666;
	color: #FFFFFF;
	text-decoration: none;
}

.NavSecGrp ul li#MenuDown {
	background-color: #999999;
	background-image: url("/ui/gfx/Nav-Fld-Open.png");
	background-repeat: no-repeat;
	background-position: 9px 8px;
}

.NavSecGrp ul li#MenuDown span {
	text-indent: 15px;
	color: #333333;
	font-style: italic;
	cursor: default;
}



/* expanded menu section */

.NavSecGrp ul li.Expand {
	height: auto;
	border-bottom: none;
}

.NavSecGrp ul li.Expand ul li {
	display: block;
	height: auto;
	background-color:#7D7270;
	border-left: 8px solid #666666;
	text-indent: 8px;
}

.NavSecGrp ul li.Expand ul li span {
	text-indent: 0px;
	border-left: 6px solid #7D7270;
	color: #5E5654;
}

.NavSecGrp ul li.Expand ul li a {
	text-indent: 2px;
	border-left: 0px;
	padding-left: 0px;
	background-color:#7D7270;
	border-left: 6px solid #7D7270;
}

.NavSecGrp ul li.Expand ul li a:hover {
	border-left: 6px solid #993333; 
	background-color: #666666;
	color: #FFFFFF;
}

.NavSecGrp ul li.Expand ul li#Current a {
	background-color: #000000;
	border-left: 6px;
	border-left-color: #000000;
	border-left-style: solid;
}

.NavSecGrp ul li.Expand ul li#Current a:hover {
	background-color: #000000;
	border-left: 6px;
	border-left-color: #000000;
	border-left-style: solid;
}


/* footer section */

#NavFtr {
	width: 982px;
	height: 80px;
	padding: 0;
	margin: 0 auto;
	background-image: url("/ui/gfx/Nav-Ftr-Flare.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #6B6B6B;
	color: #FFFFFF;
}	

#NavFtr ul {
  margin:0;
  padding-top: 50px;
	list-style:none;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
}

#NavFtr li {
  float:right;
	display: inline;	
  margin: 0;
  padding: 0;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	border-right-style: solid;
	border-width: 1px;
}

#NavFtr li#Last {
	border: none;
}

#NavFtr a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color:#FFFFFF;	
}

#NavFtr a:hover {
	text-decoration: none;
	border-bottom-style: none;
	background-color: #FFFF66;
	color: #000000;
}

#NavFtr p {
	float: right;
	margin: 0;
	margin-right: 5px;
	padding: 0;
	width: auto;
	font-size: 9px;
	text-align:right;
}