body {margin: 0px;font-family:Arial, sans-serif;font-size: 12px; line-height: 19px;font-weight: normal;color: #666;text-align: left;background:#008cd3 url('images/bodybg.jpg') top left repeat-x; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:20px}

#topwrapper {position: relative;width: 896px;height: 25px;margin: 0px auto;padding: 0px;border: medium none;background: url('images/pagetopie.jpg') no-repeat top left;}
#wrapper {position: relative;width: 865px;margin: 0px auto;border: 0px none;background: url('images/bodywrapperie.gif') repeat-y top left; padding-left:15px; padding-right:10px; padding-top:0px; padding-bottom:0px}
#bottomwrapper {position: relative;width: 896px;height: 25px;margin: 0px auto;padding: 0px;border: medium none;background: url('images/pagebottomie.jpg') no-repeat bottom left;}

#content-wrapper {width: 830px; margin: 0 auto; overflow:hidden;}
#header {float:left;width: 830px;height: 53px;margin: 0px;padding: 0;border: none;}
#logo {float:left; width:170px; height:90px; margin:14px 0 0 15px; padding: 0; }

#main {width:820px; height:117px; background:url('images/mainbg.jpg') top center no-repeat; margin-top: 20px;}
#main-text {padding: 40px 0 0 18px;}

h2 {background:url('images/icon.jpg') 0 1px no-repeat;padding: 0 0 0 25px; font-size: 16px;}
h3 {background:url('images/icon.jpg') 0 2px no-repeat;padding: 0 0 0 25px; font-size: 16px; line-height: 20px;}
h5 {border-bottom:1px dashed #08B8A1; font-size:13px; padding:10px 0px 0px 0px; color:#08B8A1;}

#navigation {/* width: 609px; width: 424px;*/width: 580px;height: 55px; float:right; margin: 35px 3px 0 0;}
.btn a {height: 55px;margin-left: 2px;text-indent: -9999px;float: left;}
.home_nav a {background: url('images/nav_home.gif') no-repeat 0 -55px;width: 66px;}
.courses_nav a {background: url('images/nav_courses.gif') no-repeat 0 -55px;width: 92px;}
.enrol_nav a {background: url('images/nav_enrol.gif') no-repeat 0 -55px;width: 128px;}
.finance_nav a {background: url('images/nav_finance.gif') no-repeat 0 -55px;width: 87px;}
.contact_nav a {background: url('images/nav_contact.gif') no-repeat 0 -55px;width: 95px;}
.partners_nav a {background: url('images/nav_partners.gif') no-repeat 0 -55px;width: 92px;}
#navigation a:hover, #navigation a.current {background-position: 0 0;}

.clear {clear:both;}

#content-left {width: 530px; float:left; padding: 30px 0 0 20px;}
#content-left .heading { padding-bottom:10px; width:500;}



#content-left h2 a {text-decoration:none;}
#content-right {
	width:250px;
	float:right;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#content-rightmedia {
	width:250px;
	float:right;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.map {border:1px solid #C6477E; padding:3px;}

#box {padding: 0 15px 0 15px; border: 1px solid #cccccc; margin: 0 0 10px 0; background:url('images/box_bottom.jpg') bottom repeat-x;}
#box:hover {border: 1px solid #08b8a1; background:#e5f5f2;}

#box1 {padding: 0 15px 0 15px; border: 1px solid #cccccc; margin: 0 0 10px 0; background:url('images/box_bottom.jpg') bottom repeat-x;}
#box1:hover {border: 1px solid #08b8a1; background:#e5f5f2;}
#box1 img {border:1px solid #D8D3FE; padding:5px; margin:0px 10px 0px 0px; float:left;}
#box1 img:hover {border:1px solid #008cd3; padding:5px;}
#box1 p{font:italic;}
#Gallery  {margin-bottom:20px;}
#Gallery img:hover {border:1px solid #008cd3; padding:5px;}
#Gallery img {padding:5px;}
#Gallery-image { width:250; height:250; padding:0px; margin:25px 0px 0px 15px; float:left;}
#Gallery-image img {border:1px solid #D8D3FE; padding:5px;}
#Gallery-image img:hover {border:1px solid #008cd3; padding:5px;}
#border {width:300px ; border-bottom:#D8D3FE solid 1px; padding:15px;}
.imagenumber {padding-left:20px; color:#08B8A1;}

/*#Gallery-image .image a{border:1px solid #008cd3; padding:5px;}
#Gallery-image .image a:hover {border:2px solid #008cd3; padding:5px;}*/


td {padding-top: 10px;}

#it-bottom {background: url('images/courses_bottom.jpg') no-repeat bottom;width: 226px; margin: 0 30px 10px 0;}
#it-bottom div.it-top {background: url('images/courses_top.jpg') no-repeat top;padding: 25px 0 1px 10px;}
#it-bottom div.c-top {background: url('images/contact_top.jpg') no-repeat top;padding: 25px 0 1px 10px;}
ul.itlist2 {margin:18px 20px 20px 5px;padding:0;list-style:none; color:#ffffff; font-size: 12px;}
ul.itlist2 li {display:block;background:url('images/arrow.jpg') 0 6px no-repeat;margin:2px 0 0 0px;padding:2px 0 0 20px;}
ul.itlist2 li a {text-decoration:none; color:#ffffff;}
ul.itlist2 li a:hover {color:#71bcef;}

ul.packagelist {margin:0 0 20px 0;padding:0;list-style:none;color: #717171;}
ul.packagelist li {display:block;background:url('images/tick3.jpg') top left no-repeat;margin:4px 0 0 0;padding:2px 0 8px 25px;}

ul.servicelist {margin:0 20px 20px 5px;padding:0;list-style:none; font-weight:bold;}
ul.servicelist li {font-size: 110%;display:block;background:url('images/tick.jpg') 0 6px no-repeat;margin:3px 0 0 3px;padding:0 0 5px 22px;}

ul.servicelist2 {margin:0 20px 20px 5px;padding:0;list-style:none;}
ul.servicelist2 li {font-size: 110%;display:block;background:url('images/tick.jpg') 0 5px no-repeat;margin:0px 0 0 3px;padding:0 0 5px 22px;}


#footer {clear: both;margin: 20px 0 0 0;padding: 5px 20px 5px 20px;border: none;text-align: center;background: url('images/bottomsep.jpg') top center no-repeat;}

#footer-top {width: 896px; height: 25px; background:#ffffff url('images/footertop.jpg') no-repeat; margin:0 auto;padding:0;}
#footer-mid {width: 896px;background: url('images/footermid.jpg') repeat-y top; margin: 0 auto; padding:0 0 15px 0; height: 79px;}
#footer-bottom {width: 896px; height: 25px; background:#ffffff url('images/footerbottom.jpg') no-repeat; margin:0 auto;padding:0;}

#footer-copy {margin: 10px 5px 5px 5px ; text-align: center;}
#footer-quotes {height:60px; width: 800px; margin: 0 auto;}
#footer-quotes h4 {font-size: 12px; color:#9d9d9d; text-align:center; padding: 5px 60px 0 60px; font-weight: normal;}

.btn1 {border:0;width: 230px;height: 103px;margin:0 0 7px 0;padding: 0px; }
.btn1 a {border:0;display: block;width: 226px;height: 103px; background: url('images/btn_courses.jpg') no-repeat 0 0;}
.btn1 a:hover {border:0;background: url('images/btn_courses.jpg') no-repeat 0px -103px;}
.btn1 p {border:0;}

.btn2 {border:0;width: 230px;height: 77px;margin: 0 0 7px 0;padding: 0px; }
.btn2 a {border:0;display: block;width: 230px;height: 77px; background: url('images/btn_testimonials.jpg') no-repeat 0 0;}
.btn2 a:hover {border:0;background: url('images/btn_testimonials.jpg') no-repeat 0px -77px;}
.btn2 p {border:0;}

.btn3 {border:0;width: 230px;height: 77px;margin: 0 0 7px 0;padding: 0px; }
.btn3 a {border:0;display: block;width: 230px;height: 77px; background: url('images/btn_finance.jpg') no-repeat 0 0;}
.btn3 a:hover {border:0;background: url('images/btn_finance.jpg') no-repeat 0px -77px;}
.btn3 p {border:0;}

.hide {margin: 0px;padding: 0px;font-size: 14px;font-weight: bold;color: #AAA;display: none;}

img {border:0;}

a:link {color: #08B8A1;}
a:visited {color: #08B8A1;}
a:hover {color: #C7487F;}
a:active {color: #08B8A1;}

.cssform p{
width: 350px;
clear: left;
margin: 0;
padding: 10px 0 10px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #cccccc;
height: 1%;
font-size: 12px;
}

.cssform label{
font-weight: bold;
float: left;
margin: 0 40px 0 -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 300px;
}

.cssform textarea{
width: 300px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

input {height: 25px; border: 1px solid #cccccc; background-color:#EFEFEF; font-size: 17px; padding: 3px 0 0 3px;}
input:hover {border: 1px solid #3f81ac; background-color:#ffffff;}

.formborder {
border-style:solid;
border-width:1px;
border-color:#1b4f71;
color:#ffffff;
background-color:#018bd1;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:130%;
height:30px;
width:140px;
padding-bottom:1px;
}
.formborder:hover{background-color:#3aa7c8;}