body {
padding : 0;
margin : 0;
background : #fff url(images/main_bg.gif) repeat-x 0 0;
color : #000;
}
div, h1, h2, h3, h4, h5, p, form, label, input, textarea, img, span {
margin : 0;
padding : 0;
}
ul {
margin : 0;
padding : 0;
list-style-type : none;
font-size : 0;
}
.spacer {
clear : both;
font-size : 0;
line-height : 0;
}
#body div.bodyText h3 {
font : bold 20px/24px Georgia, "Times New Roman", Times, serif;
color : #526d0d;
background : #f7f7f7 url(images/folder_icon.gif) no-repeat 0 5px;
padding : 0 2px 0 25px;
}
#headerMain {
width : 100%;
}
#header {
width : 961px;
height : 190px;
background : url(images/header_pic.jpg) no-repeat 550px 40px;
float : right;
position : relative;
}
#header ul.top {
background : url(images/top_nav_bg.gif) no-repeat 0 0;
width : 237px;
height : 18px;
position : absolute;
left : 687px;
top : 10px;
padding : 0 0 0 15px;
}
#header ul.top li {
float : left;
display : block;
}
#header ul.top li.hover {
background : url(images/home_icon.gif) no-repeat 0 3px;
padding : 0 0 0 18px;
font : bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
margin : 0 21px 0 0;
text-transform : uppercase;
float : left;
display : block;
background-color : inherit;
}
#header ul.top li a.about {
background : url(images/about_us_icon.gif) no-repeat 0 3px;
padding : 0 0 0 19px;
font : bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-transform : uppercase;
text-decoration : none;
display : block;
margin : 0 15px 0 0;
background-color : inherit;
}
#header ul.top li a.about:hover {
background : url(images/about_us_icon_hover.gif) no-repeat 0 3px;
}
#header ul.top li a.contact {
background : url(images/contact_icon.gif) no-repeat 0 3px;
padding : 0 0 0 23px;
font : bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-transform : uppercase;
text-decoration : none;
display : block;
margin : 0 15px 0 0;
background-color : inherit;
}
#header ul.top li a.contact:hover {
background : url(images/contact_icon_hover.gif) no-repeat 0 3px;
}
#header img {
position : absolute;
left : 0;
top : 7px;
width : 411px;
height : 96px;
}
#header h1 {
font : bold 24px/27px Verdana, Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
position : absolute;
left : 0;
top : 122px;
text-transform : uppercase;
}
#header p {
font : normal 17px/20px Verdana, Arial, Helvetica, sans-serif;
color : #feedb7;
background-color : inherit;
position : absolute;
left : 24px;
top : 198px;
text-transform : none;
text-align : center;
width : 443px;
}
#header ul.nav {
width : 730px;
height : 25px;
position : absolute;
left : 95px;
top : 167px;
}
#header ul.nav li {
float : left;
margin : 0;
padding : 0;
}
#header ul.nav li a {
display : block;
padding : 0 15px;
font : bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
text-decoration : none;
}
#header ul.nav li a:hover {
color : #fff;
background-color : #0078aa;
}
#bodyTopMain {
width : 100%;
background : #fffae8 url(images/body_top_bg.gif) repeat-x 0 0;
color : #251c00;
padding : 22px 0 0 0;
}
#bodyTopMain1 {
width : 100%;
background : #fffae8;
color : #251c00;
padding : 22px 0 0;
}
#bodyTop {
width : 930px;
margin : 0 auto;
background : url(images/body_top_bg2.gif) repeat-y 0 0;
}
#bodyTop1 {
width : 930px;
margin : 0 auto;
background : url(images/body_top_bg3.gif) repeat-y 0 0;
}
#bodyTop2 {
width : 930px;
margin : 0 auto;
padding-bottom : 50px;
padding-top : 20px;
}
#left1 {
width : 447px;
margin : 0 27px 0 0;
padding : 0 0 35px 0;
float : left;
}
#left1 h2 {
font : bold 18px/40px Georgia, "Times New Roman", Times, serif;
color : #202020;
background-color : inherit;
text-transform : none;
margin : 0 0 21px 0;
}
#left1 h2 span {
font : normal 30px/18px Verdana, Arial, Helvetica, sans-serif;
color : #970000;
background-color : inherit;
display : block;
}
#left1 p.leftText1 {
font : normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
color : #251c00;
background-color : inherit;
margin : 0 0 24px 0;
display : block;
width : 447px;
}
#left1 p.leftText1 span {
font : bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
color : #006882;
background-color : #fffefa;
}
#left1 p.leftText1 a.link1 {
font : normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
color : #1b7d01;
background-color : inherit;
text-decoration : underline;
}
#left1 p.leftText1 a.link1:hover {
color : #1b7d01;
background-color : #f7f0d9;
text-decoration : none;
}
#left1 a.link2 {
background : #f0ffff url(images/left_link_bg.gif) no-repeat 0 0;
padding : 0 0 0 54px;
font : bold 18px/39px Georgia, "Times New Roman", Times, serif;
color : #144848;
width : 390px;
height : 41px;
display : block;
text-decoration : none;
}
#left1 a.link2:hover {
background : url(images/left_link_bg_hover.gif) no-repeat 0 0;
}
#body div.catagory {
padding : 25px 0 0 0;
}
.pink {
width : 182px;
padding : 7px 15px 40px;
float : left;
background : #ffffff url(images/pink_bg.gif) no-repeat;
color : #4b2b3e;
}
.pink h3 {
background : url(images/news_icon.gif) no-repeat 2px 13px;
color : #ffffff;
font : bold 24px/38px Georgia, "Times New Roman", Times, serif;
padding : 0 9px 0 22px;
}
.pink h4 {
background : url(images/date_bg.gif) no-repeat 0 13px;
color : #384b06;
width : 56px;
text-align : center;
font : bold 12px/39px Arial, Helvetica, sans-serif;
}
.pink h5 {
color : #000000;
text-transform : uppercase;
font : bold 10px/11px Georgia, "Times New Roman", Times, serif;
}
.pink p {
color : #4b2b3e;
padding : 3px 0 10px 0;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green {
width : 182px;
padding : 7px 15px 0;
float : left;
background : #f7f7f7 url(images/green_bg.gif) no-repeat 0 0;
color : #4b2b3e;
margin-top : 0;
margin-right : 23px;
margin-bottom : 0;
margin-left : 23px;
}
.green h3 {
background : url(images/solution_icon.gif) no-repeat 2px 13px;
color : #516d0a;
font : bold 20px/38px Georgia, "Times New Roman", Times, serif;
padding : 0 9px 0 22px;
}
.green h5 {
color : #000000;
text-transform : uppercase;
font : bold 10px/11px Georgia, "Times New Roman", Times, serif;
}
.green p {
color : #3d5c32;
padding : 3px 0 2px;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green p a.line {
color : #3d5c32;
padding : 0;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
text-decoration : none;
}
.green p a.line:hover {
color : #660000;
padding : 0;
text-decoration : blink;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green1 {
width : 182px;
padding : 7px 15px 0;
float : left;
background : #f7f7f7 url(images/green_bg.gif) no-repeat 0 0;
color : #4b2b3e;
}
.green1 h3 {
background : url(images/solution_icon.gif) no-repeat 2px 13px;
color : #516d0a;
font : bold 20px/38px Georgia, "Times New Roman", Times, serif;
padding : 0 9px 0 22px;
}
.green1 h5 {
color : #000000;
text-transform : uppercase;
font : bold 10px/11px Georgia, "Times New Roman", Times, serif;
}
.green1 p {
color : #3d5c32;
padding : 3px 0 2px;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green1 p a.line {
color : #3d5c32;
padding : 0;
text-decoration : none;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green1 p a.line:hover {
color : #660000;
padding : 0;
text-decoration : blink;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green1 a.more {
background : #ffffff url(images/green_more_btn.gif) no-repeat 0 0;
color : #000000;
width : 46px;
height : 11px;
display : block;
float : right;
text-decoration : none;
text-indent : -2000px;
padding : 0;
line-height : 0;
}
.green1 a.more:hover {
background : #ffffff url(images/green_more_btn_h.gif) no-repeat 0 0;
color : #000000;
}
.green2 {
width : 182px;
padding : 7px 15px 0;
float : left;
background : #f7f7f7 url(images/green_bg.gif) no-repeat 0 0;
color : #4b2b3e;
}
.green2 h3 {
background : url(images/solution_icon.gif) no-repeat 2px 13px;
color : #516d0a;
font : bold 20px/38px Georgia, "Times New Roman", Times, serif;
padding : 0 9px 0 22px;
}
.green2 h5 {
color : #000000;
text-transform : uppercase;
font : bold 10px/11px Georgia, "Times New Roman", Times, serif;
}
.green2 p {
color : #3d5c32;
padding : 3px 0 2px;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green2 p a.line {
color : #3d5c32;
padding : 0;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
text-decoration : none;
}
.green2 p a.line:hover {
color : #660000;
padding : 0;
text-decoration : blink;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green3 {
width : 182px;
padding : 7px 15px 0;
float : left;
background : #f7f7f7 url(images/green_bg.gif) no-repeat 0 0;
color : #4b2b3e;
margin-top : 0;
margin-right : 23px;
margin-bottom : 0;
margin-left : 23px;
}
.green3 h3 {
background : url(images/solution_icon.gif) no-repeat 2px 13px;
color : #516d0a;
font : bold 20px/38px Georgia, "Times New Roman", Times, serif;
padding : 0 9px 0 22px;
}
.green3 h5 {
color : #000000;
text-transform : uppercase;
font : bold 10px/11px Georgia, "Times New Roman", Times, serif;
}
.green3 p {
color : #3d5c32;
padding : 3px 0 2px;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green3 p a.line {
color : #3d5c32;
padding : 0;
text-decoration : none;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green3 p a.line:hover {
color : #660000;
padding : 0;
text-decoration : blink;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green4 {
width : 282px;
padding : 7px 15px 0;
float : left;
margin : 0 23px;
background : url(images/green_bg.gif) no-repeat 0;
color : #4b2b3e;
}
.green4 h3 {
background : url(images/solution_icon.gif) no-repeat 2px 13px;
color : #516d0a;
font : bold 20px/38px Georgia, "Times New Roman", Times, serif;
padding : 0 9px 0 22px;
}
.green4 h5 {
color : #000000;
text-transform : uppercase;
font : bold 10px/11px Georgia, "Times New Roman", Times, serif;
}
.green4 p {
color : #3d5c32;
padding : 3px 0 2px;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green4 p a.line {
color : #3d5c32;
padding : 0;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
text-decoration : none;
}
.green4 p a.line:hover {
color : #660000;
padding : 0;
text-decoration : blink;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green5 {
width : 282px;
padding : 7px 15px 0;
float : left;
margin : 0 23px;
background : #f7f7f7 url(images/blue_bg.gif) no-repeat 0 0;
color : #4b2b3e;
}
.green5 h3 {
background : url(images/solution_icon.gif) no-repeat 2px 13px;
color : #516d0a;
font : bold 20px/38px Georgia, "Times New Roman", Times, serif;
padding : 0 9px 0 22px;
}
.green5 h5 {
color : #000000;
text-transform : uppercase;
font : bold 10px/11px Georgia, "Times New Roman", Times, serif;
}
.green5 p {
color : #3d5c32;
padding : 3px 0 2px;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green5 p a.line {
color : #3d5c32;
padding : 0;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
text-decoration : none;
}
.green5 p a.line:hover {
color : #660000;
padding : 0;
text-decoration : blink;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green6 {
width : 500px;
padding : 7px 15px 0;
float : left;
background : #f7f7f7 url(images/green_bg1.gif) no-repeat 0 0;
color : #4b2b3e;
margin-top : 0;
margin-right : 23px;
margin-bottom : 0;
margin-left : 23px;
}
.green6 h3 {
background : url(images/solution_icon.gif) no-repeat 2px 13px;
color : #516d0a;
font : bold 20px/38px Georgia, "Times New Roman", Times, serif;
padding : 0 9px 0 22px;
}
.green6 h5 {
color : #000000;
text-transform : uppercase;
font : bold 10px/11px Georgia, "Times New Roman", Times, serif;
}
.green6 p {
color : #3d5c32;
padding : 3px 0 2px;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green6 p a.line {
color : #3d5c32;
padding : 0;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
text-decoration : none;
}
.green6 p a.line:hover {
color : #660000;
padding : 0;
text-decoration : blink;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
#bodyPan {
width : 850px;
position : relative;
margin : 0 auto;
padding : 25px 0 0;
}
#bodyLeftPan {
width : 410px;
float : left;
padding : 12px 36px 0 0;
}
#bodyLeftPan h2 {
width : 410px;
height : 30px;
background : #fff url(images/border1.gif) no-repeat 100% 70%;
color : #00111a;
font : 24px/28px Georgia, "Times New Roman", Times, serif;
}
#bodyLeftPan h2 span {
background : #fff;
color : #046598;
}
#bodyLeftPan h3 {
width : 410px;
height : 30px;
background : #fff url(images/border2.gif) no-repeat 100% 70%;
color : #00111a;
font : 28px/28px Georgia, "Times New Roman", Times, serif;
}
#bodyLeftPan h3 span {
background : #fff;
color : #046598;
}
#bodyLeftPan p {
padding : 7px 0 0;
}
#bodyLeftPan p span {
background : #fff;
color : #046598;
font-weight : bold;
}
#bodyLeftPan ul {
width : 410px;
margin : 10px 0 0;
}
#bodyLeftPan ul li {
width : 410px;
height : 20px;
}
#bodyLeftPan ul li a {
width : 390px;
height : 20px;
background : #fff url(images/button.gif) no-repeat 0 6px;
color : #1a1a1a;
text-decoration : underline;
padding : 0 0 0 20px;
}
#bodyLeftPan ul li a:hover {
width : 390px;
height : 20px;
background : #fff url(images/button-hover.gif) no-repeat 0 6px;
color : #676363;
text-decoration : underline;
}
#bodyLeftPan p.more {
background : #f3f3f3;
color : #003d5c;
width : 410px;
height : 11px;
margin : 25px 0;
padding : 0;
line-height : 11px;
font-size : 11px;
}
#bodyLeftPan p.more a {
display : block;
width : 44px;
height : 11px;
background : #fff;
color : #003d5c;
text-decoration : none;
margin : 0 0 0 246px;
line-height : 11px;
text-align : center;
padding : 0;
text-transform : uppercase;
}
#bodyLeftPan p.more a:hover {
display : block;
width : 44px;
height : 11px;
background : #e0dede;
color : #003d5c;
text-decoration : none;
}
#bodyLeftNextPan {
width : 410px;
clear : both;
padding : 10px 0 0;
}
#bodyLeftPan p.next {
background : #f3f3f3;
color : #003d5c;
width : 410px;
height : 11px;
padding : 0;
line-height : 11px;
font-size : 11px;
clear : both;
}
#bodyLeftPan p.next a {
display : block;
width : 44px;
height : 11px;
background : #fff;
color : #003d5c;
text-decoration : none;
margin : 0 0 0 246px;
line-height : 11px;
text-align : center;
padding : 0;
text-transform : uppercase;
}
#bodyLeftPan p.next a:hover {
display : block;
width : 44px;
height : 11px;
background : #e0dede;
color : #003d5c;
text-decoration : none;
}
.blue {
width : 182px;
padding : 7px 15px 50px;
float : left;
background : #f7f7f7 url(images/blue_bg.gif) no-repeat 0 0;
color : #4b2b3e;
}
.blue h3 {
background : url(images/support_icon.gif) no-repeat 2px 11px;
color : #364a5b;
font : bold 20px/38px Georgia, "Times New Roman", Times, serif;
padding : 0 9px 0 22px;
}
.blue h5 {
color : #000000;
text-transform : uppercase;
font : bold 10px/11px Georgia, "Times New Roman", Times, serif;
}
.blue p {
color : #364a5b;
padding : 3px 0 10px 0;
font : normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.blue a.more {
background : #ffffff url(images/blue_more_btn.gif) no-repeat 0 0;
color : #000000;
width : 46px;
height : 11px;
display : block;
float : right;
text-decoration : none;
text-indent : -2000px;
padding : 0;
line-height : 0;
}
.blue a.more:hover {
background : #ffffff url(images/blue_more_btn_h.gif) no-repeat 0 0;
color : #000000;
}
#mid1 {
width : 230px;
float : left;
background-color : #c58c00;
color : #000;
padding : 0 0 0 0;
}
#mid1 p.mid1Top {
background : url(images/mid1_top.gif) no-repeat 0 0;
width : 230px;
height : 25px;
font-size : 0;
}
#mid1 h2 {
width : 102px;
height : 41px;
background : url(images/importaint_service_pic.gif) no-repeat 0 0;
padding : 0 0 0 63px;
font : bold 14px/17px Verdana, Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
margin : 0 0 15px 14px;
display : block;
}
#mid1 h2 span {
font : bold 24px/17px Verdana, Arial, Helvetica, sans-serif;
display : block;
}
#mid1 p.linkTop {
background : url(images/mid1_link_top.gif) no-repeat 0 0;
width : 204px;
height : 15px;
font-size : 0;
margin : 0 0 0 14px;
padding : 0;
display : block;
}
#mid1 ul {
background : #ffe5a4 url(images/mid1_link_bg.gif) no-repeat left bottom;
width : 188px;
margin : 0 0 0 14px;
color : #000;
padding : 0 0 22px 16px;
}
#mid1 ul li {
border-bottom : 1px dashed #886b21;
height : 20px;
padding : 0;
margin : 0;
}
#mid1 ul li.bdrNo {
border-bottom : none;
height : 20px;
padding : 0;
margin : 0;
}
#mid1 ul li a {
background : url(images/bullet_white.gif) no-repeat 0 6px;
padding : 0 0 0 15px;
font : bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
color : #910303;
background-color : inherit;
text-decoration : none;
display : block;
}
#mid1 ul li a:hover {
color : #000;
background : #f0ffff url(images/bullet_blue.gif) no-repeat 0 6px;
}
#right1 {
width : 212px;
float : right;
}
#right1 a.jobBanner {
background : url(images/job_banner.gif) no-repeat 0 0;
width : 212px;
height : 87px;
display : block;
margin : 0 0 22px 0;
}
#right1 a.jobBanner:hover {
background : url(images/job_banner_hover.gif) no-repeat 0 0;
}
#right1 h2 {
width : 137px;
background : url(images/right_panel_div.gif) no-repeat left bottom;
height : 45px;
padding : 0 20px 0 19px;
font : normal 22px/21px Verdana, Arial, Helvetica, sans-serif;
color : #202020;
background-color : inherit;
display : block;
margin : 0 0 13px 12px;
}
#right1 h2 span {
font : bold 18px/21px Georgia, "Times New Roman", Times, serif;
color : #0078aa;
background-color : inherit;
text-transform : uppercase;
display : block;
width : 140px;
}
#right1 a.rightLogo {
background : url(images/masquewiris.gif) no-repeat 0 0;
width : 176px;
height : 50px;
margin : 0 0 25px 12px;
display : block;
}
#right1 a.rightLogo:hover {
background : url(images/fondowiris.gif) no-repeat 0;
}
#right1 a.viewMore {
background : url(images/view_more_bg.gif) no-repeat 0 0;
width : 179px;
height : 27px;
font : bold 15px/27px Georgia, "Times New Roman", Times, serif;
color : #144848;
background-color : inherit;
text-decoration : none;
text-align : center;
display : block;
margin : 0 0 0 12px;
}
#right1 a.viewMore:hover {
color : #a41007;
background-color : inherit;
}
#bodyBotMain {
width : 100%;
background : #fff url(images/body_bot_bg.gif) repeat-x 0 0;
color : #000;
padding : 0 0 15px 0;
}
#bodyBot {
width : 930px;
margin : 0 auto;
}
#left2 {
width : 447px;
float : left;
margin : 31px 27px 0 0;
}
#left2 h2 {
width : 441px;
height : 17px;
background : url(images/news_div.gif) repeat-x 0 0;
margin : 0 0 26px 0;
display : block;
}
#left2 h2 span {
font : bold 24px/17px Georgia, "Times New Roman", Times, serif;
color : #202020;
background-color : #fff;
width : 67px;
}
#left2 p.newsPic {
display : block;
background : url(images/news_pic.gif) no-repeat 0 0;
margin : 0 16px 29px 0;
padding : 0;
float : left;
width : 91px;
height : 119px;
}
#left2 p.newsText {
font : normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
color : #251c00;
background-color : #fff;
padding : 0;
margin : 0;
float : left;
display : block;
width : 340px;
}
#left2 p.newsText span {
color : #006882;
background-color : #fff;
font : bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
}
#left2 p.newsText a.linkNews {
font : normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
color : #1b7d01;
background-color : inherit;
text-decoration : underline;
padding : 0;
margin : 0;
}
#left2 p.newsText a.linkNews:hover {
color : #1b7d01;
background-color : #f7f0d9;
text-decoration : none;
}
#left2 a.link3 {
background : #f0ffff url(images/bottom_link_bg.gif) no-repeat 0 0;
padding : 0 0 0 54px;
font : bold 18px/39px Georgia, "Times New Roman", Times, serif;
color : #144848;
width : 390px;
height : 41px;
display : block;
text-decoration : none;
float : left;
}
#left2 a.link3:hover {
background : url(images/bottom_link_bg_hover.gif) no-repeat 0 0;
}
#mid2 {
width : 204px;
float : left;
background-color : #c58c00;
color : #000;
padding : 8px 13px 54px 13px;
margin : 0;
}
#mid2 h2 {
width : 70px;
height : 50px;
background : url(images/member_login_bg.gif) no-repeat 0 0;
padding : 16px 73px 0 61px;
font : bold 14px/17px Verdana, Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
margin : 0;
}
#mid2 h2 span {
font : bold 24px/17px Georgia, "Times New Roman", Times, serif;
color : #fff;
background-color : #543c00;
display : block;
}
#mid2 p.buda {
width : 204px;
height : 195px;
font-size : 10px;
padding : 0;
display : block;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #ffffff;
background-color : #543c00;
background-image : url(images/member_login_bottom.gif);
}
#bodymiddlePan {
width : 747px;
position : relative;
margin : 0 auto 0 auto;
background : #fff;
color : #8d8d8d;
}
#middleonePan {
width : 187px;
float : left;
}
#middleonePan p {
padding : 0 0 20px 0;
}
#middleonePan p.boldtext {
font-size : 16px;
background : #fff;
color : #2b2a2a;
font-weight : bold;
padding : 32px 0 0;
}
#middleonePan p.blacktext {
background : #fff;
color : #000;
padding : 0 0 12px 0;
}
#middleonePan p.dotline {
background : url(images/dot.line.gif) repeat-x 0 0;
width : 156px;
padding : 0 0 12px 0;
}
#middleonePan p.more {
margin : 0 0 40px 0;
padding : 0;
}
#middleonePan p.more a {
display : block;
width : 79px;
height : 28px;
background : #fff url(images/redbutton.gif) no-repeat 0 0;
color : #111;
font-size : 15px;
line-height : 28px;
text-decoration : none;
padding : 0 0 0 10px;
}
#middleonePan p.more a:hover {
background : #fff url(images/bluebutton.gif) no-repeat 0 0;
color : #111;
text-decoration : none;
}
#middleonePan ul {
width : 156px;
padding : 0 0 20px 0;
}
#middleonePan ul li {
width : 156px;
height : 20px;
}
#middleonePan ul li a {
width : 140px;
height : 20px;
background : #fff url(images/arrow1.gif) no-repeat 0 8px;
color : #8d8d8d;
line-height : 20px;
text-decoration : underline;
padding : 0 0 0 16px;
}
#middleonePan ul li a:hover {
background : #fff url(images/arrow2.gif) no-repeat 0 8px;
color : #272525;
text-decoration : underline;
}
#middleonePan ul.block {
width : 156px;
height : 151px;
display : block;
padding : 0;
}
#middleonePan ul.block li {
width : 156px;
height : 151px;
}
#middleonePan ul.block li a {
width : 126px;
height : 128px;
display : block;
background : #fcfcfc url(images/block1-normal.jpg) no-repeat 0 0;
color : #fff;
font-size : 20px;
font-weight : bold;
text-decoration : none;
padding : 23px 0 0 30px;
}
#middleonePan ul.block li a:hover {
background : #fcfcfc url(images/block1-hover.jpg) no-repeat 0 0;
color : #fff;
text-decoration : none;
}
#middletwoPan {
width : 186px;
float : left;
}
#middletwoPan p {
padding : 0 0 20px 0;
}
#middletwoPan p.boldtext {
font-size : 16px;
background : #fff;
color : #2b2a2a;
font-weight : bold;
padding : 32px 0 0;
}
#middletwoPan p.blacktext {
background : #fff;
color : #000;
padding : 0 0 12px 0;
}
#middletwoPan p.dotline {
background : url(images/dot.line.gif) repeat-x 0 0;
width : 156px;
padding : 0 0 12px 0;
}
#middletwoPan p.more {
margin : 0 0 40px 0;
padding : 0;
}
#middletwoPan p.more a {
display : block;
width : 79px;
height : 28px;
background : #fff url(images/greenbutton.gif) no-repeat 0 0;
color : #111;
font-size : 15px;
line-height : 28px;
text-decoration : none;
padding : 0 0 0 10px;
}
#middletwoPan p.more a:hover {
background : #fff url(images/pinkbutton.gif) no-repeat 0 0;
color : #111;
text-decoration : none;
}
#middletwoPan ul {
width : 156px;
padding : 0 0 20px 0;
}
#middletwoPan ul li {
width : 156px;
height : 20px;
}
#middletwoPan ul li a {
width : 140px;
height : 20px;
background : #fff url(images/arrow1.gif) no-repeat 0 8px;
color : #8d8d8d;
line-height : 20px;
text-decoration : underline;
padding : 0 0 0 16px;
}
#middletwoPan ul li a:hover {
background : #fff url(images/arrow2.gif) no-repeat 0 8px;
color : #272525;
text-decoration : underline;
}
#middletwoPan ul.block {
width : 156px;
height : 151px;
padding : 0;
}
#middletwoPan ul.block li {
width : 156px;
height : 151px;
}
#middletwoPan ul.block li a {
width : 126px;
height : 128px;
display : block;
background : #fcfcfc url(images/block2-normal.jpg) no-repeat 0 0;
color : #fff;
font-size : 20px;
font-weight : bold;
text-decoration : none;
padding : 23px 0 0 30px;
}
#middletwoPan ul.block li a:hover {
background : #fcfcfc url(images/block2-hover.jpg) no-repeat 0 0;
color : #fff;
text-decoration : none;
}
#middlethreePan {
width : 187px;
float : left;
}
#middlethreePan p {
padding : 0 0 20px 0;
}
#middlethreePan p.boldtext {
font-size : 16px;
background : #fff;
color : #2b2a2a;
font-weight : bold;
padding : 32px 0 0;
}
#middlethreePan p.blacktext {
background : #fff;
color : #000;
padding : 0 0 12px 0;
}
#middlethreePan p.dotline {
background : url(images/dot.line.gif) repeat-x 0 0;
width : 156px;
padding : 0 0 12px 0;
}
#middlethreePan p.more {
margin : 0 0 40px 0;
padding : 0;
}
#middlethreePan p.more a {
display : block;
width : 79px;
height : 28px;
background : #fff url(images/bluebutton.gif) no-repeat 0 0;
color : #111;
font-size : 15px;
line-height : 28px;
text-decoration : none;
padding : 0 0 0 10px;
}
#middlethreePan p.more a:hover {
background : #fff url(images/redbutton.gif) no-repeat 0 0;
color : #111;
text-decoration : none;
}
#middlethreePan ul {
width : 156px;
padding : 0 0 20px 0;
}
#middlethreePan ul li {
width : 156px;
height : 20px;
}
#middlethreePan ul li a {
width : 140px;
height : 20px;
background : #fff url(images/arrow1.gif) no-repeat 0 8px;
color : #8d8d8d;
line-height : 20px;
text-decoration : underline;
padding : 0 0 0 16px;
}
#middlethreePan ul li a:hover {
background : #fff url(images/arrow2.gif) no-repeat 0 8px;
color : #272525;
text-decoration : underline;
}
#middlethreePan ul.block {
width : 156px;
height : 151px;
padding : 0;
}
#middlethreePan ul.block li {
width : 156px;
height : 151px;
}
#middlethreePan ul.block li a {
width : 126px;
height : 128px;
display : block;
background : #fcfcfc url(images/block3-normal.jpg) no-repeat 0 0;
color : #fff;
font-size : 20px;
font-weight : bold;
text-decoration : none;
padding : 23px 0 0 30px;
}
#middlethreePan ul.block li a:hover {
background : #fcfcfc url(images/block3-hover.jpg) no-repeat 0 0;
color : #fff;
text-decoration : none;
}
#middlefourPan {
width : 187px;
float : left;
}
#middlefourPan p {
padding : 0 0 20px 0;
}
#middlefourPan p.boldtext {
font-size : 16px;
background : #fff;
color : #2b2a2a;
font-weight : bold;
padding : 32px 0 0;
}
#middlefourPan p.blacktext {
background : #fff;
color : #000;
padding : 0 0 12px 0;
}
#middlefourPan p.dotline {
background : url(images/dot.line.gif) repeat-x 0 0;
width : 156px;
padding : 0 0 12px 0;
}
#middlefourPan p.more {
margin : 0 0 40px 0;
padding : 0;
}
#middlefourPan p.more a {
display : block;
width : 79px;
height : 28px;
background : #fff url(images/pinkbutton.gif) no-repeat 0 0;
color : #111;
font-size : 15px;
line-height : 28px;
text-decoration : none;
padding : 0 0 0 10px;
}
#middlefourPan p.more a:hover {
background : #fff url(images/greenbutton.gif) no-repeat 0 0;
color : #111;
text-decoration : none;
}
#middlefourPan ul {
width : 156px;
padding : 0 0 20px 0;
}
#middlefourPan ul li {
width : 156px;
height : 20px;
}
#middlefourPan ul li a {
width : 140px;
height : 20px;
background : #fff url(images/arrow1.gif) no-repeat 0 8px;
color : #8d8d8d;
line-height : 20px;
text-decoration : underline;
padding : 0 0 0 16px;
}
#middlefourPan ul li a:hover {
background : #fff url(images/arrow2.gif) no-repeat 0 8px;
color : #272525;
text-decoration : underline;
}
#middlefourPan ul.block {
width : 156px;
height : 151px;
padding : 0;
}
#middlefourPan ul.block li {
width : 156px;
height : 151px;
}
#middlefourPan ul.block li a {
width : 126px;
height : 128px;
display : block;
background : #fcfcfc url(images/block4-normal.jpg) no-repeat 0 0;
color : #fff;
font-size : 20px;
font-weight : bold;
text-decoration : none;
padding : 23px 0 0 30px;
text-transform : uppercase;
}
#middlefourPan ul.block li a:hover {
background : #fcfcfc url(images/block4-hover.jpg) no-repeat 0 0;
color : #fff;
text-decoration : none;
}
#right2 {
width : 212px;
float : right;
padding : 36px 0 0 0;
}
#right2 h2 {
background : url(images/support_div.gif) repeat-x 0 0;
width : 202px;
height : 22px;
display : block;
margin : 0 0 16px 0;
}
#right2 h2 span {
font : bold 24px/17px Georgia, "Times New Roman", Times, serif;
color : #202020;
background-color : #fff;
width : 106px;
}
#right2 ul {
width : 212px;
padding : 0;
margin : 0;
font-size : 0;
}
#right2 ul li {
padding : 0;
margin : 0;
height : 24px;
}
#right2 ul li a {
display : block;
background : #fff url(images/arrow_green2.gif) no-repeat 0 7px;
padding : 0 0 0 15px;
font : normal 12px/24px Verdana, Arial, Helvetica, sans-serif;
color : #202020;
margin : 0;
text-decoration : none;
}
#right2 ul li a:hover {
color : #202020;
background-color : #fffae8;
}
#footerMain {
width : 100%;
height : 137px;
background : url(images/footer_bg.gif) repeat-x 0 0;
}
#footer {
width : 628px;
margin : 0 auto;
height : 137px;
position : relative;
}
#footer ul {
width : 628px;
position : absolute;
left : 0;
top : 20px;
}
#footer ul li {
float : left;
color : #fffae8;
background-color : inherit;
font : normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
#footer ul li a {
color : #fffae8;
background-color : inherit;
font : normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
padding : 0 11px;
text-decoration : none;
}
#footer ul li a:hover {
color : #fffae8;
background-color : #c58c00;
}
#footer p.copyright {
font : normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
position : absolute;
left : 170px;
top : 39px;
}
#footer a.xht {
width : 66px;
height : 15px;
background : url(images/xhtml_bg.gif) no-repeat 0 0;
font : bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
color : #c58c00;
background-color : inherit;
position : absolute;
left : 216px;
top : 60px;
margin : 0;
text-align : center;
text-decoration : none;
}
#footer a.xht:hover {
background : url(images/xhtml_bg_hover.gif) no-repeat 0 0;
color : #000;
background-color : inherit;
}
#footer a.cs {
width : 66px;
height : 15px;
background : url(images/xhtml_bg.gif) no-repeat 0 0;
font : bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
color : #c58c00;
background-color : inherit;
position : absolute;
left : 287px;
top : 60px;
margin : 0;
text-align : center;
text-decoration : none;
}
#footer a.cs:hover {
background : url(images/xhtml_bg_hover.gif) no-repeat 0 0;
color : #000;
background-color : inherit;
}
#footer p.design {
display : block;
width : 203px;
height : 12px;
padding : 2px;
position : absolute;
left : 185px;
top : 98px;
font : bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
color : #fffae8;
background-color : inherit;
text-transform : none;
}
#footer p.design a.link {
font : bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
color : #fffae8;
background-color : inherit;
text-transform : none;
text-decoration : none;
padding : 2px;
}
#footer p.design a.link:hover {
color : #fff;
background-color : #090909;
}
#anillo_educastur {
text-align : left;
padding : 2px 0 2px 50px;
border-top : 1px solid #e7e9ed;
border-bottom : 1px solid #e7e9ed;
margin-bottom : 15px;
clear : both;
height : 1%;
min-height : 34px;
}
#anillo_educastur ul {
list-style : none;
padding : 3px 0 0 0;
margin : 0;
overflow : hidden;
}
#anillo_educastur ul li {
display : block;
float : left;
width : 12%;
text-align : center;
background : transparent;
line-height : 100%;
padding-left : 5px;
}
#anillo_educastur img {
border : none;
}

