* {margin: 0; padding: 0;}
body  {font: normal 11px Arial, Helvetica, sans-serif; color: #000000; background: url(../images/head-x.png) 0 0 repeat-x #cef8ff;}
img {border: none;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
ul {list-style: none;}
h1 {display: none;}
a {text-decoration: none; color: #0044ab;}
a:hover {text-decoration: underline;}

/*center*/
.center {width: 988px; margin: 0px auto;}
.wrapper {background: url(../images/footer-x.png) 0 100% repeat-x;}
/*center*/

/*head*/
.head {background: url(../images/head.jpg) 0 0 no-repeat; height: 124px; position: relative;}

.desc {position: absolute; left: 333px; color: #FFFFFF; top: 26px; z-index: 1;}
.desc strong {color: #000000;}

.logo {width: 300px; position: absolute; left: 15px; top: 0;}
.logo a {display: block; height: 111px; text-indent: -9999px; overflow: hidden;}

/*head*/

/*menus*/
.nav {top: 0px; position: absolute; left: 321px; z-index: 5;}
.nav .select {float: left; width: 131px; text-align: center;}
.nav .select a span {display: block; height: 34px; background: url(../images/iefix.gif); color: #000000; text-transform: uppercase; padding-top: 8px; text-align: center; font-weight: bold;}
.nav .select a {text-decoration: none;}
.select a:hover, .nav .select li:hover a {cursor: pointer; text-decoration: none;}
.nav .sub {display: none;}
.nav .sub ul {float: left; width: 105px; margin-right: 8px; font-weight: normal; font-size: 11px;}
.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: 466px; z-index: 100; top: 32px; margin-left: -335px;}
.nav .select a:hover .sub li a, .nav .select li:hover .sub li a {display: inline; color: #dca889;}
.nav .sub ul li {border-bottom: 1px dotted #dca889; padding: 2px 0;}
.drop_T {background: url(../images/drop-t.png) left top no-repeat; height: 10px; font-size: 1px; line-height: 10px;}
.drop_B {background: url(../images/drop-b.png) left bottom no-repeat; height: 10px; font-size: 1px; line-height: 10px;}
.dropbg {background: url(../images/drop-bg.png) repeat-y; padding-left: 10px;}
.nav div.dropbg a:hover {text-decoration: underline; color: #072A71;}
/*menus*/

/*thumbs*/
.thumbs {padding: 0 0 0 1px; font-weight: bold; color: #6fe8ff;}
.thumbs span {color: #0044ab;}
.thumbs img {width: 159px; height: 212px; border: 2px solid #000000; margin-bottom: 3px;}
.thumbs div {width: 163px; float: left; text-align: center; margin: 0 1px 10px 0;}
/*thumbs*/

/*top*/
.top {background: url(../images/top-y.gif) 0 0 repeat-y; position: relative; width: 962px; margin: 0px auto 10px auto;}
.top-t {background: url(../images/top-t.png) 0 0 no-repeat;}
.top-l {background: url(../images/top-l.png) 0 0 no-repeat;}
.top-b {background: url(../images/top-b.png) 0 100% no-repeat; padding: 50px 0 50px 20px;}
.top ul {width: 230px; float: left; font-size: 14px; font-weight: bold;}
.top li {background: url(../images/bullet.png) 0 2px no-repeat; padding: 0 0 5px 25px;}

.bookmarks {width: 297px; position: absolute; right: 0; bottom: 0;}
.bookmarks a {height: 22px; display: block; text-indent: -9999px; overflow: hidden;}
/*top*/

/*pages*/
.pages2 {font-weight: bold; width: 949px; height: 23px; padding: 10px 0 0 14px; margin: 0px auto 10px auto; background: url(../images/pages.gif) 0 0 no-repeat;}
.pages2 span {color: #FFFFFF;}
/*pages*/

/*footer*/
.footer {height: 139px; position: relative;}
.logo2 {background: url(../images/logo.jpg) 0 0 no-repeat; width: 315px; position: absolute; left: 0; bottom: 0;}
.logo2 a {display: block; height: 115px; text-indent: -9999px; overflow: hidden;}

.desc2 {position: absolute; width: 305px; text-align: right; right: 26px; bottom: 8px; color: #003b48;}
.desc2 a {font-weight: bold; color: #003b48;}

.banners {position: absolute; bottom: 27px; left: 344px;}
.banners img {margin-right: 8px;}
/*footer*/

/*links*/
.links {text-align: center; font-size: 10pt; font-weight: bold;}
.links a {color: #0044ab;}
/*links*/

/*thumbs2*/
.thumbs2 {padding: 0 0 6px 4px;}
.thumbs2 img {width: 240px; height: 180px; border: 1px solid #000000; margin: 0 4px 4px 0;}
.thumbs2 a:hover img {border: 1px dashed #FF0000;}
/*thumbs2*/

/*thumbs3*/
.thumbs3 {padding: 0 0 7px 3px;}
.thumbs3 img {width: 159px; height: 212px; border: 1px solid #000000; margin: 0 3px 3px 0;}
.thumbs3 a:hover img {border: 1px dashed #FF0000;}
/*thumbs3*/

/*paysites*/
.paysites {width: 737px; margin: 0px auto 15px auto; border-bottom: 1px dashed #999999; padding-bottom: 15px;}
.paysites img {width: 320px; height: 240px; border: 1px solid #000000; margin-right: 15px; float: left;}
.text {width: 400px; float: left;}
.text p {font-size: 12px; margin-bottom: 10px;}
.text h3 {font-size: 17px; margin-bottom: 10px;}
.text a {font-size: 15px; font-weight: bold;}
/*paysites*/

/*link*/
.link {text-align: center; font-size: 24px; font-weight: bold;}
/*link*/

/*hardlinks*/
.hardlinks {padding: 0 0 7px 4px;}
.hardlinks div {width: 161px; text-align: center; float: left; font-weight: bold; font-size: 12px; margin: 0 3px 5px 0;}
.hardlinks img {width: 159px; height: 159px; border: 1px solid #000000;}
.hardlinks a:hover img {border: 1px dashed #FF0000;}
.hardlinks h2 {font-size: 15px; text-align: center; margin-bottom: 5px;}
.hardlinks span {display: block;}
/*hardlinks*/