*  {
margin : 0;
padding : 0;
}
ul, ol {
list-style : none;
}
h1, h2, h3, h4, h5, h6, pre, code, input, select, textarea {
font-size : 11px;
}
input.button {
cursor : pointer;
}
img, fieldset {
border : none;
}
table {
border-collapse : collapse;
border : none;
font-size : 100%;
}
html {
background : #fff url('../img2/html-bg.jpg') repeat-x 0 0;
}
body {
color : #4c4c4c;
background : url('../img2/body-bg.jpg') no-repeat 0 0;
height : 100%;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : 14px;
font-size : 11px;
font-family : Tahoma, Arial, Helvetica, sans-serif;
}
#wrapper {
width : 882px;
margin : 0 0 0 21px;
}
#header {
height : 138px;
position : relative;
color : #fff;
}
#header h1 {
float : left;
padding : 45px 0 0 19px;
}
#header p {
float : right;
padding : 48px 5px 0 0;
width : 255px;
text-align : center;
color : #fff;
}
#header a {
color : #fff;
}
#sear {
float : right;
padding-top : 45px;
}
#sear * {
vertical-align : middle;
}
#sear .i {
color : #21586d;
width : 230px;
margin : 5px;
height : 16px;
border : 2px solid #c6ecff;
padding-left : 22px;
padding-top : 1px;
padding-bottom : 2px;
background : #ffffff url('../img2/search.gif') no-repeat 3px 3px;
}
#sear .button2 {
background : none;
border : 0px none;
width : auto;
margin : 0;
padding : 0
}
.mempa {
font-size : 11px;
font-weight : bold;
color : #296593;
padding-top : 2px;
border : 1px solid #6eaddd;
height : 16px;
width : 138px;
}
#header ul {
position : absolute;
top : 106px;
left : 3px;
}
#header ul li {
float : left;
display : inline;
height : 32px;
margin : 0 -1px;
padding-right : 6px;
background : url('../img2/menu-bg1.gif') no-repeat 100% 0;
}
#header ul li a {
display : block;
float : left;
height : 32px;
line-height : 32px;
color : #000;
background : url('../img2/menu-bg.gif') no-repeat -1px 0;
text-decoration : none;
padding-left : 9px;
padding-right : 5px;
padding-top : 0;
padding-bottom : 0;
}
#content {
overflow : hidden;
padding : 14px 0;
}
#main {
float : left;
width : 625px;
}
#side {
float : right;
width : 250px;
}
.box {
margin-bottom : 6px;
position : relative;
}
.box .out {
padding : 23px 26px;
}
.box h2 {
font-size : 10px;
text-transform : uppercase;
padding : 3px 0;
margin-bottom : 15px;
color : #000;
}
.box1 {
font-size : 10px;
color : #21586d;
}
.box1 a {
color : #21586d;
}
#side h2 {
color : #21586d;
}
.box {
background : url('../img2/box-bg.png');
}
.box .in {
background : url('../img2/box-t-bg.png') no-repeat 0 0;
}
.box .out {
background : url('../img2/box-b-bg.png') no-repeat 0 100%;
}
#side .box {
background : url('../img2/side-box-bg.png');
}
#side .box .in {
background : url('../img2/side-box-t-bg.png') no-repeat 0 0;
}
#side .box .out {
background : url('../img2/side-box-b-bg.png') no-repeat 0 100%;
}
#login h2 {
background : url('../img2/icon-login.gif') no-repeat 100% 50%;
}
#login th {
text-align : left;
font-weight : normal;
width : 58px;
font-size : 10px;
}
#login td, #login th {
padding : 3px 0;
font-size : 10px;
}
#login .i {
width : 135px;
background : #fff;
color : #21586d;
padding : 1px 0;
}
#login ul {
padding-top : 10px;
color : #4c4c4c;
}
#login .button {
margin : 0 2px 0 -2px;
}
#login ul * {
vertical-align : middle;
}
#login ul a {
color : #4c4c4c;
}
#blogs h2, #members h2 {
background : url('../img2/icon-blogs.gif') no-repeat 100% 50%;
}
#blogs .img, #members .img {
padding-right : 11px;
}
#blogs .des h3 a, #members dt a {
color : #42a5de;
font-weight : bold;
}
#blogs td, #members td {
padding-bottom : 15px;
vertical-align : top;
}
#blogs .out, #members .out {
padding-bottom : 12px;
}
.banner {
display : block;
margin : 24px auto 12px;
}
#members dt {
font-weight : bold;
margin-bottom : 5px;
}
#members dt img {
vertical-align : middle;
}
#ads {
height : 65px;
text-align : center;
margin-bottom : 6px;
}
#ads img {
margin-top : 24px;
}
#videos .out {
padding-right : 0;
}
#videos ul {
width : 100%;
overflow : hidden;
}
#videos ul li {
float : left;
display : inline;
margin : 0 6px 0 0;
color : #4e4c4c;
}
#videos ul li img {
border-right : 4px solid #b3e4f7;
border-top : 4px solid #b3e4f7;
border-left : 4px solid #b3e4f7;
border-bottom : 4px solid #b3e4f7;
display : block;
margin-bottom : 4px;
}
#videos ul a {
display : block;
color : #4589d0;
font-weight : bold;
}
.more {
padding-left : 8px;
background : url('../img2/bullet-more.gif') no-repeat 0 50%;
font-size : 10px;
}
.more a {
color : #132b41;
}
.tr {
position : absolute;
top : 25px;
right : 26px;
}
#videos a IMG {
border-right : 4px solid #b3e4f7;
border-top : 4px solid #b3e4f7;
border-left : 4px solid #b3e4f7;
border-bottom : 4px solid #b3e4f7;
}
#videos a:hover IMG {
border-right : 4px solid #f5e1b8;
border-top : 4px solid #f5e1b8;
border-left : 4px solid #f5e1b8;
border-bottom : 4px solid #f5e1b8;
}
#members a IMG {
border-right : 4px solid #b3e4f7;
border-top : 4px solid #b3e4f7;
border-left : 4px solid #b3e4f7;
border-bottom : 4px solid #b3e4f7;
}
#members a:hover IMG {
border-right : 4px solid #f5e1b8;
border-top : 4px solid #f5e1b8;
border-left : 4px solid #f5e1b8;
border-bottom : 4px solid #f5e1b8;
}
#news dl a {
color : #4799fe;
}
#news dt {
font-size : 10px;
font-weight : bold;
}
#news dd {
margin-bottom : 15px;
}
#news .out {
padding-bottom : 12px;
}
#features table {
width : 100%;
}
#features td {
font-size : 11px;
vertical-align : top;
padding-left : 50px;
}
#features ul li {
padding : 5px 0 5px 25px;
}
#f1 {
background : url('../img2/f1.gif') no-repeat 0 50%;
}
#f2 {
background : url('../img2/f2.gif') no-repeat 0 50%;
}
#f3 {
background : url('../img2/f3.gif') no-repeat 0 50%;
}
#f4 {
background : url('../img2/f4.gif') no-repeat 0 50%;
}
#f5 {
background : url('../img2/f5.gif') no-repeat 0 50%;
}
#f6 {
background : url('../img2/f6.gif') no-repeat 0 50%;
}
#f7 {
background : url('../img2/f7.gif') no-repeat 0 50%;
}
#f8 {
background : url('../img2/f8.gif') no-repeat 0 50%;
}
#f9 {
background : url('../img2/f9.gif') no-repeat 0 50%;
}
#f10 {
background : url('../img2/f10.gif') no-repeat 0 50%;
}
#f11 {
background : url('../img2/f11.gif') no-repeat 0 50%;
}
#footer {
border-top : 6px solid #f5e1b8;
background : #305eae url('../img2/footer-bg.gif');
height : 100px;
position : absolute;
width : 100%;
padding-bottom : 0;
}
#footer .in {
background : url('../img2/footer-bg.jpg') no-repeat 0 0;
height : 100px;
padding-left : 150px;
color : #fff;
padding-bottom : 0;
}
#footer .cop {
padding-top : 35px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
bottom : 0;
}
#footer .links {
color : #ffffff;
}
#footer p.links a {
color : #ffffff;
text-decoration : none;
}
.input {
border : 1px solid #a0d9ec;
padding-left : 2px;
color : #3f3f3f;
background-repeat : repeat-x;
background-color : #ffffff;
}
label {
color : #000;
cursor : pointer;
padding-left : 2px;
line-height : 16px;
}
label.chosen {
color : #000;
}
.outtaHere {
position : absolute;
left : -3000px;
}
.checkboxArea, .checkboxAreaChecked {
display : block;
float : left;
clear : left;
width : 13px;
height : 13px;
font-size : 0;
padding : 0;
margin : 0;
cursor : pointer;
}
.checkboxArea {
background : url('../img2/images/checkbox.gif') no-repeat left top;
}
.checkboxAreaChecked {
background : url('../img2/images/checkbox.gif') no-repeat left bottom;
}
.textinput, .textinputHovered {
height : 15px;
background : url('../img2/images/input_bg.gif') repeat-x left top;
border : medium none;
vertical-align : middle;
padding-left : 0;
padding-right : 0;
padding-top : 4px;
padding-bottom : 4px;
}
.textinputHovered {
background-position : left bottom;
}
.inputCorner {
padding-bottom : 0;
vertical-align : middle;
}
.buttonSubmit, .buttonSubmitHovered {
width : auto;
height : 26px;
color : #fff;
font-weight : bold;
padding : 2px;
background : url('../img2/images/button_bg.gif') repeat-x left top;
cursor : pointer;
border : medium none;
}
.buttonSubmitHovered {
background-position : left bottom;
}
.buttonImg {
vertical-align : bottom;
}
.radioArea, .radioAreaChecked {
display : block;
float : left;
clear : left;
width : 15px;
height : 14px;
font-size : 0;
cursor : pointer;
}
.radioArea {
background : url('../img2/images/radio.gif') no-repeat left top;
}
.radioAreaChecked {
background : url('../img2/images/radio.gif') no-repeat left bottom;
}
.hov a {
background : #e3f7ff;
}
.hov a:hover {
background : #ffffff;
}