html, body, h1, h2, h3, h4, p, img, a, ul, ol, li, div, span, hr { margin: 0; padding: 0;}
p, li { font-size: 0.7em; line-height: 1.5em; margin-bottom: 1.2em;}
a, input { text-decoration: none; outline: none;}
a img { border: none; }
ul { list-style: none; }

body { font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; background: #f7f7f7;}

.section { width: 960px; margin: 0 auto; padding: 0; overflow: auto; clear: both; }
.section.logo { text-align: center; }
.section.logo img { margin: 20px 0 5px 0;}

.header_logo { text-align: right; overflow: auto; }
.header_logo img { float: left; display: inline; vertical-align: middle; margin: 15px 0 0; padding-bottom: 10px;}
.header_logo ul { float: right; margin: 30px 10px 0 0; }
.header_logo ul li { display: inline;}
.header_logo ul li a { text-decoration: none; font-size: 12px; color: #000; margin-right: 15px; color: #333;}
.header_logo ul li a:hover { color: #227ED2; }
.header_logo ul li a.selected { font-weight: bold; color: #000;}

.clear { clear: both;}
.more { color: #227ED2; padding: 0 10px 0 0; background: url(/images/more_arrow.gif) no-repeat 100% 50%;}
.more:hover { text-decoration: underline;}
.goto { color: #227ED2; padding: 0 0 0 10px; background: url(/images/more_arrow.gif) no-repeat 0 45%;}
.goto:hover { text-decoration: underline;}
.top { color: #227ED2; padding: 0 5px 0 12px; background: url(/images/more_arrow_up.gif) no-repeat 0 3px; }
.top:hover { text-decoration: underline;}
.return { color: #227ED2; padding: 0 10px 0 0; background: url(/images/more_arrow.gif) no-repeat 100% 50%; margin-left: 5px;}
.return:hover { text-decoration: underline;}


.footer { overflow: auto; margin-bottom: 25px;}
.footer p { color: #888; margin: 10px 10px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.footer a { color: #227ED2; padding: 0 5px;}
.footer a:hover { color: #000;} 
.hr { height: 1px; background-color: #e0e0e0; overflow: hidden;}