/* CSS Document */
html {
	overflow: -moz-scrollbars-vertical;		/* Automatically add scrollbars for Mozilla */
    overflow-y: scroll;
}

body {
	font-family: arial, helvetica, verdana, sans-serif;
	line-height: 12px;
	background: #FFFFFF url(../images/img_bg_main.jpg) repeat-y center;
	padding: 0;
	border: 0;
					
/* BUMP UP TEXT SIZE FOR IE 5/PC */
	font-size: x-small; 					/* for IE 5 **You know the score** */
	voice-family: "\"}\"";
	voice-family: inherit;	
	font-size: small;						/* *** set this size for normal compliant browsers *** */
	}
	html>body{
	font-size: small;						/* Be nice to Opera */
	}


/* CENTRES PAGE */
#centrer {
	width: 750px;
	margin: 0 auto;
	background: #EBF8FD url(../images/bg_celta_main.jpg) repeat-x top;
	}
	

/* *************************************************************** */
/* *********************** HEADER SECTION ************************ */
/* *************************************************************** */
#header {
	background-color: #FFF;
	float: right;
	width: 750px;
	padding: 0;
	margin: 0;
	}

/* ****** LOGOS ****** */
#logo, #logo_right { display:block;	}		/* screen version of logo */	
#logoprint { display: none;	}								/* Hide print logo */

#logo {	
	float: left;
	position: relative;
	margin: 25px 0 20px 0;
	padding: 0 0 0 15px;
	}		/* screen version of logo */	
	
#logo_right {	
	float: right;
	position: relative;
	margin: 25px 0 20px 0;
	padding: 0 15px 0 0;
	}		/* screen version of logo */	
	
/* *************************************************************** */
/* ************************* HERO IMAGE ************************** */
/* *************************************************************** */
#hero_img {
	padding: 0;
	margin: 0;
	
	}

/* fixes 2px bottom margins from images - in explorer */ 
/*img { display: block; behavior: url(iepngfix.htc); clear: both; } */


/* *************************************************************** */
/* **************************** A NAV **************************** */
/* *************************************************************** */
#anav ul{
font-size: 85%;
color: #FFFFFF;
font-weight: bold;
margin:0 0 1px;
padding:0 5px;
list-style-type:none;
float: left;
letter-spacing: 0.5px;
width:740px;
background: url(../images/img_bg_celta_anav.jpg) repeat-x bottom #009BCA;
} 

#anav li{ display:block; float:left; padding: 0; margin:0 5px; }
#anav a { color: #FFFFFF; padding: 10px 7px; margin: 0; text-decoration: none; display: block; }
#anav a:hover{ color:#FFFFFF; background-color:#00B6EA; }



/* *************************************************************** */
/* **************************** B NAV **************************** */
/* *************************************************************** */

.bnav { 
	list-style: none; 
	margin: 0; 
	padding: 10px; 
	display: block;
	font-size: 85%; 
	background-color: #FFFFFF; 
	width: 206px;
	background-image: url(../images/bnav_bg_celta.jpg);
	background-repeat:repeat-y;
	background-position:right;
	}
	
.bnav li { 
	list-style:none; 
	padding: 2px 0;
	border-bottom: 1px solid #C3C3C3;
	margin: 20px 20px 10px 20px;
	color:#666666;
	font-weight: bold;
	}
	
.bnav li a { 
	display: block; 
	padding: 0; 
	margin: 0; 
	text-decoration: none;
	color:#666666;
	}

.bnav li a:hover { 
	background-image:url(../images/bnav_bullet_celta.jpg);
	background-repeat:no-repeat;
	background-position:right; 
	}
	
#bnav_bottom {
	background-image: url(../images/bg_celta_bottom.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:0;
	margin:0;
	}
	
/* *************************************************************** */
/* ************************** LEFT COL *************************** */
/* *************************************************************** */
#left_col {
	width: 453px;
	display: inline;
	float: left;
	background:#FFFFFF;
	line-height: 110%;
	padding: 10px;
	margin: 20px 0 20px 20px;
	background-image: url(../images/bg_celta_largecol_bottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	}
	
#left_col a { text-decoration: underline; color: #666666; }
#left_col a:hover { text-decoration: underline; color: #000; }	
#left_col p { font-size: 90%; padding: 0 10px!important; }

#top_rounded {
	background-image:url(../images/bg_ielts_largecol_bottom.jpg); 
	background-repeat: no-repeat; 
	background-position:bottom; 
	}
	
#print_icon {
	text-align:right;
	padding: 0px;
	font-size: 95%;
	margin: 0px;
	position: relative;
	top: 20px;
	}
#print_icon img { padding-left: 5px; }

#print_icon a { color:#666666; text-decoration:none; }

#print_icon a:hover { color: #333333; text-decoration:none; }
	

/* ************************** TEXT STYLES *************************** */	
#left_col p {
	padding: 10px;
	margin: 0 0 10px;
	line-height: 180%;
	display: block;
	}
	
.home {
	padding: 10px;
	margin: 0 0 20px 0!important;
	line-height: 180%;
	display:block;
	}
	
/* ************************* TABLES *************************** */
/* tables */	
.normal_table { width: 513px; margin: 0 0 10px; border-collapse: collapse; }
.normal_table th { padding: 5px; margin: 0; text-align: left; background-color: #EFF9FC; border: 1px solid #CCCCCC; line-height: 110%;  }	
.normal_table td { padding: 5px; margin: 0; border: 1px solid #CCCCCC; vertical-align: top; }

/* ************************** HEADERS *************************** */	

#left_col h1, #left_col h2, #left_col h3, #left_col h4 { padding: 0 0 0 10px;	margin: 0 0 20px; text-transform: uppercase; line-height: 110%;  display: block; color: #666666; }	

/* main content header */	
#left_col h1 {	font-family: "Trebuchet MS", verdana, arial, sans-serif; font-size: 170%; letter-spacing: 0.5px; clear: both;  }

/* main sub header */	
#left_col h2 {	font-family: "Trebuchet MS", verdana, arial, sans-serif; font-size: 130%; letter-spacing: 0.5px; margin: 20px 0 5px 0; clear: both;  	}

/* sml verdana sub header */	
#left_col h3 {	margin: 0 0 10px; font-size: 90%; letter-spacing: 0px; line-height: 110%; }
#left_col h4 {	font-family: "Trebuchet MS", verdana, arial, sans-serif; font-size: 115%; letter-spacing: 0.5px; margin: 0 0 10px; clear: both;  	}

#left_col h5 { font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin: 0 0 0 10px; clear:both; padding: 0; color: #333333; }


/* sml verdana sub header */
	
/* float images left and right */	
.left{	float: left; padding: 3px; border: #CCCCCC 1px solid;	margin: 0 10px 10px 0;	}
.right{	float: right; padding: 3px; border: #CCCCCC 1px solid;	margin: 10px 0 0 10px;	}		


/* ************************** LISTS *************************** */

/* page unordered list */	
#left_col ul { clear: both;	padding: 20px;	margin: 0 0 20px 0;	list-style: none; display: block; background-color: #F7F7F7; }
#left_col ul li { background: url(../images/bullet_osquare.gif) 0px 6px no-repeat; padding: 0 0 0 15px; margin: 0 0 10px;  display: block;	}
/* unordered list nested */	
#left_col ul li ul  { clear: both;	padding: 20px 0 10px 20px;	margin: 0;	list-style: none; display: block; background-color: #F7F7F7;	}
#left_col ul li ul li { background: url(../images/bullet_osquare.gif) 0px 6px no-repeat; padding: 0 0 0 15px; margin: 0 0 10px;  display: block;	}

/* page ordered list */	
#left_col ol { clear: both;	padding: 20px;	margin: 0 0 20px 0;	display: block; background-color: #F7F7F7; list-style-position: outside;  }
#left_col ol li { padding: 0; margin: 0 0 10px 20px;  display: block;	}
/* ordered list nested */	
#left_col ol li ul  { clear: both;	padding: 20px 0 10px 20px;	margin: 0;	list-style: none; display: block; background-color: #F7F7F7;	}
#left_col ol li ul li { background: url(../images/bullet_osquare.gif) 0px 6px no-repeat; padding: 0 0 0 15px; margin: 0 0 10px;  display: block;	}

/* anchor links at top of page */		
.page_links {  list-style: none; margin: 0 0 20px 0!important;	padding: 10px 10px 3px 10px!important;	display: block; background: url(../images/img_bg_line.gif) repeat-y;!important;	background-color: #FFFFFF!important;	}
.page_links li { display: block; margin: 0 0 7px!important;	padding: 0 0 0 10px!important;	background: none!important;	}	

/* document download links */		
.download_links {  clear: both;	padding: 20px;	margin: 0 0 20px 0;	list-style: none; display: block; background-color: #EFF9FC; }
.download_links li { background: url(../images/icon_doc.gif) 0px 2px no-repeat!important; padding: 0 0 0 15px; margin: 0 0 10px;  display: block;	}

/* document gallery links */
.picture_links {  clear: both;	padding: 20px;	margin: 0 0 20px 0;	list-style: none; display: block; background-color: #EFF9FC; }
.picture_links li { background: url(../images/icon_picture.gif) 0px 2px no-repeat!important; padding: 0 0 0 15px; margin: 0 0 10px;  display: block;	}

/* ************************* BLOCKQUOTE *************************** */
/* quote */	
#left_col blockquote { display: block; padding: 10px 20px; margin: 0 0 20px 0; line-height: 110%; background-color: #F7F7F7;	}

/* img block can be used with a block of text to create a right / left float */			
.img_block { clear: both; }
.img_block img { float: left; padding: 3px;	border: #CCCCCC 1px solid; margin: 0 10px 10px 0;	}




/* ************************* FORMS *************************** */
/* we can use the table setup form above and use individual tables for the form items to give is total control */
.form { background-color: #F7F7F7; width: 433px; margin: 0 10px 0 10px; border-collapse: collapse; border: none!important; }	
.form th { text-align: left; padding: 10px; border-bottom: 1px #FFFFFF solid; }
.form td { padding: 5px 20px;  }

.form_item { width: 100%;  }
.form_item th { font-weight: normal; padding: 0; border: none; }
.form_item td { padding: 0; }

.form p { font-weight: normal; font-size: 80%!important; padding: 5px; margin: 5px; }

/* ****************************************************************** */
/* *************************** GALLERIES **************************** */
/* ****************************************************************** */

/* NOTE the gallery component feature - display: inline - this is to remove the double border bug in explorer */
.gallery {
	padding: 5px;
	margin: 0;
	display: block;
	border: 0;
	overflow: auto;
	width: 509px;
	} 
	
.img_rollover, a.img_rollover { clear:none; float: left; margin: 0 2px 5px; background-color: #FFFFFF;	display: block;	display: inline; padding: 3px; border: #ffffff 1px solid;	}
a.img_rollover:hover { display: block; display: inline; border: #CCCCCC 1px solid; }


/* ****************************************************************** */
/* ************************* BLOC BUTTON **************************** */
/* ****************************************************************** */
.landing_page_link  { 
display: block;
float: left;
width: 140px;
padding: 10px;
margin: 0px 10px 10px 5px;
text-decoration: none!important;
color: #000000!important;
border: 1px;
border-style:solid;
border-color: #CCCCCC;
}

a.landing_page_link  { 
display: block;
text-decoration: none!important;
color: #000000!important;
}

/* becauae we cant use  a block element inside an inline element we must force inline elemts to behave thus */ 
a.landing_page_link:hover { background-color: #EFF9FC; text-decoration: none; cursor: pointer; display: block; }
.landing_page_link img { float: left; padding: 3px;	border: #CCCCCC 1px solid;  margin: 0 1px 0 0; display: block; background-color: #FFFFFF;  }
.textblock { float: left; width: 160px; display: block; text-decoration: none!important; }
.landing_page_link em { text-decoration: underline; font-style: normal; display: block; padding: 0 0 5px 0; margin: 5px 0 0 0; color: #999999; }
.landing_page_link strong {	padding-top: 10px;	margin: 0 0 10px; font-size: 110%; text-transform: uppercase;	display: block;	letter-spacing: 0px; color: #666666; line-height: 110%;}

.new_container {
	width: 400px;
	display: inline;
	float: left;
	margin: 0px;
}

a.landing_btn {
	width: 150px;
	height: 170px;
	padding: 5px;
	display: block;
	float: left;
	border: 1px #EDEFEF solid;
	margin: 5px;
	color: #666666;
	text-decoration: none;
	font-size: 85%;
	background: #F6F7F4;
	}

a:hover.landing_btn {
	border: 1px #9AABB5 solid;
	background: #EFF9FC;
	}

.btn_hdr {  display: block; font-weight: bold; margin: 0 0 3px; text-transform: uppercase; }
.btn_desc { display: block; margin: 0 0  2px; line-height: 95%; }

/* *************************************************************** */
/* ************************** RIGHT COL ************************** */
/* *************************************************************** */
#right_col {
	display: inline;
	margin: 20px 15px 0 10px;
	float: right;
	height: 100%;
	padding: 0;
	border:none;
	}
	
/* right col h1 is the section header with coloured bg, used in conjunction with a style to det the bg to relivent icon */	
#right_col h1 {
	margin: 0 0 1px;
	background-color: #FFCC23;
	padding: 20px 20px 20px 0;
	font-size: 100%;
	border-bottom: dotted #FFFFFF 1px;
	line-height: 110%;
	}
	

/* right col h2 is for img used as header */
#right_col h2 {
	margin: 0 0 1px;
	padding: 0;
	border-bottom: dotted #FFFFFF 1px;
	}


/* cnav right hand nav section */
.cnav {
	line-height: 105%;
	color: #000;
	width: 226px;
	}
	
/* right hand nav */
.cnav ul {	padding: 10px 10px 5px; display: block; margin: 0; list-style: none; background: #FDFDFD;	}
.cnav li {	padding: 0;	margin: 0 0 15px;	display: block; }
/* right hand sub nav */
.cnav li ul { padding: 0; margin: 10px 0 10px 0!important; background-color: none; background-image: none!important; font-weight: normal; }
.cnav li ul li { font-size: 85%!Important; }
/* cnav text colors + rollovers */
.cnav a { text-decoration: none; color: #777; }
.cnav a:hover { text-decoration: underline; color: #000; }


/* bullet stlyes */
.cnav_on { padding: 0 0 0 20px!important; background: url(../images/bullet_arrow.gif) no-repeat 2px 4px; font-weight: bold; color: #000000;}
.cnav_sub_on { padding: 0 0 0 20px!important; background: url(../images/bullet_arrow.gif) no-repeat 2px 4px; font-weight: normal; color: #000000;}
.cnav_open { padding: 0 0 0 20px!important; background: url(../images/bullet_open.gif) no-repeat 2px 4px; font-weight: bold; color: #000000;}
.cnav_adress { padding: 0 0 0 15px!important; background: url(../images/icon_adress.gif) no-repeat 0 2px; }
.cnav_phone { padding: 0 0 0 15px!important; background: url(../images/icon_phone.gif) no-repeat 0 2px; }
.cnav_fax { padding: 0 0 0 15px!important; background: url(../images/icon_fax.gif) no-repeat 0 2px; }
.cnav_email { padding: 0 0 0 15px!important; background: url(../images/icon_email.gif) no-repeat 0 5px; overflow: hidden; width: 155px; }




/* ***************RETURN TO TOP AND PRINT THIS PAGE**************************** */

#text_img {
	width: 453px;
	display: inline;
	float: left;
	text-align: right;
	background:#FFFFFF;
	line-height: 110%;
	background-image: url(../images/bg_ielts_largecol_bottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	}
	
#text_img a { text-decoration: underline; color: #666666; padding-left: 5px; }
#text_img a:hover { text-decoration: underline; color: #000; }	
#text_img p { font-size: 90%; padding: 0 10px!important; }


/* *************************** FOOTER **************************** */
/* *************************************************************** */
#footer {
	clear: both;
	padding: 10px;
	margin: 0;
	background-color: #FFFFFF;
	display: block;
	width: 730px;
	line-height: 120%;
	font-size: 85%;
	}
	
*html #footer {
height:1px;
}

/* TOP RIGHT NAV */	
#nav_footer {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	}
	
#nav_footer li { margin: 0 0 0 10px; padding: 0 0 5px; float: left; display: block; }
#nav_footer a, #phase a { color: #000000; text-decoration:none;	}
#nav_footer a:hover, #phase a:hover { color: #000000; text-decoration:underline;	}
#phase { float: left; display: block; }