/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: "Lucida Grande", Arial, Tahoma, Sans-Serif; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End Reset */
body {background: #0268c7;}
body,p,td,th {color: #444; font-family: "Lucida Grande", Arial, Tahoma, Sans-Serif; font-size: 12px; line-height: 16px;}
p {padding: 0 0 10px 0;}
a {color: #0074f3; text-decoration: none;}
a:visited {color: #0067d5;}
a:hover {color: #00c6fe;}
a:active {color: #FF9900;}
h3 {color: #000000; line-height: 14px; font-size: 13px; margin: 0 0 2px 0; font-weight: bold;}
.small {font-size: 9px;}
.clear {clear: both; height: 0;}
.date {font-size: 10px; color: #777;}
.red {color: #cc0000;}
img.icon {border: 1px solid #eee; padding: 1px; background-color: #fff; margin: 0 4px 2px 0;}

/* Div */
#header{height: 90px; width: 840px; margin: 10px auto 0 auto; background: url(wrap-head.gif) no-repeat;}
#nav{float: right; width: 375px; height: 70px;margin-top: 15px;margin-right: 15px;}
#mainbody{margin: 0 auto; width: 840px; background: url(wrap-body.gif) repeat-y;}
#logo{float: left;width: 300px;margin-top: 15px;margin-left: 15px;}
#banner{margin: 0 auto; width: 180px; height: 232px;padding: 28px 30px 0px 610px; background: url(home-banner.jpg) no-repeat;}
.content {padding: 15px 40px;}
#footer{clear: both; width: 800px; height: 25px; font-size: 9px; padding: 20px 20px 10px 20px; background: url(wrap-foot.gif) no-repeat 0 top; margin: 0 auto; color: #999;text-align: left;}

/* MAIN MENUS */
#mainmenu {position: relative; width: 375px; height: 70px; background: url(nav.gif) no-repeat;}
#mainmenu #mainnav {margin: 0; padding: 0;}
#mainmenu #mainnav li {display: inline;}
#mainmenu #mainnav li a {float: left; height: 0; padding-top: 70px; overflow: hidden;}
#mainmenu #mainnav li a {background-image: url(nav.gif); background-repeat: no-repeat;}

/* BUTTONS */
#mainmenu #mainnav li#m-1 a {width: 125px; background-position: 0px 0px; }
#mainmenu #mainnav li#m-2 a {width: 125px; background-position: -125px 0px; }
#mainmenu #mainnav li#m-3 a {width: 125px; background-position: -250px 0px; }

/* OVER STATES */
#mainmenu #mainnav li#m-1 a:hover {width: 125px; background-position: 0px -70px; }
#mainmenu #mainnav li#m-2 a:hover {width: 125px; background-position: -125px -70px; }
#mainmenu #mainnav li#m-3 a:hover {width: 125px; background-position: -250px -70px; }

/* PRESS STATES */
#mainmenu #mainnav li#m-1 a:active {width: 125px; background-position: 0px -140px; }
#mainmenu #mainnav li#m-2 a:active {width: 125px; background-position: -125px -140px; }
#mainmenu #mainnav li#m-3 a:active {width: 125px; background-position: -250px -140px; }

/* SELECTED STATES */
#mainmenu.m-1 #mainnav li#m-1 a {width: 125px; background-position: 0px -210px; }
#mainmenu.m-2 #mainnav li#m-2 a {width: 125px; background-position: -125px -210px; }
#mainmenu.m-3 #mainnav li#m-3 a {width: 125px; background-position: -250px -210px; }

/* END MAIN MENUS */