/* --------------------------------------------
  child pixels / parent pixels = child ems
  
  gloabl elements
  body.............12px / 16px(body) = .75 = 75% = 12px = 1em
  p................12px / 12px = 1em
  li...............12px / 12px = 1em
  td...............12px / 12px = 1em
  
  headers
  h1...............20px / 12px = 1.67em slightly larger than 20, but IE will round down, exact is 1.66666667
  h2...............18px / 12px = 1.5em
  h3...............16px / 12px = 1.33em
  h4...............14px / 12px = 1.17em
  h5...............12px / 12px = 1em
  
  contentSecondary
  p................12px / 12px = 1em
  p................11px / 12px = .92em
  p................10px / 12px = .83em
  

  all nested elements are globally set to be 1em

--------------------------------------------- */

body {
background:#01173C url(../Images/DeepSea.jpg) no-repeat;
margin: 0 auto;
padding:0;
}

/*Main Nav*/
#WrapMedia ul {
margin:0;
padding:0;
}

#WrapMedia ul li {
display:inline;
text-transform:uppercase;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
}

#WrapMedia ul li a {
text-transform:uppercase;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
padding: 0 9px;
text-decoration:none;
font-style:normal;
}

#WrapMedia ul li a.hover, #WrapMedia ul li a:hover {
text-transform:uppercase;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:cyan;
font-weight:bold;
padding: 0 9px;
text-decoration:none;
}

/*Header QuickLinks*/
#WrapHeaderImage ul {
margin:0;
padding-bottom:10px;
}

#WrapHeaderImage ul li {
display:inline;
text-transform:uppercase;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#0246A7;
font-weight:bold;
}

#WrapHeaderImage ul li a {
text-transform:uppercase;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#0246A7;
font-weight:bold;
text-decoration:none;
font-style:normal;
}

/*Footer Links*/

#WrapFooter ul {
margin:0;
padding:0;
}

#WrapFooter ul li {
display:inline;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
}

#WrapFooter ul li a {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
text-decoration:none;
font-style:normal;
}

/* ------------------
  =page structure
------------------- */
.container {
margin: 0 auto;
width: 751px;
padding-top:10px;
}

#wrapHeader {
float: left;
width: 751px;
background: url(../Images/whitetopround.gif) center top no-repeat;
padding-top:5px;
}

#wrapNav {
width:751px;
float:left;
background:#ffffff;
}

#WrapHeaderImage {
float:right;
text-align:right;
}
#WrapHeaderImage .gutter {
padding: 0 10px 0 0;
}
#LogoWrap {
width:273px;
float:left;
}
#LogoWrap .gutter{
padding: 0 5px;
}

#WrapMedia {
float: left;
width: 751px;
background: #ffffff url(../Images/navbarlong.gif) top right no-repeat;
text-align:right;
height:28px
}
	#WrapMedia .gutter {
	padding: 6px 20px;
	}

#wrapContentOuter {
float: left;
width: 751px;
background:#ffffff;
}

#contentMain {
width: 751px;
float: right;
}
	#contentMain .gutter {
	padding:9px 0 0 12px;
	}
#OneColumn {
background:#DDDDDD url(../Images/1colgreytopround.gif) center top no-repeat;
width:727px;
}	
#OneColumn .gutter {
padding:10px;
background:url(../Images/1colgreybottomround.gif) center bottom no-repeat;
}
#contentPrimary {
width: 479px;
float: right;
}
	#contentPrimary .gutter {
	padding:9px 6px 0;
	}
#RightColumn {
background:#DDDDDD url(../Images/lggreytopround.gif) center top no-repeat;
width:461px;
}	
#RightColumn .gutter {
padding:10px;
background:url(../Images/lggreybottomround.gif) center bottom no-repeat;
}
#contentSecondary {
width: 272px;
float: left;
}
	#contentSecondary .gutter {
	padding:9px 0 0 12px;
	}
#LeftColumn {
background:#DDDDDD url(../Images/smgreytopround.gif) center top no-repeat;
width:254px;
}	
#LeftColumn .gutter {
padding:10px;
background:url(../Images/smgreybottomround.gif) center bottom no-repeat;
}

#WrapFooterTop {
width:751px;
margin:0 auto;
background:url(../Images/whitebottomround.gif) center top no-repeat;
height:28px;
clear:both;
}
	
#WrapFooter {
width:751px;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
height:25px;
clear:both;
}
#WrapFooter .gutter {
padding: 5px 0px;
}
#WrapFooterLeft {
float:left;
width:551px;
height:25px;
}
#WrapFooterRight {
float:right;
width:200px;
height:25px;
text-align:right;
padding-top:4px;
}


/* ------------------------
  =header and text styles
------------------------ */

h1 {
font-size: 13px;
text-transform:uppercase;
margin: 0 0 .5em;
font-family:Arial, Helvetica, sans-serif;
color:#0246A7;
line-height:18px;
font-weight:bold;
}

h2 {
font-size: 13px;
line-height:15px;
margin: 0 0 .5em;
font-family:Arial, Helvetica, sans-serif;
color:#0246A7;
font-weight:bold;
font-style:italic;
}

h3 {
font-size: 12px;
font-weight:bold;
color:#555555;
margin: 0 0 .5em;
font-family:Arial, Helvetica, sans-serif;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
color:#555555;
font-weight:normal;
font-size:10px;
margin:10px 0;
}

p {
font-family:arial, helvetica, sans-serif;
font-size:12px;
margin: 0 0 1em;
color:#555555;
line-height:18px;
}


/* ---------------
   =List styles
 --------------- */

ul, ol {
font-family:arial, helvetica, sans-serif;
font-size:12px;
margin: 0 0 1.5em;
color:#555555;
line-height:18px;
}


/* ---------------
   =Link styles
 --------------- */

a {
color: #02479F;
text-decoration:none;
font-style:italic;
font-weight:bold;
}
a:visited {
color: #02479F;
}
a:hover {
color: #cyan;
text-decoration: none;
}
a:active, a:focus {
color: #02479F;
}
a img {
border: none;
}

/* ---------------
   misc styles
 --------------- */
 
 .FloatLeft {
 float:left;
 padding-right:10px;
 }
 
 .FloatRight {
 float:right;
 padding-left:10px;
 }