@charset "utf-8";
.background {
position:absolute;
background-color:#933;
top:0;
left:170px;
width:938px;
height:1950px;
z-index:1;
padding:0;
}
.designed-developed {
position:absolute;
background-color:#transparent;
top:1940px;
left:870px;
width:200px;
height:25px;
z-index:8;
font-family:Arial, Helvetica, sans-serif;
font-size:8px;
color:#ac4848;
padding:0;
}
.main_bottom_bg {
position:absolute;
background-color:#933;
top:1900px;
left:170px;
width:938px;
height:121px;
z-index:7;
background-image:url(images/01_main_bottom_bg.jpg);
padding:0;
}
.main_top_bg {
position:absolute;
background-color:#933;
top:358px;
left:170px;
width:938px;
height:705px;
z-index:4;
background-image:url(images/01_main_top_bg.jpg);
padding:0;
}
.bg_image_repeat {
position:absolute;
background-color:#ffffff;
top:1063px;
left:170px;
width:938px;
height:837px;
z-index:3;
background-image:url(images/01_bg_repeat.jpg);
background-repeat:repeat-y;
padding:0;
}
.top_flash {
position:absolute;
background-color:#933;
top:0;
left:170px;
width:938px;
height:335px;
z-index:2;
padding:0;
}
.bottom-nav {
position:absolute;
background-color:#transparent;
top:1913px;
left:180px;
width:900px;
height:25px;
z-index:8;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fbfdd3;
padding:0;
}
.menu_title {
position:absolute;
background-color:#transparent;
top:370px;
left:285px;
width:406px;
height:110px;
z-index:5;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#706f6f;
line-height:18px;
background-image:url(images/01courses.jpg);
padding:0;
}
.nav_box {
position:absolute;
background-color:#aeaeae;
top:487px;
left:794px;
width:192px;
height:164px;
z-index:4;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding:0;
}
.back_to_top {
position:absolute;
background-color:#933;
top:1850px;
left:284px;
width:100px;
height:35px;
line-height:14pt;
z-index:8;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
background-image:url(images/01back_to_top.jpg);
padding:0;
}
.course_content {
position:absolute;
background-color:#933;
top:490px;
left:284px;
width:440px;
height:34px;
z-index:6;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#706f6f;
background-image:url(images/course_content_01.gif);
padding:0;
}
.course_content_02 {
position:absolute;
background-color:#fff;
top:500px;
left:284px;
width:440px;
height:1300px;
z-index:5;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#706f6f;
padding:0;
}
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#blueblock {
width:180px;
border-right:1px solid #000;
margin-bottom:1em;
font-family:'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size:90%;
background-color:#90bade;
color:#333;
padding:0 0 1em;
}

* html #blueblock {
width:147px;
}

#blueblock ul {
list-style:none;
border:none;
margin:0;
padding:0;
}


#blueblock li {
border-bottom:1px solid #a1a1a1;
margin:0;
}

#blueblock li a {
display:block;
border-left:10px solid #d7d7d7;
border-right:10px solid #f2f2f2;
background-color:#f9f9f8;
color:#8d8d8d;
text-decoration:none;
width:100%;
padding:5px 5px 5px 8px;
}

html>body #blueblock li a {
width:auto;
}

#blueblock li a:hover {
border-left:10px solid #9a4040;
border-right:10px solid #813b3b;
background-color:#b33b3b;
color:#fff;
}