/* 
// Date : 2009.06.17
// Author : David Goadby
// (c) 2009 GSD - provided 'AS-IS'
//

RED:   color:#E31837;
BLUE:  color:#27318B;

 */
 
 
 /** DESCENT | RESET  --------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }  
html,body{height:101% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select {font: normal 12px "Arial";margin: 0 0 0 0; padding: 0 0 0 0;color: #000;}
body {margin: 0px;padding: 0px;color: #000;font: normal 12px  "Arial"; background:  repeat-x url(../images/bg.jpg) #fff; text-align:center;}


/* CONTAINER / ------------------------------------------------------------*/
#container { width: 1020px; margin:auto;}


/* HEADER & SEARCH / -------------------------------------------------------------*/
#header { width:1000px;background: no-repeat url(../img/bg_header.jpg); height: 167px;}
#header p.advice {float: left; margin: 100px 0 0 380px; font: normal 20px Arial, Helvetica, sans-serif; color:#E31837;}
#header p.advice strong { color:#27318B; font-family: arial black;}
#header #search { float:left;margin: 100px 0 0 20px; width:330px; }
#header #search label {color:#27318B; font: bold 18px arial black; float:left;padding-right:7px;}
#header #search .input {padding: 3px;float:left; width:135px;margin-right:18px;}


.student_image { float:left; width:89px;}
.student_copy { float:left; width: 260px;}

.news {border-bottom: 1px solid #EC297B; padding-bottom: 10px; margin-bottom:20px;}
.news p { margin: 10px 0 10px 0;}
.news p.pdf {list-style:none; padding: 0px 0 10px 50px; background: no-repeat url(../img/pdf.png) top left;}
.newsimage { padding: 1px; border: 1px solid #FF9933; margin-right:15px;}

/* HOME CONTENT / -------------------------------------------------------------*/
#home_content { width:1000px; margin: 0px 0 0px 0;}


/* HEADER MAIN PAGES / -------------------------------------------------------------------------*/
#page_head { width: 1000px; background: no-repeat url(../img/bg_page_r1_c1.jpg);height: 164px;}
#left { float:left; text-align:left; margin: 50px 0 0 100px; border-bottom: 1px solid #EC297B; width: 670px; }
#page_head .buttons { float:left; margin-right: 5px; width:330px;}

#left .buttons div {float: left; margin: 0 5px 0 0;}
#left .buttons a {display: block; height: 40px; padding: 2px 0 0 5px; font-family: Arial Black; font-size: 14px; text-decoration: none;}
#left .buttons .home a {width: 89px; background: #253187; color: #FFFFFF;}
#left .buttons .home a:hover {background: #313F9F;}
#left .buttons .indi a {width: 99px; background: #9CCB3B; color: #E31837;}
#left .buttons .empl a {width: 99px; background: #EC008C; color: #EEDC00;}

#left .buttons .home a:hover {background: #E31837;;}
#left .buttons .indi a:hover {width: 99px; background: #E31837; color: #fff;}
#left .buttons .empl a:hover {width: 99px; background: #EEDC00; color: #fff;}


#page_head #search { float:left;margin: 0px 0 0 0px; border-bottom: 1px solid #EC297B; padding: 5px 0px 9px 0px;width:310px;}
#page_head #search label {color:#27318B; font: bold 16px arial black; float:left; padding-right:7px; }
#page_head #search .input {padding: 3px;  float:left; width:135px; margin-right:14px; }

#page_head .info_line { display:block; clear:both; padding: 30px 0 10px 0; font: normal 18px Arial, Helvetica, sans-serif; color:#E31837;}
#page_head .info_line strong { color:#27318B; font-family: arial black;}


/* CONTAINER TEXT STYLES / -------------------------------------------------------------------------*/
#col_container { float:left; display:block; width: 650px; text-align:left; margin-top: 20px; height: 680px; overflow:auto;}
#col_container h2 { font: normal 28px "Arial Black"; color:#9CCB3B; margin-bottom: 15px; margin-top:8px;}
#col_container h3 { font: bold 14px Arial, Helvetica, sans-serif; color:#9CCB3B; margin: 10px 0 10px 0;padding-left:5px; }
#col_container h4 { font: bold 14px Arial, Helvetica, sans-serif; color:#27318D; margin: 10px 0 10px 0;}
#col_container p { font: normal 12px Arial, Helvetica, sans-serif; color:#000000; line-height: 20px; padding-left:5px; }
#col_container a {color:#9CCB3B;}
#col_container ul { }
#col_container li { color:#000000;}
#col_container li a {}
#col_container .splitleft{float: left; width:45%;}
#col_container .splitright{float: left; width:50%;}
#col_container .splitright ul{margin-left: 20px;}
#col_container span{font-size: 14px; color: #E31837;}


#col_container ul.float { float:left; margin: 10px 0 30px 25px; width: 280px;}
#col_container ul.float li { font-weight:bold; line-height: 28px; font-size:14px;}
#col_container ul.float li a {font-weight:normal;}
#col_container ul.float li.pdf {list-style:none; padding: 0px 0 10px 25px; }





/*BODY COPY / -------------------------------------------------------------------------*/
#col_two { float:left; width: 410px; height: 680px; overflow:auto; padding-right: 30px; }
#col_two ul { margin-left: 20px; margin-top:15px;}
#col_two li {color:#000000; line-height: 18px; }
#col_two ul p { margin-right:30px;}


/* LINKS / DOWNLOADS / VIDEOS  -------------------------------------------------------------------------*/
#col_three { padding-top:0px;  height: 680px; overflow:auto; width: 200px;  }
#col_three h4 {border-bottom: 1px solid #EC297B; float:left; display:block; width:170px; padding-bottom: 5px; margin-left: 10px; margin-top:10px; }
#col_three ul { float:left; }
#col_three li { line-height: 18px;color:#EC297B; font-size:11px; }
#col_three li a {color:#EC297B;}
#col_three .video { float:left; margin: 10px 0 10px 10px; display:block;}


/* SEARCH  -------------------------------------------------------------------------*/
#search {}
#search p { line-height: 22px;}
#search li {  margin: 10px 0 10px 25px;}




/* SIDE NAV /  -------------------------------------------------------------*/
#nav { width: 300px; margin: 20px; text-align:left; list-style-type:square; float:left;}
#nav h2 {font: bold 50px Arial Black, Helvetica, sans-serif;color: #E31836; margin-left: 15px;  letter-spacing:-4px; }
#nav ul { margin-left: 0px; margin-top:10px; padding-bottom: 20px;}
#nav li {  list-style:none; margin:4px 0 4px 0; padding:0;}
#nav li a {font: bold 20px Arial Black, Helvetica, sans-serif; color:#FFFFFF; display: block;text-decoration:none; background: no-repeat url(../img/bullet.gif); padding:0 0 0 45px;font-style:normal; margin:0;}
#nav li a:hover { background-color:#E31837; display: block;}
#nav .selected {background-color:#E31837; }


#emp_nav { width: 300px; margin: 20px; text-align:left; list-style-type:square;float:left;}
#emp_nav h2 {font: bold 50px Arial Black, Helvetica, sans-serif; color: #FFCC00; letter-spacing: -3px; margin-left: 20px;}
#emp_nav ul { margin-left: 0px; margin-top:10px; padding-bottom: 20px;}
#emp_nav li {  list-style:none;margin:4px 0 4px 0;}
#emp_nav li a {line-height:20px;font: bold 20px Arial Black, Helvetica, sans-serif; color:#FFFFFF;display: block; text-decoration:none; background: no-repeat url(../img/bullet.gif); padding-left: 45px;}
#emp_nav li a:hover { background-color:#FFCC00;display: block; }
#emp_nav .selected {background-color:#FFCC00; }

#box_one { float:left; width: 280px; height: 290px; background-color:#9CCC3C; margin: 20px 5px 20px 50px; text-align:left; }
#box_one h1 {font: bold 50px Arial Black, Helvetica, sans-serif;color: #E31836; margin-left: 0px;  letter-spacing:-4px; padding-left: 10px;  }
#box_one p {font: bold 18px Arial Black, Helvetica, sans-serif;color: #E31836; margin-left: 0px; padding: 20px 0px 20px 10px;  }
#box_one a {color: #E31836; text-decoration:none; }

#box_two { float:left; width: 280px; height: 290px; background-color:#ED008C; margin: 20px 5px 20px 40px;text-align:left; }
#box_two h1 {font: bold 50px Arial Black, Helvetica, sans-serif;color: #FFCC00; margin-left: 0px;  letter-spacing:-4px; padding-left: 10px; }
#box_two p {font: bold 18px Arial Black, Helvetica, sans-serif;color: #FFCC00; margin-left: 0px; padding:20px 0px 20px 10px; }
#box_two a {color: #FFCC00; text-decoration:none; }

#box_three { float:left; width: 280px; height: 290px;  margin: 20px 5px 20px 40px; text-align:left; z-index:-100;}
#vision{z-index:-100;}




/* ENQUIRY FORM /  -------------------------------------------------------------*/
#col_form { float:left; width: 380px;}
#frmEnquiry { float:left; width: 330px;}
#frmEnquiry p { display:block; padding: 3px;}
#frmEnquiry label { text-align:right; float:left; padding: 0 5px 0 0; width: 60px; color:#000000;}
#frmEnquiry .input { border: 1px solid #333333; width: 240px; padding: 3px;}
#frmEnquiry p.check  { margin-left: 60px; }
#frmEnquiry textarea { border: 1px solid #333333; width: 240px; padding: 3px; font: normal 11px Arial, Helvetica, sans-serif;}



/* COURSE BOOKING BOX /  -------------------------------------------------------------*/
#course_book {background-color:#FFFFCC; border: 1px solid #FFCC66; padding: 10px; width: 210px; float:left; margin: 40px 0 0 30px;}
#course_book h3 {color:#333333;}



/* APPLICATION FORM /  -------------------------------------------------------------*/
#col_form_app { float:left; width: 620px; }
#frmEnquiry_app { float:left; width: 400px;background-color:#FFFFCC; border: 1px solid #FFCC66; padding: 10px; margin-left:70px;}
#frmEnquiry_app h3 {color:#333333;border-bottom: 1px solid #FFCC66; margin-bottom: 20px; }
#frmEnquiry_app p { display:block; padding: 3px; margin:0 0 10px 20px;}
#frmEnquiry_app label { padding: 0 5px 0 0; display:block; color:#000000; }
#frmEnquiry_app .input { border: 1px solid #999; width: 330px; padding: 3px;}
#frmEnquiry_app p.check  { margin-left: 60px; }
#frmEnquiry_app textarea { border: 1px solid #333333; width: 240px; padding: 3px; font: normal 11px Arial, Helvetica, sans-serif;}
#frmEnquiry_app .error {background-color:#CC0000; border: 1px solid #FFCC66; padding: 5px; margin: 5px; display:block; color:#fff;}
#frmEnquiry_app em { color:#CC0000; font-weight:bold; font-size:14px;}
 .required { color:#CC0000; font-weight:bold; font-size:10px; margin-top:10px;}


/* MAIN COLUMN LISTING/  -------------------------------------------------------------*/
#course_listing { margin-left:30px;}
#course_listing li { float:left; width: 43%; margin: 10px 20px 10px 0; font-size:12px; height: 55px;}
#course_listing li a {}
#course_listing em {}
#course_listing small {}


.course_detail {}
.course_detail ul { margin: 15px 0 15px 25px;}
.course_detail li { list-style-type:disc;} 



/* FOOTER -------------------------------------------------------------*/
.maryportas{position:relative; bottom: 85px; right: 150px; z-index:100;}
#footer_left {float: left; width: 600px; text-align: left; margin: 15px 0 0 40px; color: #E31837; font-size: 16px; font-weight: bold; }
#footer_left img{margin: 5px 20px 0 0; border: 0;}
.footer_link {float: right; display: block; width: auto; height: 55px; margin: 35px 0 0 25px; padding: 0 0 0 5px; text-align: left; color: #E31837; font-size: 16px; font-weight: bold; border-left: 1px solid #E31837; text-decoration: none;}
.footer_link:hover {text-decoration: underline;}

#footer {clear:both; display:block; text-align:left;padding: 25px 0 10px 40px;}
#footer p {font-size: 9px; color:#333; }
#footer p a { font: bold 9px Arial, Helvetica, sans-serif; color:#333;  text-decoration:none; padding: 10px 0 10px 0; }
#footer a em { color:#FF9900; font-style:normal;}