@charset "utf-8";
/* CSS Document */

body { background: url(../images/body-bk.jpg) top left repeat-x #fff; }

#container { width: 825px; min-height: 600px; margin: 1em auto; background: url(../images/container-bk.jpg) top left repeat-y; }

#header { background:url(../images/header-bk.jpg) top left no-repeat; width: 825px; height: 133px; }
	#logo { position: relative; left: 2.25em; top: 4.75em; margin-bottom: -44px; }

	ol#nav { position: relative; left: 293px; top: 2.5em; width: 120px; list-style: url(../images/nav-line.gif); height: 224px; margin-bottom: -224px;} 
		ol#nav li a { text-decoration: none; font: .75em Verdana, Arial, Helvetica, sans-serif; color:#50637c; padding: .4em; }
			ol#nav li a:hover { color: #f3a240; }
		ol#nav li a#skipto { position: absolute; left: -999em; }
		
	ol#toplinks { position: relative; top: 1.5em; left: 700px; list-style: none; width: 150px; }
		ol#toplinks li { font: .75em Verdana, Arial, Helvetica, sans-serif; padding: .4em .2em; display: inline; }
		ol#toplinks li a { text-decoration: none; color:#50637c; }
			ol#toplinks li a:hover { color: #f3a240; }
			
	ol#bigbuttons { position: relative; width: 300px; left: 550px; top: 4em;}
		ol#bigbuttons li { float: left;}
		ol#bigbuttons li a { display: block; width: 123px; height: 35px;}
		.hide { position: absolute; left: -999em; }
			ol#bigbuttons li#checkemail { background:url(../images/check-email-btn.jpg) top left no-repeat; }
				ol#bigbuttons li#checkemail a:hover { background:url(../images/check-email-btn-over.jpg) top left no-repeat; }
			ol#bigbuttons li#myaccount {  background: url(../images/my-account-btn.jpg) top left no-repeat; }
				ol#bigbuttons li#myaccount a:hover {  background: url(../images/my-account-btn-over.jpg) top left no-repeat; }

#content { background:url(../images/content-bk.jpg) top left no-repeat; width: 789px; min-height: 368px; margin-left: 1em;}

.copy { width: 450px; position: relative; left: 300px; }

	ol.columns { list-style: none; width: 500px; clear: both; overflow: auto; margin-top: -2px; }
		ol.columns li { display: block; float: left; width: 45%;  }
			ol.columns li.leftcolumn { margin-right: 1em;}
			ol.columns li.rightcolumn { }
		ol.columns li ul { font: .75em Verdana, Arial, Helvetica, sans-serif; list-style: disc; margin: .75em 0 .75em 1em;}
			ol.columns li ul li { display: list-item; float: none; width: auto; padding: .2em.4em; margin-left: .25em;}
			
h1, h2 { font: bold 1.5em Verdana, Arial, Helvetica, sans-serif; color: #f38500; margin: 0 0 .5em 0; background: url(../images/h1-bk.gif) top left no-repeat; padding: 15px 15px 0 15px;}
	.bluetitle { font-size: 1.5em; color: #2b4362;  }

h3 { font: bold .875em Verdana, Arial, Helvetica, sans-serif; color: #2b4362; }

h4 { font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin: .75em 0; color: #F38500; }

h5 { font: bold .9em Verdana, Arial, Helvetica, sans-serif; color: #f38500; }
	
p { font: .75em Verdana, Arial, Helvetica, sans-serif; margin: .5em 0; line-height: 1.5; }
	a { color: #2B437D; }
	a:hover { color: #F38500; }

h6 { font: bold .75em Verdana, Arial, Helvetica, sans-serif; margin: .5em 0; line-height: 1.5; }


#footer { background:url(../images/footer-bk.jpg) top left no-repeat; width: 825px; height: 103px; }

	#footer ol { list-style: none; font: .75em Verdana, Arial, Helvetica, sans-serif; position: relative; text-align: center; top: 1.75em;}
		#footer ol li { display: inline; padding: .4em .75em; color: #2B437D; }
			#footer ol li a { color: #fff; text-decoration: none; }
				#footer ol li a:hover { color: #2B437D; }