/* 
Copyright 2007 HATNZ. All Rights Reserved. 
Author: Istyle
------------------------------------------------------
General Elements
Page Structure
Typography
Links
Navigation
Images
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
html { 
padding: 0;
margin: 0;
}
body {
font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
color: #333;
background: #96bf0d;
text-align: center;
margin: 0;
padding: 0;
}
/* PAGE STRUCTURE */
#wrap {
width: 800px; 
margin: 0 auto;
padding: 0;
background: #96bf0d url(images/bg.gif);
text-align: left;
}
#header {
padding: 0;
margin: 0;
height: 223px;
background: #96bf0d url(images/header.jpg);
width: 800px;
}
#left{
width: 480px;
padding: 0;
margin: 0;
float: left;
}
#right{
width: 320px;
padding: 0 0 20px 0;
background: url(images/rightbg.gif) repeat-y;
float: right;
display: block;
position: relative;
}
#logo { 
margin: 7px 0 0 89px;
padding: 0;
height: 97px;
width: 193px;
background: url(images/logo.gif) no-repeat;
position: absolute;
}
/* TYPOGRAPHY */
p {
margin: 0; 
padding: 7px 15px; 
}
#left p{
font: normal 12px/22px Verdana, Helvetica, Arial, sans-serif;
margin: 0 0 0 73px; 
padding: 7px 0px; 
width: 350px;
}
#right p{
font: normal 11px/17px Verdana, Helvetica, Arial, sans-serif;
color: #5a4633;
margin: 0 0 5px 0px; 
padding: 0 0 10px 25px; 
width: 200px;
}
#right p.price{
font: normal 11px/20px Verdana, Helvetica, Arial, sans-serif;
color: #5a4633;
margin: 0px 0 5px 15px; 
padding: 110px 15px 15px 15px; 
width: 200px;
}
#right p.recommend a{
font: normal 11px/20px Verdana, Helvetica, Arial, sans-serif;
color: #72900c;
margin: 0px 0 5px 15px; 
width: 200px;
}
h1 {
font: bold 15px/18px Verdana, Arial, sans-serif;
margin: 20px 30px 10px 73px; 
padding: 0;
color: #555;
background: url(images/startcareer.gif) top left no-repeat;
height: 32px;
width: 322px;
}
h1.about {
font: bold 15px/18px Verdana, Arial, sans-serif;
margin: 20px 30px 10px 73px; 
padding: 0;
color: #555;
background: url(images/about.gif) top left no-repeat;
height: 38px;
width: 266px;
}
h1.course {
font: bold 15px/18px Verdana, Arial, sans-serif;
margin: 20px 30px 10px 73px; 
padding: 0;
color: #555;
background: url(images/course.gif) top left no-repeat;
height: 28px;
width: 199px;
}
h1.nannyoverseas {
font: bold 15px/18px Verdana, Arial, sans-serif;
margin: 20px 30px 10px 73px; 
padding: 0;
color: #555;
background: url(images/nannyoverseas.gif) top left no-repeat;
height: 28px;
width: 228px;
}
h2 {
font: bold 13px/20px Helvetica, Arial, sans-serif;
background: url(images/flexible.gif) top left no-repeat;
margin: 15px 0 0 73px; 
padding: 0px; 
height: 21px;
width: 78px;
}
h2.cert {
font: bold 13px/20px Helvetica, Arial, sans-serif;
background: url(images/cert.gif) top left no-repeat;
margin: 15px 0 0 73px; 
height: 21px;
width: 161px;
}
h2.recentnews {
font: bold 13px/20px Helvetica, Arial, sans-serif;
background: url(images/recentnews.gif) top left no-repeat;
margin: 15px 0 0 73px; 
height: 21px;
width: 161px;
}
h2.enrol {
font: bold 13px/20px Helvetica, Arial, sans-serif;
background: url(images/enrol.gif) top left no-repeat;
margin: 10px 0 0 73px; 
height: 21px;
width: 99px;
}
h3 {
font: bold 13px/20px Verdana, Tahoma, sans-serif;
color: #96BF0D;
padding: 0px;
margin: 5px 0 0 73px;
padding: 0 0 5px 0; 
float: left;
width: 400px;
}
ul {
padding: 0px;
margin: 0;
}
ul li {
padding: 0px;
margin: 5px 0 0 0px;
}
ul.bullets {
padding: 0px;
margin: 0 0 0 90px;
}
#right p.quotesig {
font: italic 10px/14px Verdana, Helvetica, Arial, sans-serif;
margin: 0 0 5px 0px; 
padding: 0 0 25px 25px; 
}
/* LINKS */
a {
color: #ff6600;
text-decoration: none;
}
a img {
border: none;
}
span {
display: none;
}
.center a {
font: 10px/20px Helvetica, Arial, sans-serif;
}
/* NAVIGATION */
#nav {
clear: both;
width: 800px;
height: 62px;
background:  url(images/nav.jpg) top left no-repeat;
margin: 0;
padding: 0;
position: relative;
}
span { 
display: none; 
}
#nav li { 
margin: 0; 
padding: 0; 
list-style: none;
position: absolute;
}
#nav li, #nav a { 
height: 62px; 
display: block; 
}
#navhome { left: 15px; width: 144px; }
#navcourse { left: 159px; width: 109px; }
#navabout { left: 268px; width: 110px; }
#navenrol { left: 378px; width: 108px; }
#navnannies { left: 487px; width: 109px; }
#navhome a:hover, #navhome.current { background: transparent url(images/nav.jpg) -15px -62px no-repeat;}
#navcourse a:hover, #navcourse.current { background: transparent url(images/nav.jpg) -159px -62px no-repeat;}
#navabout a:hover, #navabout.current { background: transparent url(images/nav.jpg) -268px -62px no-repeat;}
#navenrol a:hover, #navenrol.current { background: transparent url(images/nav.jpg) -378px -62px no-repeat;}
#navnannies a:hover, #navnannies.current { background: transparent url(images/nav.jpg) -487px -62px no-repeat;}
/* IMAGES */
.quote {
padding: 0px;
border: none;
margin: 10px 0 0 0;
position: absolute;
left: 7px;
top: 200px;
}
.signature {
padding: 0px;
border: none;
margin: 20px 30px 10px 73px; 
left: 7px;
top: 280px;
}
.affordable {
padding: 0px;
margin: 40px 0 0 0 ; 
position: absolute;
left: 32px;
top: 10px;
}
.testimonial {
border: 3px solid #fff;
margin: 5px 25px 35px 40px;
float: left;
}
.recommend {
border: none;
margin: 5px 25px 5px 40px;
float: left;
}
.quote2 {
padding: 0px;
border: none;
margin: 10px 0 0 0;
position: absolute;
left: 217px;
bottom: 25px;
} 
/* FOOTER */
#footer {
clear: both;
width: 800px;
height: 130px;
font: normal 10px/15px Verdana, Helvetica, Arial, sans-serif;
color: #666;
background: url(images/footerbg.gif) no-repeat;
text-align: left;
}
.footerlogo {
display: inline;
margin: 0 0 0 70px;
padding: 10px 0px;
float: left;
}
#footer a:hover {
text-decoration: none;
color: #666;
} 
.footertext {
text-align: right;
margin: 10px 30px 0 0;
width: 500px;
float: right;
display: inline;
}
.footertext2 {
text-align: right;
margin: 10px 30px 0 0;
width: 450px;
float: right;
display: inline;
}
/* FORMS */
#form {
width: 420px;
float: left;
margin: 0 0 20px 0;
}
label { 
width: 100px; 
float: left;
text-align: right;
display: block; 
font: normal 11px/18px Verdana, Helvetica, Arial, sans-serif;
color: #666;
}
input {
margin: 0 0 0 8px;
width: 200px;
border-style: double;
border-color: #ccc;
border-width: 1px;
background: #fff;
font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
height: 18px;
padding: 2px;
}
select {
margin: 0 0 4px 8px;
width: 200px;
border-style: double;
border-color: #ccc;
border-width: 1px;
background: #fff;
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
padding: 2px;
color: #666;
}
textarea { 
margin: 5px 0 0 8px;
width: 200px;
height: 150px;
border-style: double;
border-color: #ccc;
border-width: 1px;
background: #fff;
font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
padding: 3px;
}
.submit {
display: block;
float: right;
margin: 0 35px 0 0;
width: 80px;
height: 25px;
background: #96bd14;
color: #FFF;
font: bold 11px/18px Arial, Helvetica, sans-serif;
}
.error
{
    color:#FF0000;
    font-weight:bold;
}