* {margin: 0; padding: 0;}
html {background: url(../images/bg.gif) #d2fd82;}
body  {font: 11px Tahoma, Verdana, Arial, sans-serif; color: #4a4a4a; background: url(../images/head-x.png) top repeat-x}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
ul {list-style: none;}
img {border: none;}
h1 {display: none;}
a {text-decoration: none; color: #007da1;}
a:hover {text-decoration: underline;}

/*center*/
.center {width: 1000px; margin: 0px auto; background: url(../images/center-bg.gif) left repeat-y;}
.center h2 {color: #FFFFFF; font-size: 18px; font-weight: normal; padding: 12px 0 0 28px;}
.content {background: url(../images/content-top.png) top left no-repeat; padding-top: 7px;}
/*center*/

/*head*/
.head-left {background: url(../images/head-left.jpg) top left no-repeat;}
.head-right {background: url(../images/head-right.jpg) top right no-repeat; height: 205px;}
.head-left h3 {color: #679c00; font-size: 11px; text-transform: uppercase;}

.head-top {position: absolute; top: 47px; width: 200px; margin-left: 547px;}
.head-top ul {width: 100px; float: left; margin-top: 8px;}
.head-top li {line-height: 8px; margin-bottom: 6px; font-weight: bold; color: #2a454c;}
.head-top li a {font-weight: normal;}

.top-desc {width: 220px; text-align: right; position: absolute; top: 40px; margin-left: 300px;}
.top-desc p {padding-top: 4px; font: normal 11px Arial, Helvetica, sans-serif;}

.bookmarks {width: 188px; position: absolute; top: 57px; margin-left: 766px;}
.bookmarks a {height: 71px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/iefix.gif);}
/*head*/

/*menus*/
.nav {position: absolute; top: 174px; margin-left: 268px; width: 486px;}
.nav .select {float: left; font-size: 13px; font-weight: bold; background: url(../images/bullet3.gif) 100% 1px no-repeat; padding: 0 10px 0 8px;}
.nav ul.last {background: none;}
.nav .select a span {display: block; float: left; height: 34px; color: #FFFFFF; text-decoration: underline;}
.nav .select a span.q01 {background: url(../images/bullet4.gif) 0px 4px no-repeat; padding-left: 18px;}
.nav .select a:hover span {text-decoration: none;}
.nav .select a {text-decoration: none;}
.select a:hover, .nav .select li:hover a {cursor: pointer; text-decoration: none;}
.nav .sub {display: none;}
.nav table {position: absolute; border-collapse: collapse;  font-size: 11px;}
.nav .select li a:hover .sub, .nav .select li:hover .sub {display: block; position: absolute; width: 344px; z-index: 100; top: 32px;}
.nav .select li a:hover .sub, .nav .select li:hover .sub ul {width: 154px; float: left; padding-right: 9px;}
.nav .select a:hover .sub li a, .nav .select li:hover .sub li a {display: block; color: #015b6f; text-decoration: none; font-size: 11px; font-weight: normal; line-height: 11px; padding: 5px 0 7px 0;}
.nav .select a:hover .sub li a:hover, .nav .select li:hover .sub li a:hover {background: #dffff9;}
.nav .select a:hover .sub li a strong, .nav .select li:hover .sub li a strong {text-decoration: underline;}
.nav .sub ul li {border-bottom: 1px dashed #1e9bb7;}
.drop_t {background: url(../images/drop-t.png) left top no-repeat; height: 8px; font-size: 1px; line-height: 8px;}
.drop_b {background: url(../images/drop-b.png) left bottom no-repeat; height: 8px; font-size: 1px; line-height: 8px;}
.dropbg {background: url(../images/drop-bg.png) repeat-y; padding: 0 0 0 9px;}
.nav div.dropbg a:hover {text-decoration: underline; color: #072A71;}
/*menus*/

/*footer*/
.footer {background: url(../images/footer-x.png) bottom repeat-x;}
.footer-left {width: 1000px; margin: 0px auto; background: url(../images/footer-left.jpg) left bottom no-repeat; position: relative;}
.footer-right {background: url(../images/footer-right.jpg) right bottom no-repeat; height: 209px; padding: 0 302px 0 307px;}
.footer a {font-weight: bold; text-decoration: underline;}
.footer a:hover {text-decoration: none;}
.links {padding-top:53px;}
.desc {font-size: 10px; padding: 12px 0 16px 0;}
.about {color: #679c00;}

.f-bookmark {width: 188px; position: absolute; top: 81px; left: 802px;}
.f-bookmark a {height: 70px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/iefix.gif);}
/*footer*/

/*block*/
.block {background: url(../images/block-bg.gif) left repeat-y; width: 974px; margin: 0px auto;}
.block-top {background: url(../images/block-top.gif) left top no-repeat; height: 38px; width: 974px; margin: 10px auto 0 auto;}
.block-bottom {background: url(../images/block-bottom.gif) left bottom no-repeat;}
.block-bottom div {padding: 12px 0 18px 47px;}
.block li {min-height: 18px; background: url(../images/bullet.gif) 0px 2px no-repeat; color: #FFFFFF; padding: 2px 0 0 3px; font-size: 10px;}
.block a {padding-left: 24px; font-size: 13px; font-weight: bold;}
.block span {position: absolute; margin-top: 1px;}
.block ul {width: 154px; float: left;}
/*block*/

/*block2*/
.top {padding: 15px 0 0 13px;}
.block2 {background: url(../images/block2-bg.gif) left repeat-y; width: 486px; float: left; margin-right: 2px;}
.block2-top {background: url(../images/block2-top.png) left top no-repeat;}
.block2-bottom {background: url(../images/block2-bottom.gif) left bottom no-repeat;}
.block2-bottom div {padding: 18px 0 18px 20px;}
.block2 li {min-height: 18px; background: url(../images/bullet.gif) 0px 2px no-repeat; color: #FFFFFF; padding: 2px 0 0 3px; font-size: 10px;}
.block2 a {padding-left: 24px; font-size: 13px; font-weight: bold;}
.block2 span {position: absolute; margin-top: 1px;}
.block2 ul {width: 154px; float: left;}
/*block2*/

/*top2*/
.top2 {width: 900px; margin: 0px auto 15px auto; color: #525b00; font: normal 12px Tahoma, Verdana, Arial, sans-serif;}
.top2-right {width: 570px; float: left;}
.top2 a {color: #525b00; font-weight: bold; text-decoration: underline;}
.top2 a:hover {text-decoration: none;}
.scrn img {width: 320px; height: 240px; border: 3px solid #0d8e82;}
.scrn {width: 330px; float: left;}

.info1 {height: 199px; background: #ceefec; padding: 0 10px 0 18px;}
.info1 p {padding-top: 13px;}
.info1 img {vertical-align: middle; margin-right: 1px;}
.info2 {height: 32px; padding: 15px 0 0 18px; font-size: 15px; background: #a3ddd8;}
.info2 img {vertical-align: middle;}

.ttl {font-size: 18px; font-weight: bold; padding-bottom: 12px; text-align: center;}
/*top2*/

/*thumbs*/
.thumbs {margin: 0 0 0 8px;}
.thumbs div {width: 246px; height: 365px; background: url(../images/image-bg.png) 0px 0px no-repeat; float: left; margin-bottom: 5px;}
.thumbs img {width: 240px; height: 320px; margin: 3px 0 0 0;}
.thumbs strong {display: block; text-align: center; width: 106px; float: left; padding: 0 7px; margin-right: 5px; color: #679c00;}
.thumbs a {margin: 0 3px; text-decoration: underline;}
.thumbs a:hover {text-decoration: none;}
.thumbs p {padding-top: 13px; color: #c3c992;}
/*thumbs*/

/*thumbs*/
.video-thumbs {margin: 0 0 0 8px;}
.video-thumbs div {width: 326px; height: 281px; background: url(../images/video-thumbs-bg.png) 0px 0px no-repeat; float: left; margin: 0 3px 5px 0;}
.video-thumbs img {width: 320px; height: 240px; margin: 3px 0 0 0;}
.video-thumbs strong {display: block; text-align: center; width: 106px; float: left; padding: 0 7px; margin-right: 5px; color: #679c00;}
.video-thumbs a {margin: 0 3px; text-decoration: underline;}
.video-thumbs a:hover {text-decoration: none;}
.video-thumbs p {padding-top: 13px; color: #c3c992;}
/*thumbs*/

/*thumbs2*/
.thumbs2 {padding: 10px 0 5px 30px;}
.thumbs2 img {width: 180px; height: 240px; border: 1px solid #007da1; margin: 0 7px 7px 0;}
.thumbs2 a:hover img {border: 1px dashed #007da1;}
/*thumbs2*/

/*thumbs3*/
.thumbs3 {padding: 10px 0 5px 12px;}
.thumbs3 img {width: 240px; height: 180px; border: 1px solid #007da1; margin: 0 3px 3px 0;}
.thumbs3 a:hover img {border: 1px dashed #007da1;}
/*thumbs3*/

/*thumbs4*/
.thumbs4 {padding: 10px 0 5px 10px;}
.thumbs4 img {width: 240px; height: 320px; border: 1px solid #007da1; margin: 0 4px 4px 0;}
.thumbs4 a:hover img {border: 1px dashed #007da1;}
/*thumbs4*/

/*thumbs5*/
.thumbs5 {padding: 10px 0 5px 12px;}
.thumbs5 img {width: 320px; height: 240px; border: 1px solid #007da1; margin: 0 5px 5px 0;}
.thumbs5 a:hover img {border: 1px dashed #007da1;}
/*thumbs5*/

/*pages*/
.pages {margin: 15px 0 20px 35px;}
.h02 {float: right; margin: 20px 20px 20px 0;}
.pages span {color: #2a454c; font-size: 12px; font-weight: bold; display: block; float: left; margin-right: 7px; padding-top: 2px;} 
.pages a {display: block; width: 16px; height: 18px; padding: 3px 0 0 5px; float: left; background: url(../images/bullet2.gif) 0px 0px no-repeat; color: #FFFFFF; font-size: 10px; margin-right: 2px;} 
/*pages*/

/*hardlinks*/
.hardlinks {padding: 5px 0 0 12px;}
.hardlinks a {color: #FFFFFF; font-size: 18px; padding: 12px 0 0 28px; display: block; text-decoration: underline;}
.hardlinks a:hover {text-decoration: none;}
.hardlinks p {padding: 17px 27px 0 27px;}
.hardlinks div {background: url(../images/hardlinks.png) 0px 0px no-repeat; width: 244px; height: 105px; float: left;}
/*hardlinks*/

/*hardlinks2*/
.hardlinks2 {padding: 5px 0 0 12px;}
.hardlinks2 img {width: 90px; height: 120px; float: left; border: 1px solid #007da1; margin: 15px 10px 0 11px;}
.hardlinks2 p img {float: none; border: none; width: 104px; height: 17px; margin: 8px 0 0 0;}
.hardlinks2 span a {color: #FFFFFF; font-size: 18px; padding: 12px 0 0 28px; display: block; text-decoration: underline;}
.hardlinks2 a:hover {text-decoration: none;}
.hardlinks2 p {font-size: 11px; float: left; width: 120px; padding: 15px 0 0 0;}
.hardlinks2 div {background: url(../images/hardlinks2.png) 0px 0px no-repeat; width: 242px; height: 213px; float: left; margin-right: 2px;}
/*hardlinks2*/

/*hardlinks3*/
.hardlinks3 {padding: 5px 0 0 2px; width: 872px; margin: 0px auto;}
.hardlinks3 img {width: 180px; height: 210px; border: 3px solid #007da1; margin: 20px 0 0 14px;}
.hardlinks3 p img {border: none; width: 89px; height: 17px; margin: 10px 0 0 0; float: right;}
.hardlinks3 span a {color: #FFFFFF; font-size: 18px; padding: 12px 0 0 28px; display: block; text-decoration: underline;}
.hardlinks3 a:hover {text-decoration: none;}
.hardlinks3 p {width: 186px; padding: 8px 0 0 15px;}
.hardlinks3 p a {display: block;}
.hardlinks3 div {background: url(../images/hardlinks3.png) 0px 0px no-repeat; width: 216px; height: 359px; float: left; margin-right: 2px;}
/*hardlinks3*/

/*header*/
.header {margin: 20px auto 10px auto; color: #FFFFFF; font-size: 18px;}
.h01 {float: left; margin: 10px 0 0 20px;}
.header td {background: url(../images/header-bg.png) repeat-x;}
.header-left {background: url(../images/header-left.png) top left no-repeat;}
.header-right {background: url(../images/header-right.png) top right no-repeat; font-size: 18px; color: #FFFFFF; padding: 8px 80px 0 80px; height: 34px;}
.header-right a {color: #FFFFFF; text-decoration: underline;}
/*header*/

/*adv*/
.adv {background: url(../images/adv-y.gif) 0px 0px repeat-y; width: 971px; margin: 15px auto 15px auto; font: normal 11px Tahoma, Verdana, Arial, sans-serif; color: #4a4a4a;}
.adv-top {background: url(../images/adv-top.gif) 0px 0px no-repeat;}
.adv-bottom {background: url(../images/adv-bottom.gif) 0px 100% no-repeat; padding: 0 0 15px 14px;}
.adv h2 {font-size: 18px; font-weight: normal; padding: 0; margin: 0 0 18px 0; text-align: center; line-height: 40px;}
.adv h2 img {vertical-align: middle;}
.inadv {width: 305px; height: 310px; float: left; margin-right: 13px;}
.inadv img {width: 150px; height: 200px; border: 2px solid #007da1; float: left; margin: 14px 11px 0 0;}
.info {width: 140px; float: left;}
.info p {padding-bottom: 14px;}
.title {background: url(../images/hand.png) 0px 0px no-repeat; padding: 17px 0 13px 46px; font-size: 17px;}
.adv a {color: #527800; text-decoration: underline;}
.adv a:hover {text-decoration: none;}
.link {font-size: 14px; font-weight: bold; padding: 1px 0 2px 27px; background: url(../images/adv-link-icon.png) 0px 0px no-repeat;}
/*adv*/

/*ads*/
.ads {padding: 15px; text-align: center;}
.ads table {margin: 0px auto;}
/*ads*/

/*traders*/
.traders {margin: -7px 0 30px 30px;}
.traders div {width: 182px; float: left; margin: 0 7px 7px 0; text-align: center;}
.traders img {width: 180px; height: 240px; border: 1px solid #007da1; margin-bottom: 3px;}
.traders span {display: block; text-decoration: underline;}
.traders a {color: #007da1; font-size: 12px; text-decoration: none;}
.traders a:hover img {border: 1px dashed #007da1;}
.traders a:hover span {text-decoration: none;}
/*traders*/

/*traders_hor*/
.traders_hor {margin: -7px 0 30px 12px;}
.traders_hor div {width: 242px; float: left; margin: 0 3px 3px 0; text-align: center;}
.traders_hor img {width: 240px; height: 180px; border: 1px solid #007da1; margin-bottom: 3px;}
.traders_hor span {display: block; text-decoration: underline;}
.traders_hor a {color: #007da1; font-size: 12px; text-decoration: none;}
.traders_hor a:hover img {border: 1px dashed #007da1;}
.traders_hor a:hover span {text-decoration: none;}
/*traders_hor*/

/*banner*/
.banner {width: 800px; margin: 0px auto;}
.banner h3 {font-size: 18px; font-weight: normal; color: #49453d; line-height: 13px; padding: 0 0 10px 12px; text-transform: uppercase; text-decoration: underline;}
.banner h3 a {color: #49453d;}
.banner div {background: url(../images/banner-bg.png) 0px 0px no-repeat; width: 240px; height: 450px; padding: 15px 0 0 17px; float: left; position: relative; margin: 0 7px 7px 0;}
.banner img {width: 150px; height: 200px; border: 3px solid #f6bd52; margin: 2px 0 8px 31px;}
.banner p {line-height: 14px; color: #000000; width: 213px;}
.banner p label {display: block; text-align: center;}
.banner p em {font-style: normal; color: #8c0d0d;}
.banner p img {background: none; border: none; padding: 0; width: 26px; height: 36px; margin: 6px 3px 0 0;}
.banner span {display: block; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; float: right; background: url(../images/banner-bullet.gif) 0 6px no-repeat; margin: 5px 20px 0 0; padding: 0 0 0 11px; text-transform: uppercase;}
/*banner*/