/* Layout
 */
body{margin:0;padding:0;}
#header{height:2.75em;overflow:hidden;margin-bottom:-0.3em;}
#header #headerCompanyName{float:left;}
#header #headerCompanyName a{margin:0;padding: 0.3em 0.4em 0.9em 0.3em}
#header #headerCompanyName sub{position:relative;top:0.5em;}
#header #headerBackgroundText{position:absolute;top:0;left:2.4em;overflow:hidden;}

#main{padding-bottom:2em;}
#navigation{float:left;padding:0 0 2em 0;margin:-0.1em 1em 1em 0;width:10em;}
#navigation h2{margin-left:1.0em;}
#navList{float:left;list-style:none;margin-top:-0.1em;margin-left:-2em;}
#navList li a{display:block;width:10.5em;padding:0.35em 0.1em 0.35em 0.8em;margin:0.3em 0;}
#navList li a:active{position:relative;top:0.1em;left:0.1em;}
#clientSignIn{position:absolute;top:4em;right:2em;text-align:right;}
#navigation p{clear:both;margin-left:1.75em;}
#content{padding:0.0em 4em 2em 1em;margin-left:10em;}

#footer{margin:0;padding:0.5em 1em 0.5em;clear:both;}
#footer ul{margin-left:-4em;list-style:none;}
#footer ul li{display:inline;padding:0 0.5em;}
/*
*/

/* Typography */
body{font-family:Verdana, Arial, Helvetica, sans-serif;}
pre{font-family:Verdana, Arial, Helvetica, sans-serif;}
h1{font-size:125%;font-style:italic;}
h2{font-size:115%;}
p{text-align:justify;font-size:80%;}
ul{font-size:80%;}
#header a{text-decoration:none;}
#header #headerCompanyName{font-size:135%;font-weight:900;}
#header #headerCompanyName sub{font-size:100%;font-weight:900;}
#header #headerBackgroundText{font-size:2em;font-weight:900;white-space: nowrap;}
#navList h2{font-size:70%;font-weight:bold;}
#navList a{font-size:75%;font-weight:bold;text-decoration:none;}
#content h2{text-indent:1em;}
#content p{text-indent:3em;}
#footer,#footer p{text-align:center;font-size:75%;}

/*Colors*/
body{background:#e0e0b9;color:#333;}
h2{color:#795279;}
a{color:#222;text-decoration:underline;}
a:hover{color:#ccf;background:#7a7a53;}
a:hover{color:#e0e0b9;background:#525279;}
#header{background:#222;}
#header #headerCompanyName a{color:#e0e0b9;}
#header #headerCompanyName a:hover{color:#b9b9e0;background:#7a7a53;}
#header #headerBackgroundText{color:#444;}
#header #headerBackgroundText a{color:#444;background:#222;}
#header #headerBackgroundText a:hover{color:#666;background:#222;}
#navigation{background:#e8e8c1;}
#navList h2{color:#553;color:#795279;}
#navList a{background:#d0d0a6;color:#333;}
#navList a:hover{color:#000;background:#c0c090;}
#navList a:active{color:#000;background:#b9b9e0;}
#footer{background:#e0e0b9;}
#footer{background:#e0e0b9;}
/*
#navigation ul{background:orange;}
#navigation ul li{background:green;}

*/

/* Borders */
#header{border-bottom:0.25em solid #990;}
#navigation{border-right:1px solid #a1a160;border-bottom:1px solid #a1a160;}
#footer{border-top:0.1em solid #a1a160;}
#navList a{border-top:0.1em solid #eee;border-left:0.1em solid #eee;border-bottom:0.1em solid #666;border-right:0.1em solid #666;}
#navList a:active{border:0.1em solid;border-color:#444 #eee #eee #444;}