* { margin:0; padding:0; /*font-size:100.01%;*/ } body { font-family:Verdana, sans-serif; background-color:#f3eed3; font-size:small; -webkit-text-size-adjust:none; } /* background color on footer */ a { color:#b9cfe1; text-decoration:none; } /* general link color */ a:hover, a:active, a:focus { color:#b9cfe1; } /* general link color, on state */ div#content a { color:#77797a; text-decoration:none; border-bottom:1px dotted #77797a; } /* main content link color / underline color (colors should match) */ div#content a:hover, div#content a:active, div#content a:focus { color:#77797a; } /* main content link color, on state */ div#footer a { color:#ffffff; text-decoration:none; border-bottom:1px dotted #ffffff; } /* footer link color / underline color (colors should match) */ div#footer a:hover, div#footer a:active, div#footer a:focus { color:#ffffff; } /* footer link color, on state */ hr { display:none; } a img { border:none; } h1 { color:#294171; font-family:Arial, Helvetica, sans-serif; font-size:large; font-weight:normal; padding:17px 0 13px; clear:both; } /* main heading text color */ h2 { font-size:medium; } h3 { font-size:small; } p { padding-bottom:15px; line-height:16px; } ul, ol, table { padding-bottom:15px; padding-left:25px; } ol { padding-left:25px; } div#wrapper { padding:0; color:#77797a; } div#branding { text-align:center; padding:7px 0 7px; background-color:#f3eed3; } div#breadcrumb, div#browser-warning { padding-bottom:5px; } div#nav { background-color:#b9cfe1; float:left; width:100%; padding:0; margin:0; border-bottom:3px solid #b9cfe1; border-top:4px solid #ffffff; } /* borders above / below nav - bg color on nav bar is equal to bg on anchors (this hides extra right space in Blackberry) */ div#nav ul { width:100%; list-style:none; padding:0; margin:0; overflow:hidden; } div#nav ul li { width:50%; float:left; text-align:center; border-bottom:1px solid #b9cfe1; border-left:1px solid #b9cfe1; padding:0; margin:0 0 0 -1px; } div#nav ul li.left { width:50%; border-right:1px solid #77797a; } div#nav ul li a { float:left; display:block; text-decoration:none; font-size:smaller; font-weight:bold; padding:8px 0; width:auto; background-color:#3E598F; width:100%; } /* background color on top nav items */ div#nav ul li a:active { color:#6B6969; } /* link color on top nav, on state */ div#content-wrapper { background-color:#ffffff; border-bottom:4px solid #ffffff; overflow:hidden; } /* background color on main content section */ div#content { padding:0 10px 5px; font-size:small; /* float: left; */ background-color: #ffffff; } div#content img { margin: 0 20px 20px 0; float: left;} div#content a img { margin: 0; } div#content li { line-height:16px; } div.inset { padding-bottom:15px; } div.inset img { border:3px solid #77797a; } div#footer { background-color:#3E598F; padding:10px 0 10px 10px; line-height:24px; color:#ffffff;} div#footer p { margin: 0; padding: 0; } div#footer address { display:block; font-style:normal; } div#icons { padding:0 0 10px 10px; } div#icons a { margin-right:7px; } /* rules for devices that don't support media="handheld" and are less than 480px wide go here */ @media all and (max-device-width:480px) { #wrapper { position:static; width:auto; } } @media all and (max-device-width:160px) { .inset { float:none; } }