/* CSS Document */


body{
margin:0;
padding:0;
background:url(images/backstripe.gif) top left repeat;
font-family:Arial, Helvetica, sans-serif;
font-size: 62.5%;
color:#333333;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
color:#2D89A5;
line-height:1.2em;
margin:0;
padding:0;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#2D89A5;
line-height:12px;
margin:0;
padding:0;
}

.pdfcourses{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#2D89A5;
padding-left:50px;
line-height:70px;
background:url(images/pdf-icon.gif) left no-repeat;
}

.outer1{
width:100%;
background:url(images/blacktop.gif) top left repeat-x;
}

.inner1{
width:882px;
background:url(images/backtop1.gif) #FFFFFF top left repeat-x;
margin-left:auto;
margin-right:auto;
}

.topnav{
background:url(images/topnavback1.gif) top left no-repeat;
width:862px;
height:42px;
margin-left:10px;
}

.topnav ul{
	float: left;
	margin-top: 6px;
	margin-right:17px;
	margin-left:90px;
	padding: 0;
	list-style: none;
	color:#FFFFFF;
	font-size: 1.1em;
}

.topnav li{
    float: left;
    margin: 0;
	list-style: none;
    font-size: 1.1em;
    text-decoration: none;
	font-family: Arial,sans-serif;
	padding:3px;
}

.topnav a {
    float: left;
    display: block;
    margin: 0 0 0 0px;
    color: #ffffff;
    text-decoration: none;
    background:  url(../images/cutcorner.gif) repeat-x top left;
	padding-left:6px;
	padding-right:6px;
}
.topnav .selected{
    background:#209DC3;
    color: #ffffff;
}
.topnav a:hover {
    background:#209DC3;
    color: #ffffff;
}

.outer2{
width:100%;
}

.inner2{
width:882px;
background: #ffffff;
margin-left:auto;
margin-right:auto;
height:241px;
}

.inner21{
width:882px;
background: #ffffff;
margin-left:auto;
margin-right:auto;
height:140px;
}

.mainimg{
margin-left:20px;
background:url(images/learning-group.jpg) top left no-repeat;
height:241px;
width:319px;
float:left;
}

.mainimg2{
margin-left:20px;
background:url(images/learning-group.jpg) top left no-repeat;
height:140px;
width:319px;
float:left;
}

.logo{
background:url(images/inlingua-cardiff.gif) top left no-repeat;
height:58px;
width:362px;
float:left;
margin-top:100px;
margin-left:85px;
}

.logo2{
background:url(images/inlingua-cardiff.gif) top left no-repeat;
height:58px;
width:362px;
float:left;
margin-top:40px;
margin-left:85px;
}

.outer3{
width:100%;
}

.inner3{
width:862px;
margin-left:auto;
margin-right:auto;
height:10px;
background:#000000;
border-left:10px #FFFFFF solid;
border-right:10px #FFFFFF solid;
}

.outer4{
width:100%;
}

.inner4{
width:882px;
margin-left:auto;
margin-right:auto;
background:#FFFFFF;
}

.maincontent{
margin-top:10px;
padding:10px;
float:left;
font-size:1.1em;
width:540px;
}

.maincontent a{
color:#09566D;
font-weight:bold;
}

.maincontentr{
margin:10px;
padding:10px;
}

.maincontentgallery{
margin-top:10px;
padding:10px;
float:left;
font-size:1.1em;
width:855px;
}

.galleryouter{
width:690px;
padding:30px;
background:#E0EFF4;
margin-left:50px;
}

.gallerythumb{
border:3px solid #C8D9E0;
padding:4px;
margin:5px;
float:left;
background-color:#FFFFFF;
}

.gallerythumb img{
border:1px solid #C8D9E0;
}

.galleryclear{
clear:both;}

.mainright{
	width:275px;
	border:0px solid #209DC3;
	float:right;
	padding:10px;
	margin:10px;
	background:#E0EFF4;
	font-size:1.1em;

}

.mainright a{
color:#09566D;
font-weight:bold;
font-size:1.1em;
text-decoration:underline;
}


.mainright3{
width:245px;
border:0px solid #209DC3;
float:right;
padding:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
background:#E0EFF4;
}

.mainright3 a{
color:#09566D;
font-weight:bold;
font-size:1.1em;
text-decoration:underline;
}

.mainright2{
width:280px;
border:0px solid #209DC3;
float:right;
}

.mainright2 a{
color:#09566D;
font-weight:bold;
font-size:1.1em;
text-decoration:underline;
}

.block1{
border-bottom:1px solid #C4DAE2;
padding:2px;
margin-bottom:10px;
height:115px;
}

.block2{
border-bottom:1px solid #C4DAE2;
padding:2px;
margin-bottom:10px;
height:130px;
}

.blockimage{
float:left;
width:120px;
}


.blocktext{
float:left;
padding-left:5px;
padding-top:5px;
width:130px;
}

.blocktext img{
border:0px;
}

.blocktext a{
color:#216379;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:0px;
}

.blocktext a:hover{
text-decoration:none;
}

.blocktext2{
margin-left:5px;}

.blocktext2 a{
color:#09566D;
font-weight:bold;
}

.blocktext3{
float:left;
padding-left:5px;
padding-top:5px;
width:200px;
}

.outer5{
width:100%;
clear:both;
}

.inner5{
width:882px;
margin-left:auto;
margin-right:auto;
height:15px;
background:#cccccc;
border-left:0px #FFFFFF solid;
border-right:0px #FFFFFF solid;
text-align:center;
color:#FFFFFF;
padding-top:3px;
padding-bottom:3px;
}

.inner5 a{
color:#FFFFFF;
}

.outer6{
width:100%;
background:  url(images/inlingua-cardiff-b.gif) #017095 repeat-x top left;
}

.inner6{
width:882px;
margin-left:auto;
margin-right:auto;
height:100px;
}

.howworksnav{
margin-bottom:10px;
margin-top:30px;
margin-left:5px;
padding:0;
float:right;		
width:200px;

}

.howworksnav ul{
	list-style: none;
	padding:0;
	margin:0;

}

.howworksnav li{
	list-style: none;
	padding:0;
	margin:0;
	border-bottom:#cccccc solid 1px;
}

.howworksnav a {
    display: block;
    color:#257B95;
    padding-top: 5px;
	padding-bottom: 3px;
	padding-left:15px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
	background:url(images/larrow.gif) bottom left no-repeat;
	font-weight:500;
}

.howworksnav a:hover{
	background:url(images/larrow.gif) bottom left no-repeat;
    color:#002F5C;
	margin-left:0px;
}
.howworksnav_chosen a{
padding-left:20px;
    color:#257B95;
background:url(images/rarrow.gif) bottom right no-repeat;
font-weight:500;
}

.howworksnav_chosen a:hover{
background:url(images/rarrow2.gif) bottom right no-repeat;
}


.organi ul{
	list-style: none;
	padding:0;
	margin:0;

}

.organi li{
	list-style: none;
	padding:0;
	margin:0;

}

.organi a {
    display: block;
    color:#287891;
    padding-top: 2px;
	padding-bottom: 2px;
	padding-left:5px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
	font-weight:500;	
	border-bottom:#ffffff solid 1px;
}

.rlink ul{
	list-style: none;
	padding:0;
	margin:0px;

}

.rlink li{
	list-style: none;
	padding:0;
	margin-top:20px;
	margin-bottom:20px;

}

.rlink a {
	display: block;
	color:#000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:5px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	border:#95BFCD 2px solid;
	background-color: #B8D6E0;
	width:230px;
}

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

.darkblueb{
	color:#09566D;
	font-weight:bold;
}

.darkblue{
	color:#09566D;
	font-weight:500;
}

.lightblueback{
	color:#ffffff;
	font-weight:400;
	background-color:#3A90AA;
}

.borderright{
	border-right:#09566D solid 1px;
	border-bottom:#09566D solid 1px;
}

.borderbottom{
		border-bottom:#09566D solid 1px;
}

.inlingua{
font-size:1.6em;
color:#999999;
font-weight:bold;

}

.clickenquire{
border:#999999 1px solid;
width:60px;
padding:2px;
background-color:#E0EFF4;
}

.clickenquire a{
font-size:1.1em;
color:#0D6C89;
font-weight:bold;
text-decoration:none;


}



/* --------------------- enrolment form css ------------------------------*/



.contact {
     border:1px solid #cccccc;
	 padding: 3px;
	 background: #F8F8FA;
	 FONT-FAMILY: Verdana, sans-serif;
	 FONT-SIZE: 1.1em; 
	 COLOR: #666666; 
	 display: block;
	 font-weight:normal;
}

.contactenq {
     border:1px solid #cccccc;
	 padding: 3px;
	 background: #F8F8FA;
	 FONT-FAMILY: Verdana, sans-serif;
	 FONT-SIZE: 1.1em; 
	 COLOR: #3A90AA; 
	 display: block;
}

.contactsubmit {
     border:1px solid #1F7792;
	 padding: 3px;
	 background: #F8F8FA;
	 FONT-FAMILY: Verdana, sans-serif;
	 FONT-SIZE: 1.2em; 
	 COLOR: #1F7792; 
	 display: block;
	 font-weight:bold;
}

#contact_left_col{
	float:left;
	padding:0px;
	width:540px;
}
#contact_right_col{
	float:right;
	width: 41%;
}
#contact_left_col p{
	clear:both;
	padding: 3px;
}
input{
	float:right;
	width:400px;
}
textarea{
	float:right;
	width:400px;
	height:100px;
}
select{
	float:right;
	width:320px;
}
#contact_right_col img{
	height: 165px;
	width: 226px;
	padding-top: 20px;
}

fieldset{
padding:20px;
border:#6C9EC3 solid 1px;
width:500px;
}

.enrolrow{
width:100%;
border:#00FF00 0px solid;
color:#0D6C89;
font-weight:bold;
height:30px;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
clear:both}

.enrolrow2{
width:100%;
border:#00FF00 0px solid;
color:#0D6C89;
font-weight:bold;
height:35px;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
clear:both}

.enrolarea{
width:100%;
border:#00FF00 0px solid;
color:#0D6C89;
font-weight:bold;
height:118px;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
clear:both}



.red{
color:#FF0000;
font-size:1em;}

.blackb{
color:#000000;
font-weight:bold;
}



.adminnav ul{

}

.adminnav li{

    margin: 0;
    font-size: 1.1em;
    text-decoration: none;
	font-family: Arial,sans-serif;
	padding:4px;
}

.adminnav a {
padding:2px;
    color: #006699;
    text-decoration: none;
    background:  url(../images/cutcorner.gif) repeat-x top left;

}

.adminnav a:hover {
padding:2px;
    background:#209DC3;
    color: #ffffff;
	
}