html, body { height:100%; padding:0; margin:0 0 1px 0; }

body { width:100%; font-family:Trebuchet MS, Tahoma, sans serif; font-size:13px; }

#page { width:800px; margin:0 auto; }

#head { width:640px; padding:0 0 0 160px; border-bottom:2px dotted #ccccdd; }
#head img { border:0px none white; }

#navigation { width:130px; float:left; margin:23px 30px 40px 0; }
#navigation ul { list-style-type:none; padding:0; margin:1px 0 0 0; }
#navigation ul ul { margin:0 0 0 20px; }
#navigation li { text-align:left; margin:0; padding:0; font-weight:normal; }
#navigation li.first { }
#navigation li.active { }
#navigation a { color:#000000; text-decoration:none; display:block; }
#navigation a.active, 
#navigation a:hover { color:#333333; font-weight:bold; }

#content { width:500px; float:left; margin:20px 0; }
#content h2 { color:#333333; margin:0; padding:0; height:42px; text-transform:lowercase; }
#content p { margin:0; padding:0; }
#content .twostep-component { margin:0 0 15px 0; }
#content a,
#content a:visited { color:black; }
#content div { float:none; }
#content div.column { width:225px; float:left; margin:0 10px 0 0; }
#content .bordered { border:1px solid #666666; }

#notes { width:120px; float:right; margin:20px 0; font-size:85%; }
#notes p { margin:0; padding:0; }
#notes .note { margin-bottom:10px; }
#notes .bordered { border:1px solid #ccccdd; padding:10px !important; background-color:#f0f0f0; }

#footer { width:640px; padding:30px 0 30px 160px; clear:both; font-size:10px; color:#999999; ; border-top:2px dotted #ccccdd;}
#footer a { color:#777777; text-decoration:none; }
#auxnavigation { }
#footer .twostep-navigation { list-style-type:none; padding:0; margin:0; }
#footer .twostep-navigation li { float:left; margin:0 10px 0 0; }
#footer .twostep-navigation li a { display: inline !important; }