/* CSS Document */
* {
padding: 0px;
margin: 0px;
}

html, body {
border:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background: url(../img/bg-grad-repeat.jpg) repeat-x;
}


#container {
width: 744px;
margin: 0 auto;
}

#header {
width: 744px;
float: left;
}
#logo {
width: 233px;
height: 88px;
float: left;
background: url(../img/logo.gif) no-repeat;
}

#headerImg {
width: 744px;
height: 189px;
float: left;
margin: 10px 0px;
background: url(../img/header-img.jpg) no-repeat;
}
#headerHome {
width: 744px;
height: 189px;
float: left;
margin: 10px 0px;
background: url(../img/educating_01.jpg) no-repeat;
}
#headerInt {
width: 744px;
height: 189px;
float: left;
margin: 10px 0px;
background: url(../img/educating_02.jpg) no-repeat;
}

#content {
width: 744px;
float: left;
margin-bottom: 15px;
background: url(../img/red-left-col.gif) repeat-y left;
}
#leftCol {
width: 204px;
padding: 0px 13px;
float: left;
background-color: #8e091e;
}
#leftCol ul{
padding: 23px 0px;
}
#leftCol li{
list-style-type: none;
color: #FFFFFF;
font-size: 0.8em;
padding: 1px 0px;
}
.colBotBorder {
border-bottom: 1px solid #a13e4e;
}

#rightCol {
width: 503px;
float: left;
padding: 0px 0px 10px 10px; 
position: relative;
}
#titleBox {
background-color: #616161;
padding: 10px;
position: reletive;
}
#sideBar {
position: absolute;
left: 513px;
top: 0px;
width: 38%;
height: 37px;
background-color: #cdcdcd;
}

#footer {
padding: 10px 0px 0px 0px;
font-size: 0.7em;
color: #8e8e8e;
clear: both;
width: 744px;
border-top: 1px solid #999999;
}