/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Page */
body {font-family:Arial,Helvetica,sans-serif; background: #194775;}
.page {}
.header-wrap {height: 100px; background: url("../images/bg-header.png") top left repeat-x; border-top: 5px solid #7fbfff;}
.header {width: 960px;  margin: 0 auto; padding: 0 10px;}
.menu-wrap {clear: both; height: 50px; background: url("../images/bg-menu.png") top left repeat-x;}
.menu {width: 960px; margin: 0 auto; padding: 0 10px;}
.content-wrap {clear: both; background: #f0f0f0; overflow:hidden;}
.content {width: 940px; margin: 0 auto; padding: 0 20px; overflow:hidden; background: url("../images/bg-content.png") center repeat-y;}
.footer-wrap {clear: both; height: 310px; background: url("../images/bg-footer.png") top left repeat-x;}
.footer {width: 900px; margin: 0 auto; padding: 0 40px;}

/* Header */
.header-logo {float:left; width: 620px; height: 100px;}
.header-contact {float:right; width: 330px; height: 25px; text-align: center; background: url("../images/bg-header-contact.png") bottom left no-repeat;}
.header-contact span { color: #000000; font-size: 14px; font-family:'Times New Roman',Times,serif;}

/* Menu */
.menu ul { margin:0px; padding:0px; display:block;}
.menu ul > li { list-style-type:none; float:left; display:block; margin: 8px 10px 0 10px; padding:0 0 7px 0; width:150px;}
.menu ul > li:hover ul { display:block; width: 150px; position: absolute; top: auto; left: auto;  margin: 7px 0 0 0; padding: 0; }
.menu ul > li:hover { background: #26609a url("../images/bg-menu-on.png") top left repeat-x; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0;}
.menu ul li a { display:block; color:#ffffff; font-weight: bold; font-size: 16px;  text-decoration:none; text-align: center;}
.menu ul li ul { margin: 0; padding:0px; display:none;}
.menu ul li ul li { list-style-type:none; margin:0; padding: 3px 6px;background: #26609a; }
.menu ul li ul li a { display:block; padding:0; color:#ffffff; font-weight: normal; font-size: 12px; text-decoration:none; text-align: left;}
.menu ul li ul li:hover {background:#2674c3; -moz-border-radius:0px; -webkit-border-radius:0px; }
.menu ul li ul li.bottom{ -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; }
.menu ul li ul li:hover a { background:#2674c3; }

/* Content */
.content-header {width: 980px; height: 20px; margin: 0 auto; background: url("../images/bg-content-header.png") top left no-repeat;}
.content-footer {width: 980px; height: 20px; margin: 0 auto; background: url("../images/bg-content-footer.png") top left no-repeat;}
.main {background: #ffffff;}
.main-column {float: left; width: 700px; margin: 10px;}
.main-box {padding: 0; background: #ffffff;}
.main-box h2 {color: #800000; font-size: 20px; font-weight: bold;}
.main-box ul {list-style:none;}

.wide-column {float: left; width: 920px; margin: 10px;}

.right-column {float: right; width: 200px; margin: 10px;}
.right-column hr {width: 180px; margin:0; padding:0;}
.right-box {padding: 10px; background: #ffffff; font-size: 12px; background: #eeffff;}
.right-box h2 {color: #800000; font-size: 16px; font-weight: bold;}
.right-box ul {list-style:none;}
.right-box a {color: #000080; text-decoration: none;}
.right-box a:hover {color: #000080; text-decoration: underline;}

/* Footer */
.footer-box {float: left; width: 180px; margin-top: 40px; font-family:'Times New Roman',Times,serif;}
.footer-box h2 { color: #ffffff; font-size: 18px; height: 40px; }
.footer-box hr {width: 170px; color: #404040; margin: 0; padding:0;}
.footer-box ul {list-style:none;}
.footer-box li {color: #ffffff; font-size: 14px; height: 24px; }
.footer-box a {color: #ffffff; font-size: 14px; text-decoration: none; border-bottom: 1px dotted #ffffff;}
.footer-box a:hover {color: #d0d0d0; border-bottom: 1px solid #d0d0d0;}

.copyright {clear: both; width: 300px; margin: 0 auto; padding-top: 50px;}
.copyright span {color: #d0d0d0; font-size: 12px;}