html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
sub, sup {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}   

/* COLOR */
/* ADJUSTED COLORS 

panel background - e5ddd3

*/

/* SPOT COLORS */
.bg-blue {background-color: #0057A6;}
.bg-dark-blue {background-color: #002e63;}

.bg-aqua {background-color: #00858A;}
.bg-teal {background-color: #00454D;}

.bg-warm-gray {background-color: #7D7366;}
.bg-dark-warm-gray {background-color: #382826;}

.bg-yellow {background-color: #FCC917;}
.bg-ochre {background-color: #635412;}

.bg-bright-green {background-color: #4FA800;}
.bg-olive {background-color: #404714;}

.bg-orange {background-color: #DE8703;}
.bg-burn-sienna {background-color: #613005;}

.bg-red {background-color: #B01C2E;}
.bg-burgundy {background-color: #661429;}

.bg-cool-gray {background-color: #54616E;}
.bg-dark-cool-gray {background-color: #212E38;}

.dark-gray { background-color: #666; color: #fff; }

body {
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background:#faf8f5;
  min-width:600px;    /* Minimum width of layout - remove line if not required */
					           /* The min-width property does not work in old versions of Internet Explorer */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 75%;
	line-height: 1.2em;
}

a {
  
}

div.page a, a.link {
  color: #DE8703;
}

table.top a {
  color: #fff;
}



a:hover, table.top a:hover {
  color: #DE8703;
	text-decoration:none;
}

h1, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
  font-family: Georgia, Times, serif;  
  text-transform: uppercase;
  font-size: 125%;
}

h2 {
  margin:.8em 0 .2em 0;
  padding:0;
  font-family: Georgia, Times, serif;  
  font-size: 125%; 
}

p {
  margin:.4em 0 .8em 0;
  padding:0;
}

img {
	margin:10px 0 5px;
}

/* Header styles */
#header {
  height:213px;
  clear:both;
  float:left;
  width:100%;
  background: #002e63 url(/images/container_bg.png) repeat-x bottom left;
}

#header p
{
  font-size:90%;
  padding:.1em 15px 0 15px;  
}

#header h1 {
  display: block;
  height: 38px;
  width: 227px;
  text-indent: -9999em;
  background: url(/images/logo_m.png) no-repeat top center;
  margin: 10px 0 0 0;
  float: left;
}


#header h2 {
  float: right;
  background: url(/images/logo_division.png) no-repeat top center;
  height: 17px;
  width: 251px;
  margin: 20px 10px;
  text-indent: -9999em;
}

#header ul {
  clear:left;
  float:left;
  list-style:none;
  margin:15px 0 0 10px;
  color: #fff;
  display: none;
}

#header ul li {
  display:inline;
  list-style:none;
  font-size: 10px;
  position: relative;
  bottom: 0.43em;
}

#header ul li a {
  display:inline;
  color: #fff;
  margin:0 0 0 1px;
  padding:3px 4px;
  text-align:center;
  position: relative;
  bottom: -.1em;
  text-decoration:none;
  font-size: 12px;
  
	line-height:1.3em;
}

#header ul li a:hover {
  color: #DE8703;
}

#header ul li a.active,
#header ul li a.active:hover {
  color: #DE8703;
  font-weight:bold;
}

#header ul li a span {
  display:block;
}

.subhead {
  position: relative;
  top: 58px;
  width: 100%;
  height: 136px;
  background: #3375a8;  
}

*:first-child+html .subhead {
  top: 0px;
}

.subhead h3 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size:110%;
  margin-left: 0.8em;
  margin-left:0.8em;
  margin-top:0.55em;
}

.subhead .content {
  position: absolute; 
  color: #fff;
  left: 0; 
  height: 108px;
  top: 15px; 
  width: 59%;
  margin-left: 2%;
  background: #1f5587;
  z-index: 1;
}

.subhead .graphic {
  position: absolute;
  right: 0;
  top: 0px;
  width: 381px;
  height: 136px;
  background: url(/images/new_plane.jpg) no-repeat top right;
}

.subhead .button-buy {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 49%;
  background: url(/images/button_buy_subscription.png) no-repeat top center;
  height: 25px;
  line-height: 25px;
  width: 129px;
  margin: 0;
  padding: 0;
  text-indent: -9999em;
  z-index: 20;
}

/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}

/* column container */
.content-container {
        position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
        clear:both;
        float:left;
        width:98%;				/* width of whole page */
        overflow:hidden;		/* This chops off any overhanging divs */
        margin: 0 1%;
}

*:first-child+html .content-container {
  width: 97.5%;
}

/* column settings */
.welcome {
   background: url(/images/column_bg.png) repeat-y top right;  	/* Right column background colour */
}

*:first-child+html .welcome {
  background-position: top center;
  background-repeat: repeat;
}

.welcome .content {
   float:left;
   width:200%;
   margin-left:-200px; 	/* Width of right column */
   position:relative;
   right:100%;
   background:#faf8f5;    	/* Centre column background colour */
}

.welcome .column-left {
  float:left;
  width:100%;
  margin-left:-50%;
  position:relative;
  left:400px;         	/* Left column width + right column width */
  background: url(/images/column_bg.png) fixed;    	/* Left column background colour */
  height: 650px;
}

.welcome .page-container {
  float:left;
  width:50%;
  position:relative;
  right:200px;        	/* Width of left column */
  padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}

.welcome .page {
  margin:0 215px;     	/* Centre column side padding:
                          	Left padding = left column width + centre column left padding width
                          	Right padding = right column width + centre column right padding width */
  position:relative;
  left:200%;
  overflow:hidden;
  min-height:500px;
}

.welcome .sidebar-left {
  float:left;
  float:right;			/* This overrides the float:left above */
  width:177px;        	/* Width of left column content (left column width minus left and right padding) */
  position:relative;
  right:15px;         	/* Width of the left-had side padding on the left column */
}

.welcome .sidebar-right {
  float:left;
  float:right;			/* This overrides the float:left above */
  width:170px;        	/* Width of right column content (right column width minus left and right padding) */
  margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
  position:relative;
  left:50%;
}

.sidebar-right h1,
.sidebar-right h2,
.sidebar-right h3,
.sidebar-left h1,
.sidebar-left h2,
.sidebar-left h3   {
  color: #333333;
  background: url(/images/exterior_sidebar_divider.png) no-repeat 0px 100%;
  padding: .4em 12px 10px 15px;
  margin: 12px -12px 3px -8px;  
}

.sidebar-right h4 {
  color: #54616e;
  padding: .2em 0;
  font-size: 90%;
  font-weight: normal;
}
.sidebar-right p,
.sidebar-left p {
  margin-top: 0em;
  color: #333;

}

.sidebar-left .greeting {
  font-size: 120%;
  font-family: Georgia, Times, serif;
  font-style: italic;
 
}

.sidebar-left p {
  margin:1em 0.5em;
}

#advertising {
  height: 240px;
}

/* Footer styles */
#footer {
  clear:both;
  float:left;
  width:100%;
	border-top:1px solid #cfbfb7;
}

#footer p {
  padding:10px;
  margin:0;
}

#footer a.MMC {
  display: block;
  margin: 10px;
  text-indent: -9999em;
  width: 141px;
  height: 22px;
  background: url(/images/logo_mmc.png);
}

* html .page {
  width:100%;
}

/* Page styles */
.page table.top {
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 20px;
}

.page table.top td {
  width: 25%; 
  padding: 10px;
  height: 100px;
  background: #c7d8eb url(/images/exterior_top_bg.png) no-repeat top right;
}

.page table.top h3 {
  margin: 0.2em 0em;
  font-weight: normal;
  font-size: 130%;
  color: #212D61;
}

.page table.top p {
  padding: 5px;
  margin: 0;
  line-height: 1.2em;
  color: #222;
}

.page table.top a {
  color: #DE8703;
}

.page h2 {
  font-size: 220%;
  font-weight: normal;
  letter-spacing: -1px;
  color: #333;
  line-height: .85em;
  padding-bottom: 6px;
  border-bottom: 1px solid #cfbfb7;
}

h3.byline {
  display: block;
  font-weight: normal;
  text-transform: none;
  width: 100%;
  color: #7d7366;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 85%;
  margin: 0;
  font-style: italic; 
}

h3.byline span { 
  display: inline;
  font-style: normal;  
}

.page p {
  color: #222;
  line-height: 1.4em;
}

/* Login */
#login_form label {
  color: #333;
  margin: 2px 0;
  display: block;
}

input[type="text"],
input[type="password"]  {
  padding: 3px;
  border: 1px solid #b2bdc6;
  background-color: #f2eee9;
  margin-bottom: 2px;
  width: 165px;
}

#login_form a {
  color: #DE8703;
  font-size: 90%;
}

#login_form .login-button {
  background: url(/images/button_login.png) no-repeat top center;
  width: 77px;
  height: 24px;
  border: 0;
  text-indent: -9999em;
  cursor: pointer;
  overflow: hidden;
  margin-top: 4px;
  margin-right: -4px;
  letter-spacing: -100px;
}

/*** SUPERFISH ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	z-index: 100;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */

}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
  padding-top: 2px;
	float:			left;
	margin-bottom:	1em;
	margin-left: -8px;
}
.sf-menu a {
  /*border-bottom: 1px solid #666;*/
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#362f2d;
}
.sf-menu li {
/*  background:   #BDD2FF;*/
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#999;
	outline:		0;
}

/*** SUPERFISH VERTICAL ***/

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	200px;
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	200px; /* match ul width */
	top:	0;
	z-index: 999;
}

.primary-navigation li {
  background: transparent url(/images/exterior_sidebar_nav_bg.png) repeat-y top center;
  margin-top: -12px;
  line-height: 20px;
  padding-bottom: 12px;    
}

.primary-navigation li a {  
  background:  url(/images/exterior_sidebar_divider.png) no-repeat top center;
  display: block;   
  line-height: 1.2em;
}

.sfHover ul li:hover, .sfHover {  background: transparent url(/images/exterior_sidebar_nav_bg_a.png) repeat-y top center !important;  }
.sfHover ul li:hover > a, .sfHover > a { background:  url(/images/exterior_sidebar_divider_a.png) no-repeat top center !important; color: #002e63 !important;}

/*** END SUPERFISH ***/
