html, body{
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 8px 0px;
}

div{
font-size:12px;
color:#333333;
}

a{
color:#94C521;
}
a:hover{
color:#666666;
}

h1{
margin-top:0px;
font-size:16px;
color:#333333;
background-repeat:no-repeat;
background-position:left;
padding-left:30px;
}
h1.gray{
background-image:url(images/grey_on_grey_circles.gif);
}
h1.green{
background-image:url(images/green_on_white_circles.gif);
}
h1.orange{
background-image:url(images/orange_on_white_circles.gif);
}
h1.yellow{
background-image:url(images/yellow_on_white_circles.gif);
}

div{
margin:0px;
padding:0px;
}

#outer{
width:746px;
margin:5px auto 0px auto;
background-color:#efefef;
}

#topleft{
width:250px;
min-height:327px;
float:left;
}
#courseList{
padding:10px;
}
#courseList ul{
padding-left:10px;
margin-left:13px;
margin-right:22px;
color:#9FDF13;
}
#courseList li{
margin-bottom:10px;
}
#courseList a{
color:#666666;
text-decoration:none;
}
#courseList a:hover{
color:#94C521;
text-decoration:underline;
}
#topright{
width:464px;
height:283px;
background-color:#FFFFFF;
border:1px solid #e1e1e1;
float:left;
padding:15px;
}
#topright div{
width:229px;
height:138px;
float:left;
background-repeat:no-repeat;
background-position:bottom center;
}
#topright div a{
display:block;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-align:center;
text-decoration:none;
padding-top:16px;
height:120px;
}
#topright div a:hover{
text-decoration:underline;
}
#topright #yellowBox{
background-color:#FFBE00;
margin-bottom:5px;
background-image:url(images/banana_bg.gif);
}
#topright #redBox{
background-color:#D22111;
margin-bottom:5px;
margin-left:5px;
background-image:url(images/apple_red_bg.gif);
}
#topright #orangeBox{
background-color:#FF5F33;
background-image:url(images/orange_bg.gif);
}
#topright #greenBox{
background-color:#94C724;
margin-left:5px;
background-image:url(images/apple_green_bg.gif);
}


#mid{
width:744px;
margin:5px auto 5px auto;
border-left:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
}
#midleft{
width:229px;
float:left;
padding:10px;
padding-top:0px;
margin:10px 0px;
background-image:url(images/fruit_veg.jpg);
background-position:bottom;
background-repeat:no-repeat;
height:253px;
}
#midright{
width:474px;
float:left;
padding:10px;
border-left:1px solid #e1e1e1;
min-height:263px;
}



#footer{
width:746px;
margin:10px auto;
background-color:#EEEEEE;
padding: 8px 0px;
text-align:center;
color:#666666;
}
#footer a{
color:#666666;
font-weight:bold;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}


#copyright{
width:746px;
margin:10px auto;
font-size:11px;
text-align:center;
color:#666666;
}
#copyright a{
color:#666666;
font-size:11px;
text-decoration:underline;
}

.clearBoth{
clear:both;
height:0px;
}