/* MAIN STYLES */

*{
margin: 0;
padding: 0;
}

body{
background-color: #EEEEEE;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 70px 0px 0px 0px;
color: #030748;
}

#pageContainer{
width: 1017px;
height: auto;
margin: 0 auto 70px auto;
}

#pageTop{
width: 1017px;
height: 24px;
background-image: url(images/bg-top.jpg);
}

#contentContainer{
width: 1009px;
height: auto;
background-image: url(images/bg-content.jpg);
padding: 0px 4px 0px 4px;
}

#pageBottom{
width: 1017px;
height: 24px;
background-image: url(images/bg-bottom.jpg);
}

.green{
color: #4bb7ab;
}

.spacer{
width: 700px;
height: 1px;
clear: both;
}

/* HEADER STYLES */

#header{
height: 321px;
width: 978px;
margin: -20px 0px 0px 0px;
padding: 0px 0px 0px 31px;
}

#logo{
margin: 0px 82px 0px 0px;
float: left;
}

#strapline{
text-transform: uppercase;
font-size: 18px;
float: left;
margin: 44px 0px 0px 0px;
}

#nav{
width: 780px;
height: 25px;
background-image: url(images/nav.png);
float: left;
margin: 37px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}

#nav li{
float: left;
list-style: none;
margin: 4px 8px 0px 8px;
}

#nav li a{
color: #030748;
text-decoration: none;
}

#nav li a:hover{
text-decoration: underline;
}

#headerImage{
float: left;
width: 662px;
height: 173px;
background-image: url(images/headerImage.jpg);
margin: 20px 0px 0px 0px;
}

#headerText{
width: 390px;
float: right;
margin: 54px 25px 0px 0px;
}

#news{
width: 250px;
height: 173px;
float: right;
margin: 20px 25px 0px 0px;
background-color: #edf1f2;
}

#news h1{
color: white;
background-color: #859caa;
font-size: 11px;
height: 22px;
line-height: 21px;
text-transform: uppercase;
padding: 0px 0px 0px 10px;
}

#news ul{
list-style: none;
}

#news ul li{
height: 20px;
line-height: 21px;
padding: 0px 0px 0px 30px;
border-bottom: 1px solid white;
border-top: 1px solid white;
background-image: url(images/newsBullet.jpg);
background-repeat: no-repeat;
}

#news ul li a{
text-decoration: none;
color: #002840;
font-weight: bold;
}

#news ul li a:hover{
text-decoration: underline;
}

#mainContent{
padding: 20px 0px 0px 31px;
height: auto;
width: 978px;
float: left;
}

/* HOME PAGE */

.courseBox{
width: 214px;
height: 173px;
float: left;
margin: 0px 10px 0px 0px;
color: white;
}

.courseBox ul{
margin: 0px 0px 0px 30px;
list-style: none;
}

.courseBox h1{
font-size: 12px;
padding: 10px;
}

#greenCourse{
background-color: #197704;
}

#blueCourse{
background-color: #0906a2;
}

#pinkCourse{
background-color: #9804b8;
}

#whatPeopleSay{
width: 250px;
height: 173px;
float: right;
margin: 0px 25px 0px 0px;
}

#whatPeopleSay p{
margin: 0px 0px 8px 0px;
}



/* CONTENT PAGE */

#subNav{
list-style: none;
width: 186px;
float: left;
margin: 41px 0px 0px 0px;
}

#subNav li{
margin: 0px 0px 5px 0px
}

#subNav li a{
text-decoration: none;
color: #4bb7ab;
}

#contentPageContent{
width: 476px;
float: left;
color: black;
}

#contentPageContent h1{
margin: 0px 0px 15px 0px;
color: #030748;
}

.contentCourseBox{
border: 1px solid #adadad;
width: 240px;
height: 178px;
margin: 0px 0px 20px 0px;
position: relative;
}

.contentCourseBox ul{
margin: 15px 0px 10px 20px;
list-style: none;
float: left;
}

.contentCourseBox h2{
font-size: 12px;
height: 23px;
background-image: url(images/courseGreenBG.jpg);
padding: 8px 0px 0px 11px;
}

.contentCourseBox img{
position: absolute;
bottom: 10px;
right: 10px;
}

#contentRight{
width: 250px;
height: auto;
float: right;
margin: 44px 25px 0px 0px;
}

#bibleVerse{
background-image: url(images/bibleVerse.jpg);
width: 230px;
height: 200px;
margin: 0 auto;
text-align: center;
padding: 10px;
}

#bibleVerse h2{
color: #4bb7ab;
font-size: 16px;
margin: 0px 0px 15px 0px;
}

#bibleVerse p{
margin: 20px 0px 0px 0px;
}

/* FOOTER STYLES */

#footer{
padding: 20px 0px 0px 31px;
height: auto;
width: 978px;
float: left;
}

.footerText{
width: 146px;
height: 100px;
float: left; 
margin: 0px 26px 0px 0px;
}

.footerText a{
color: #4bb7ab;
text-decoration: none;
}

.footerText a:hover{
text-decoration: underline;
}

#footerTextRight{
width: 246px;
height: 100px;
float:left;
color: #4bb7ab;
margin: 0px 0px 0px 15px;
}