/* Reset */
body, html, a, h1, h2, h3, h4, h5, h6, p, ol, ul, li, img, table, hr, div, p, span, blockquote, dd, dt, td, tr, th, strong, em, sup, sub, address { border: 0; margin: 0; padding: 0; list-style: none; font-style: normal; font-weight: normal; text-decoration: none; font-size: 1em; }

/* Layout */
a { text-decoration: underline; }
body { border-top: solid 5px #000080; background-repeat: repeat-x; text-align: center; color: #000;
font-family: "Verdana", sans-serif; font-size: 12px; }
#main  { text-align: left; width: 980px; margin: 0 auto; }
#content  { line-height: 1.5; padding-bottom: 0;}
#page { padding: 10px; width: 690px; float: left; }
#header { text-align: left; width: 960px; margin: 0 auto; padding: 15px 10px; height: 50px; }
#header div.left { width: 420px; float: left;  }
#header div.right { width: 130px; float: right;text-align: center; }
#header div.right h2 { margin: 0; }
#box { background-color: #000080; color: #fff; margin-top: 10px; text-align: center; float: right; width: 235px; padding: 10px; margin-right: 10px; }
#box h2 { color: #fff; }
#box a { color: #fff; text-decoration: underline; font-size: 0.9em}
#footer { border-bottom: solid 3px #bbb; font-size: 0.9em; background-color: #e0e0e0; text-align: center; font-size: 0.9em;  color: #111; padding: 5px 10px; margin: 10px auto }

/* Text */
 h2, h3, h4, h5, h6 { font-weight: bold; margin: 0.4em 0; }
h3 { color: #555;   font-size: 1em; } h2 { color: #000080;font-size: 1.2em }
p { padding: 0.25em 0; }

p, address { margin-left: 1em  }
#content ul li { margin-left: 2.0em; list-style-type: square;}
#content ol li { font-size: 1.0em; margin-left: 1.5em; list-style-type: decimal; }
#content ol { text-align: left; margin: 0.5em 1em;}
#content ul { margin-left: 1em; margin-bottom: 1.25em }
#imgbanner { width: 980px; margin-bottom: 10px}
#imgbanner img { width: 234px; height: 176px; margin: 5px; float: left; }
#menu {  margin: 0; }
#menu li { float: left; }
#menu li a {background-color: #e0e0e0;  font-size: 0.9em; color: #111; font-weight: bold; float: left; display: block; margin: 0; width: 163px; padding: 6px 0px; text-align: center; text-decoration: none; }
#menu li a.active { border-color: #000050; font-weight: bold; background-color: #000080; color: #fff; }
#menu li a.inactive:hover { text-decoration: underline; }

.js #ten-reasons { display: none; }

/* Shortcuts for inline */
.hide {display: none} .clear {clear: both}
.left {float: left} .right {float: right}