* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a { text-decoration: underline; color: #dd127b; }
a:hover {color: #fff; background: #dd127b; text-decoration: none;  }

body {
font: 62.5% "Lucida Grande", Tahoma, san-serif;  
color: #000;
background: #fcf4ec;
}
#wrapper {
background: url(img/btm.gif) bottom left repeat-x;
width: 100%;
height: 100%;
padding: 0 0 65px;
}
#header {
width: 100%;
height: 125px;
background: url(img/top.gif) 0 0 repeat-x;
}
h1 {margin: 25px 0 0; float: left; font: bold 3em/1.2em "Georgia", Times, serif;  }
h1 a:hover { background: none; }
#header p {margin: 80px 0 0;float: right; font: bold 1.5em/1.2em "Lucida Grande", Tahoma, san-serif; }
#header div, #content {
width: 910px;
margin: 0 auto;
}
#content {background: url(img/content-bg.png) bottom left no-repeat;}



/* main navigation
--------------------------------*/
ul#nav {
width: 885px;
height: 55px;
float: left;
padding-left: 25px;
font: bold 2.4em/1.2em "Georgia", Times, serif;  
background: url(img/nav-bg.gif) 0 0 no-repeat;
}
body#contact ul#nav {
background: url(img/nav-bg-contact.gif) 0 0 no-repeat;
}
ul#nav, ul#nav li { float: left; }
ul#nav li a {display:block; height: 30px; margin: 15px 0 0; }
ul#nav li.home a {background:url(img/nav.gif) -150px 0; width: 70px;}
ul#nav li.home a:hover, ul#nav li.home a.active {background:url(img/nav.gif) 0 0; }
ul#nav li.contact a {background:url(img/nav.gif) -150px -30px; width: 91px;}
ul#nav li.contact a:hover, ul#nav li.contact a.active {background:url(img/nav.gif) 0 -30px; }
ul#nav li.divider {background:url(img/nav-divider.gif) 0 0 repeat-y; width: 2px;display:block; height: 30px; margin: 15px 20px 0;}
ul#nav li a span {display:none;}



/* feature */
#feature {
width: 880px;
height: 180px;
padding: 30px 0 0 ;
clear: both;
margin: 0 auto;
background: #dd127b url(img/feature-bg.jpg) 0 0 no-repeat;
}
#feature h2{
color: #fff;
font: normal 3.5em/1.2em "Georgia", Times, serif;  
margin: 0 25px 15px; 
}
#feature p{
color: #fff;
font: bold 1.5em/1.2em "Georgia", Times, serif;  
margin: 0 25px; 
}



/* 3 columns across */
#threecols {
width: 900px;
margin: auto;
}
#threecols #left {
width: 410px;
float: left;
}
#threecols #middle{
width: 267px;
float: left;
padding-bottom: 15px;
background: #eee5de url(img/course-bg.gif) bottom left no-repeat;
}
#threecols #right{
width: 210px;
float: right;
}



/* font styling */
h3 {font: bold 1.8em/1.2em "Georgia", Times, serif;  }
h4 {
font: italic 1.4em/1.2em "Georgia", Times, serif; 
color: #dd127b;
}
p {font: normal 1.1em/1.4em "Lucida Grande", Tahoma, san-serif; }
p label { width: 40px; float: left;}



/* left column styles */
#threecols #left h3 {margin: 20px 20px 15px; }
#threecols #left h4 {margin: 0 20px;line-height: 1.4em;}
#threecols #left p {margin: 0 5px 12px 20px;}
#threecols #left p strong { color: #b40158; font-size: 1.1em;}



/* middle column styles */
#threecols #middle h3 { margin: 0 0 3px;}
#threecols #middle h4 { margin: 0 10px 2px 30px;}
#threecols #middle p { margin: 0 10px 12px 25px; font-style: italic; text-align: center;}
#threecols ol { margin: 0 0 12px 30px;}
#threecols ol li { 
background: url(img/bullet.gif) 0 6px no-repeat;
font: normal 1.1em/1.25em "Lucida Grande", Tahoma, san-serif;    
padding: 0 0 0 10px;
margin: 0 0 3px;
}
#ruler {
height: 0px;
margin: 0 12px 8px 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #d7c9bd;
line-height: 0em;
padding: 0;
}



/* right column styles */
#bookbox {
width: 200px;
background: #000 url(img/bookbox-bg.gif) 0 0 no-repeat;
float: left;
margin: 10px 0 ;
}
#bookbox div {
width: 200px;
background: url(img/bookbox-btm.gif) 0 bottom no-repeat;
float: left;
}
#bookbox h3 {
color: #fff;
margin: 15px 17px 7px;
}
#bookbox p {
color: #fff;
margin: 0 17px 15px;
}
#branches {
width: 200px;
background:  url(img/branches-bg.gif) 0 bottom no-repeat;
border-top: 1px solid #d1d1d1;
float: left;
}
#branches h3 {
color: #fff;
margin: 10px 0 10px 12px;
}
#branches h3 a:hover { background: none; color: #000;}
#branches p {
margin: 0 12px 12px;
}



/* footer */
#footer {
width: 860px;
margin: 0 auto;
clear: both;
padding: 25px 0 15px;
}
#footer p {
font: normal 1.1em/1.4em "Lucida Grande", Tahoma, san-serif;    
color: #aaa199;
}
#footer p a {color: #aaa199;}
#footer p a:hover {color: #fff;}