/* 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;}
h1 {color: #000000; font-family: Arial; line-height: 19px; font-size: 17px; margin: 0 0 12px 0; font-weight: bold;}
h2 {color: #000000; line-height: 17px; font-size: 15px; margin: 0 0 2px 0; font-weight: bold;}
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;}
/* Log in */
#login-head {width: 420px; height: 85px; margin: 80px auto 0 auto; background: url(login-head.gif) no-repeat;}
#login-body {width: 380px; margin: 0 auto; padding: 10px 20px; background: url(login-body.gif) repeat-y center; text-align: center;}
#login-foot {width: 420px; height: 20px; margin: 0 auto; background: url(login-foot.gif) no-repeat;}

/* Div */
#header{height: 85px; width: 840px; margin: 10px auto 0 auto; background: url(wrap-head.gif) no-repeat;}
#nav{float: right; width: 380px; height: 65px;margin-top: 20px;margin-right: 20px;}
#mainbody{margin: 0 auto; width: 840px; background: url(wrap-body.gif) repeat-y;}
#logo{float: left;width: 300px;}
#banner{padding: 10px 10px 10px 10px;}
.content {padding: 10px 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;}
/* 3 Columns */
#Lcol{float: left; width: 220px; padding: 0;}
#Lcol .box-1 { height: 5px; background: url(design/box-1.gif) no-repeat;}
#Lcol .box-2 { background: url(design/box-2.gif) repeat-y;}
#Lcol .box-3 { height: 5px; background: url(design/box-3.gif) no-repeat 0 bottom;}
.box-txt {padding: 5px 10px;}
.box-line {height: 2px; width: 220px; padding: 5px 0; background: url(design/box-line.gif) no-repeat 0 center;}
#Rcol{float: right; width: 220px; padding: 0;}
#Rcol .box-1 { height: 5px; background: url(design/box-1.gif) no-repeat;}
#Rcol .box-2 { background: url(design/box-2.gif) repeat-y;}
#Rcol .box-3 { height: 5px; background: url(design/box-3.gif) no-repeat 0 bottom;}
#Ccol{float: left; padding: 0; margin: 0 10px; width: 500px;}
/* 2 Columns */
#content {float: left;width: 660px; padding: 0;}
#content .content-1 {height: 5px; background: url(design/content-1.gif) no-repeat;}
#content .content-2 {background: url(design/content-2.gif) repeat-y;}
#content .content-3 {height: 5px; background: url(design/content-3.gif) no-repeat 0 bottom;}
#sidebar {float: right; width: 290px; padding: 0;}
#sidebar .sidebar-1 {height: 5px; background: url(design/sidebar-1.gif) no-repeat;}
#sidebar .sidebar-2 {background: url(design/sidebar-2.gif) repeat-y;}
#sidebar .sidebar-3 {height: 5px; background: url(design/sidebar-3.gif) no-repeat 0 bottom;}
.sidebar-line {height: 2px; width: 290px; padding: 5px 0; background: url(design/sidebar-line.gif) no-repeat 0 center;}


/* MAIN MENUS */
#mainmenu {position: relative; width: 380px; height: 65px; background: url(nav.gif) no-repeat;}
#mainmenu #mainnav {margin: 0; padding: 0;}
#mainmenu #mainnav li {display: inline;}
#mainmenu #mainnav li a {float: left; height: 0px; padding-top: 65px; 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: 130px; background-position: -125px 0px; }
#mainmenu #mainnav li#m-3 a {width: 125px; background-position: -255px 0px; }

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

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

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

/* END MAIN MENUS */