/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* @group Structure */

body, html {
	background: #003388 url(../gmx-images/gmx-bg.jpg) no-repeat center top;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
}

#container {
	position: relative;
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0 0 0;
	background-color: #ffffff;
	overflow: auto;
}

#nav {
	width: 800px;
	margin: 0px;
	z-index: 1500;
	clear: both;
}

#masthead {
	width: 800px;
	float: left;
	clear: both;
}

.mast-home{
	background: url(../gmx-images/masthead-index.jpg) no-repeat center top;
	height: 400px;
}

.mast-home2010 {
	background: url(../gmx-images/masthead-index2010.jpg) no-repeat center top;
	height: 400px;
}
.summary {
	background: url(../gmx-images/masthead-blue-80.png) repeat;
	width: 480px;
	margin-top: 104px;
}

.summary2 {
	background: url(../gmx-images/masthead-blue-80.png) repeat;
	width: 800px;
	height: 100px;
	margin-top: 300px;
}

#srch {
    float: right;
    width: 200px;
    padding: 5px 0px 5px 0px;
}

#content {
	margin: 18px 0px 18px 18px;
	float: left;
}


#footer {
	float: left;
	clear: both;
	border-top: 1px solid #003388;
	background-color: #ffffff; 
	margin: 18px 0px 18px 18px;
	padding: 20px 0px 20px 0px;
	width: 760px;
}

.clearl {
	clear: left;
}

/* 2-column layout */

.col-305 {
	float: left;
	width: 305px;
}

.col-495 {
	float: left;
	width: 495px;
}


/* 3-column layouts */

.col3-1 {
    float: left;
    width: 253px;
}

.col3-2 {
    float: left;
    width: 506px;
}

.col3-3 {
    float: left;
    width: 760px;
}

/* 4-column layouts */

.col4-1 {
    float: left;
    width: 190px;
}

.col4-2 {
    float: left;
    width: 380px;
}

.col4-3 {
    float: left;
    width: 570px;
}

.col4-4 {
    float: left;
    width: 760px;
}

/* @end */

/* @group Typography */

.summary h1, .summary h2, .summary h3 {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 10px 10px 10px 60px;
}

.summary h1 {
	font-size: 26px;
	line-height: 32px;
}

.summary2 h1 {
	color: #ffffff;
	font-family: Helvetica Neue, Helvetica, Arial,Swiss,  sans-serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 32px;
	padding: 10px 10px 10px 60px;
}
.summary h2 {
	font-size: 21px;
}

.summary h3 {
	font-size: 18px;
}

.summary p {
	color: #ffffff;
	font: normal 16px/22px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

.summary ul, .summary li, .summary ol {
	color: #ffffff;
	font: normal 16px/20px Arial, Helvetica, Verdana, Swiss, sans-serif;
	margin: 2px 0px 5px 40px;
	padding: 0px 10px 5px 0px;
}

#content h1, #content h2, #content h3 {
	color: #003388;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 10px 20px 10px 0px;
}

#content h1 {
	font-size: 18px;
}

#content h2 {
	font-size: 16px;
}

#content h3 {
	font-size: 14px;
}

#content p {
	color: #000000;
	font: normal 12px/18px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 5px 20px 5px 0px;
}

#content hr {
	border: none 0;
	border-top: 1px solid #003388;	
	width: 98%;
	height: 1px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
	clear: both;
}


#content ul, #content li, #content ol {
	color: #000000;
	font: normal 12px/18px Arial, Helvetica, Verdana, Swiss, sans-serif;
}

#content .quotebox p {
	border-top: 1px solid #003388;
	border-bottom: 1px solid #003388;
	background-color: #ddeeff;
	padding: 20px;
	color: #333333;
	font: 16px/22px Georgia, "Times New Roman", Times, serif;
}

#footer p {
	color: #000000;
	font: normal 11px/18px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 0px 10px 0px;
}

ul {
	margin: 0px 0px 0px 20px;
	padding: 0px 20px 5px 20px;
}

ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 5px 20px;
}

#content .sml {
	color: #222222;
	font: normal 10px/12px Verdana, Arial, Helvetica, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

.ovrstrk {text-decoration:line-through;
}

/* @end */


/* @group Links */

a:link {
	color: #003388;
}

a:visited {
	color: #333333;
}

a:hover {
	color: #992200;
}

a:active {
	color: #992200;
}

#footer a:link {
	color: #003388;
}

#footer a:visited {
	color: #333333;
}

#footer a:hover {
	color: #992200;
}

#footer a:active {
	color: #992200;
}

a.nav2{
	display:block;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	color:#003388;
	line-height:18px;
	padding: 8px 10px 10px 10px;
	text-decoration:none;
	width:223px;
}
a:hover.nav2{
	color:#992200;
	background-color: #ddeeff;
	border: 1px solid #aaaaaa;
}

a.button{
	display:block;
	background-color: #ddeeff;
	border: 1px solid #003388;
	color:#003388;
	line-height:18px;
	padding: 8px 10px 10px 10px;
	margin: 0px 10px;
	text-decoration:none;
}
a:hover.button{
	color:#ffffff;
	background-color: #003388;
	border: 1px solid #cccccc;
	font-weight: bold;
}

/* @end */


/* @group Elements */

.icon {
	float:left;
	padding: 0px 10px 0px 0px;
}

img.mat {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 4px;
}

.pad-10{
	padding-left: 10px;
}

.pad-20{
	padding-left: 20px;
}

.bak2top {
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #ffffff;
	border: 2px solid #cccccc;
	padding: 4px;
	z-index: 1200
}

.wr_fieldset {
width: 500px; 
margin: 0px;
padding: 0; }

.wr_fieldset fieldset {
border: 1px solid #003388; }

.wr_fieldset legend {
margin: 0 10px 0 10px;
padding: 0 5px 0 5px;
color: #003388;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, Verdana, sans-serif; }

.wr_fieldset_pad {
margin: 0;
padding: 8px; }

/* Floating boxes, good for photos with captions or similar */


div.floatl {
  float: left;
  }
  
div.floatl p {
   text-align: left;
   width: 265px;
   }

div.floatr {
  float: right;
  }
  
div.floatr p {
   text-align: center;
   width: 265px;
   }
   
#scrollbox {
width:400px;
height:300px;
overflow: auto
}

/* @end */


/* @group E-comm */

/* Styles for Mal's e-commerce tables currently in most of my Excel TDF masters; probably should revisit these on site-by-site basis */

.ptcol {border-bottom: 1px solid #000; text-align: center; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.ptfrm {border-bottom: 1px solid #cccccc; text-align: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;}

.pthdr1 .pthdr {font-size: 14px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}


/* @end */

/* @group Tables */

/* Applies global padding and paragraph styles to entire table. Normally used for forms or tabular data within the main layout table so you do not need to add paragraph or other styles to each td */

table {
	border-collapse: collapse;
}

tr.shaded td {
	background-color: #ddeeff;
	border: 1px solid #003388;
}

table.frm td {
	padding: 1px; 
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;}
	
.tblborder {
	border: 1px solid #000000;
	border-collapse: collapse;
}

	
/* Add following as a table class="cellbkgrnd" for applying table cell backgrounds using tablestyle name="Alt Background By Style w/o formatting */

.cellbkgrnd {background-color: #cccccc;}

/* Adding bkground images to table cells or divs for announcement boxes or similar; commented out below until needed */

/* .bg1 {background: white url(images/divheader.gif) no-repeat top left; width: 236px; padding: 48px 10 10 10; border: 1px solid #548dab; border-collapse: collapse; text-align: left;} */

/* @end */