/*********************
  Standard HTML Tags
*********************/
body {
    margin:0px;
    text-align:center;
  	font-size: 62.5%;
	font-family: Arial, sans-serif;
	color:#909093;
	background-color:#dededf;
}
div	{
	margin:0px;
	padding:0px;
	float:left;
}
img {	
	border:0;
}
/* Main text styles. These are the base settings however the editor requires they're
   defined in the individual style files (e.g. Metal Bars.css) as well so those need to be kept in synch. */
H1, .Heading1 {font-size: 2.2em; font-family: arial; font-style:normal; color:#FF8500; margin: 0; padding:0; }
H2, .Heading2 {font-size: 2.0em; font-family: arial; font-style:normal; margin: 0; padding:0;}
H3, .Heading3 {font-size: 1.6em; font-family: arial; font-style:normal; margin: 0; padding:0;}
H4, .Heading4 {font-size: 1.4em; font-family: arial; font-style:normal; margin: 0; padding:0; padding:0;}
P,  .Normal   {font-size: 1.1em; font-family: arial; margin: 0; padding:0;}


/********************
  Layout Divisions
********************/

/* Overall container */
#all {
	width:950px;
	margin:0px auto 0px auto;
	text-align:left;
	float:none;
	height:800;
}

/* Header */
#header	{
	height:104px;
	width:100%;
	background-color:#ffffff;
}

/* Header sub-divisions */
#logo {
	width:161px; 
    height:80px;
   	margin: 10px 0px 0px 42px;
   	float:left;
   	background:url(../../../../images/templates/logo.gif) no-repeat;
}

/* Horizontal top menu */
#menu {
	width:100%;
	background-color:#909093;
}

/* Main container for content divisions */
#main {
	width:100%;
	background-color:#ffffff;
}

/* Homepage only */
#rotatingimagewrapper {
	height:460px;
	padding:33px 0px 0px 0px;
	text-align:right;
	width:100%;
}
#rotatingimage {
	width:908px;
   	height:351px;
    float:right;
    display:inline;
    
    /* This image gets randomly changed in home.htt */
	background:url(../../../../images/templates/home/2.jpg) no-repeat;
}

/* Left-hand container for sub-menu and latest news / insight */
#left {
	width:250px;
	float:left;
}

/* Left-hand container sub-divisions */
#latestnews {
	display:block;
	background-color:#e8f5fb;
	background:url(../../../../images/templates/faq.gif) no-repeat;
	/* background:url(../../../../images/templates/panel_latestnews.gif) no-repeat; */
	width:162px;
	min-height:80px;
	/* min-height:257px; */
	margin:0px 0px 14px 26px;
	padding:16px 16px 16px 16px;
}
#latestnews li.noSep {
    padding-top:0px;
    background:none;
}
#insight {
	display:block;
	background-color:#e8f5fb;
	background:url(../../../../images/templates/faq.gif) no-repeat;
	min-height:80px;
	width:162px;
	margin:0px 0px 30px 26px;
	padding:16px 16px 16px 16px;
}

/* Right-hand container for header image / content */
#right {
	width:700px;
	float:right;
}

/* Right-hand container sub-divisions */
#right #headerimage {
	float:right;
	text-align:right;
	
	/* Header images should always be this height */
	height:211px;
}
#right #borderright {
	background:url(../../../../images/templates/bordertop700.gif) no-repeat; 
	height:40px;
	width:700px;
}
#right #maincontentarea {
	position:relative;
	top:-38px;
	padding:17px 0px 0px 28px;
	width:630px;
	margin-bottom:10px;
}

/* Footer */
#footer {
	width:950px;
	background-color:#ffffff;
	font-size:0.9em;
	
	/* Allow some white space above and below legal/copyright divs */
	padding:12px 0px 15px 0px;

	/* Allow some grey space at very bottom of page */
	margin-bottom:20px;
}

/* Footer sub-divisions */
#footer #border {
	background:url(../../../../images/templates/border.gif) no-repeat; 
	height:9px;
	width:869px;
	margin-left:40px;
	padding-bottom:10px;
	background-color:#ffffff;
}
#footer #legal {
	float:left;
	display:inline;
	margin:0px 10px 0px 40px; 
}
#footer #copyright {
	float:right;
	display:inline;
	margin:0px 40px 0px 0px;
	text-align:right;
}

/* Logon page */
#logonWrapper {
	text-align:center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	display: block;
}
#logonBorder {
	position: absolute;
	width:554px;
	height:422px;
	left: 50%;
	margin-left: -277px;
	top: -211px;
	visibility: visible;
	background:url(../../../../images/templates/login_background.gif) no-repeat; 
}
#logon {
	margin-left:66px;
	margin-top:60px;
	text-align:left;
}

/********************
  Menus
********************/

/* Top menu */
#topmenu {
    margin-left:27px;
    text-align:center;
    font-size:1.5em;
    font-weight:bold;
	display:inline;
	background-color:#909093;
}
#topmenu ul {
    padding:0;
   	margin:0;
    list-style-type: none;
}
#topmenu ul li {
    padding: 0px 14px 0px 14px;
}
#topmenu ul li a,
#topmenu ul li a:visited  {
    display:block;
   	text-decoration:none;
    color:#ffffff;
}
#topmenu ul li a:hover,
#topmenu ul li a.current {
	color:#FF8500;
}

/* Makes pipes between each menu item */
#topmenu .space {
	border-left: solid 1px #ffffff;
}

/* Used to place a border above and below the menu div.
   Necessary because no combination of paddings/margins worked consistently across all browsers */
.topmenuborder {
	width:100%;
	height:5px;
	padding:0;
	margin:0;
	border:0;
	background-color:#909093;
}

/* Left menu */
#leftmenu {
	display:block;
	width:195px;
	min-height:158px;
	margin:26px 0px 26px 26px;
	font-size:1.4em;
	font-weight:bold;
}
#leftmenu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}

#leftmenu ul li a,
#leftmenu ul li a:visited {
   	display:block;
	width:176px;
	padding:4px 2px 6px 16px;
   	color:#909093;
    text-decoration:none;
	background:url(../../../../images/templates/dropdown_border_off.gif) 0.5em no-repeat;
	background-position: left bottom;
}

#leftmenu ul li a:hover {	
	color:#FF8500;
	background:url(../../../../images/templates/dropdown_border_on.gif) 0.5em no-repeat;
	background-position: left bottom;
}

#leftmenu ul li a.current {
	color:#FF8500;
}

#leftmenu ul li ul li a:link,
#leftmenu ul li ul li a:visited {
	font-size:80%;
	text-indent: 10px;
}

/* Supporting list styles for menus */
.nobullets {list-style:none; margin:0px; padding:0px; float:left;}
.nobullets li {margin:0px; padding:0px; float:left;}
.nobullets * ul {list-style:none; margin:0px; padding:0px; float:left;}
.nobullets * li {margin:0px; padding:0px; float:left;}

.nobulletsmenu {list-style:none; margin:0px; padding:0px;}
.nobulletsmenu li {margin:0px; padding:0px;}
.nobulletsmenu * ul {list-style:none; margin:0px; padding:0px;}
.nobulletsmenu * li {margin:0px; padding:0px;}


/*********************
    Link Styling
*********************/
#latestnews a,
#insight a,
#right a,
#logon a {
	font-weight:bold;
}
#latestnews a:link,
#insight a:link,
#right a:link,
#logon a:link {
	color:#FF8500;
}
#latestnews a:visited,
#insight a:visited,
#right a:visited,
#logon a:visited {
	color:#909093;
}
#latestnews a:hover,
#latestnews a:active,
#insight a:hover,
#insight a:active,
#right a:hover,
#right a:active,
#logon a:hover,
#logon a:active {
	color:#ffffff;
	background-color:#FF8500;
	text-decoration:none;
}