/* Main CSS Start */

/*importing reset stylesheet start*/

@import "reset.css";

/*importing reset stylesheet end*/



body{

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	color: #666;

}



body.home {

	background: url(../images/body-bg.gif) repeat-x left top #fff;

}



#outer-wrapper

{

	width:100%;

	padding:0 0 20px 0;

	background:url(../images/outer-wrapper-bg.png) no-repeat center top;
	

}

#wrapper {

	width: 977px;

	margin: 0 auto;



	height:auto!important;

	height:1200px;

	padding:0 0 23px 0;

}

h4

{

font-size:16px;

color:#204367;

}

p

{

font-size:13px;

line-height:18px;

}

input, select

{

color:#666666;

font-size:13px;

padding:7px 10px 5px 10px;

text-transform: capitalize;

}

input.lower

{

text-transform: none;

}



/* Main CSS End */





/* Header CSS Start */

#header {

	/*height: 176px;*/
	height: 160px;
	width:100%;


}

/* Header CSS End */


.logo
{
width:300px;
height:130px;
float:left;
margin-top:15px;
}


/*.logo
{
width:472px;
height:105px;
float:left;
margin-top: 10px;
}*/





.logo h1, .logo span {
display: none;
}

.searchbar
{

float:right;

width:205px;

padding:20px 0 0 0;
}




/*a.ilmlogo

{

float:right;
width:158px;
height: 64px;
position: relative;
top: 90px; left:177px;
padding:0;

background:url(../images/ilm-header.gif) no-repeat left top;

}*/

.ilmlogodiv

{

float:right;
width:460px;
height: 64px;
margin-right: 30px;
margin-top: 5px;

}


.ilmlogodiv span

{
display: none;
}



img.ilmlogo
{
float:right;
width:200px;
height: 60px;
position:relative;
left: 26px;
top: 8px;
}


img.napierlogo
{
float:right;
width:233px;
height: 60px;
position:relative;
top: 95px;
}

img.elclogo
{
float:right;
width:60px;
height: 68px;
position:relative;
top: 87px;
}




.clear
{
clear:both;
height: 1px;
}


.preferred_supplier
{
float: right;
position:absolute;
right: 225px;
top: 30px;
width: 335px;
height: 56px;
font-weight: bold;
color: #204367;
font-size: 16px;
background-image: url('/images/preferred-supplier.jpg');
text-indent: -2000px;
overflow: hidden;
}

.freenumber
{
float: right;
position:absolute;
right: 200px;
top: 53px;
width: 250px;
font-weight: bold;
color: #204367;
font-size: 16px;
}



.freenumber span
{
color: #71A8B8;
}





#topleft

{
margin-left: 8px;
margin-top: 15px;
}

#topleft a

{
color: #71A8B8;
text-decoration:none;
}




.search

{

background:url(../images/emailbar.gif) no-repeat left top;

border:0;

width:146px;

height:22px;

float:left;

}


.searchbar

{

position:relative;


}

.searchbar ul

{

float:right;

padding:0 0 12px 0;


}

.searchbar ul li

{

float:left;

padding:0 0 0 12px;

}

.searchbar ul li a

{

color:#919191;

font-size:11px;

text-decoration:none;

}

.searchbar ul li a:hover

{

color:#204367;

}

/* Menu CSS Start */

#menu {

	height: 43px;

	width:965px;

	margin-left:12px;

}

.left-menu

{

	background:url(../images/menu-left-bg.gif) no-repeat left top;

	width:8px;

	height:43px;

	float:left;

}

.right-menu

{

	background:url(../images/menu-right-bg.gif) no-repeat right top;

	width:7px;

	height:43px;

	float:left;

}

.center-menu

{

	float:left;

	background:url(../images/menu-repeat.gif) repeat-x left top;

	width:950px;

	height:43px;

}

.center-menu ul

{
/*
padding:0 0 0 0;
*/
}

.center-menu ul li

{
/*
	float:left;

	padding:0 0 0 2px;

	background:url(../images/menu-spri.gif) no-repeat left top;

	height:43px;
*/
}






.nobg

{

	background:none!important;

	border:none!important;

}

.center-menu ul li a

{
/*
	font-size:13px;

	color:#fff;

	text-decoration:none;

	text-shadow:-1px 1px #000;

	display:inline-block;

	padding:13px 20px 10px 17px;
*/
}

.center-menu ul li a:hover, .center-menu ul li.mainnavon
{
	background:url(../images/menu-hover.gif) repeat-x left -1px!important;
}

/* Menu CSS End */





/* Content CSS Start */

#content {

	float:right;

	width:965px;	

}

#row-1

{

	width:965px;

	margin:0 auto;

}

#boxes

{

	width:961px;

	margin:0 auto;

	float:left;

	padding:56px 0 0px 4px;

}

.box-1

{

position:relative;

	width:343px;

	float:left;

}

.box-2

{

position:relative;

	width:343px;

	float:left;

}



.box-3

{

position:relative;

	width:275px;

	float:left;
	bottom: 25px;
	

}



.tab-box

{

position:absolute;

top:-23px;

left:-14px;

z-index:100;

}


.tab-box-left a, .tab-box-left2 a {

text-decoration:none;
color:#2e5a88;
}


.tab-box-left

{

background:url(../images/tab-box.png) no-repeat left top;

height:76px;

float:left;

padding:0 18px 0 20px;

position:relative;
bottom: 14px;

}


.tab-box-right

{

background:url(../images/tab-box-right.png) no-repeat right top;

height:76px;

width:5px;

float:left;
position:relative;
bottom: 14px;
}





.tab-box-left h3 

{

font-size:20px;

color:#2e5a88;

padding:12px 0 0 0;


font-weight:normal;

}


.tab-box-left2

{

background:url(../images/tab-box.png) no-repeat left top;

height:76px;

float:left;

padding:0 18px 0 20px;
position:relative;
top: 11px;

}

.tab-box-left2 h3 

{

font-size:20px;

color:#2e5a88;

padding:12px 0 0 0;

font-weight:normal;

}

.tab-box-right2

{

background:url(../images/tab-box-right.png) no-repeat right top;

height:76px;

width:5px;

float:left;
position:relative;
top: 11px;
}



#boxes h4

{

font-size:16px;

color:#71a8b8;

padding:0 0 16px 5px;

}

#boxes p

{

font-size:13px;

color:#204367;

padding:0 0 20px 5px;

line-height:18px;

width:250px;

}


.more-info
{
background:url(../images/more-info-button.png) no-repeat left top;
}

.more-info1
{
background:url(../images/more-info-button1.png) no-repeat left top;
}

.more-info2
{
background:url(../images/more-info-button2.png) no-repeat left top;
}


.more-info, .more-info1, .more-info2

{

width:195px;

height:51px;

display:block;

border:0;

margin:0 0 0 4px;

float:left;

font-size:13px;

color:#fff;

text-transform:uppercase;

cursor:pointer;

position:relative;

}

.more-info:hover{

background:url(../images/more-info-button.png) no-repeat left bottom;

}


.more-info1:hover{
background:url(../images/more-info-button1.png) no-repeat left bottom;
}

.more-info2:hover{
background:url(../images/more-info-button2.png) no-repeat left bottom;
}



#row-2

{

	width:965px;

	margin:0 auto;

padding-top: 20px;

}

#col-1 {

	width: 662px;

	float: left;

	padding:0 15px 0 8px;


}

#col-1 h4, #col-1 h1

{

font-size:18px;

color:#71a8b8;

padding:0 0 21px 0;

}

.h4color

{

color:#204367!important;


}

#col-1 {
font-size:13px;
width:640px;
color:#204367;
}


#col-1 td {
border-top: 1px solid #dedede;
padding: 3px;
}


#col-1 p

{


font-size:13px;

color:#204367;

padding:0 0 15px 0;

}

#col-1 ul, #col-1 ol

{

padding:0 0 0 0;

margin-left: 20px;

margin-bottom: 20px;

}



#col-1 ul ul

{

margin-bottom: 0px;

}



#col-1 ul li, #col-1 ol li

{

float: none;

color:#204367;

background:url(../images/bullet.gif) no-repeat left 5px;

padding:2px 0 0 15px;

}

#col-2 {

	width: 275px;

	float:right;

}

#col-2 ul

{

padding:0 0 35px 0;

}

#col-2 ul li

{

background:url(../images/bullet-1.gif) no-repeat left top;

padding:0 0 6px 25px;

}

#col-2  ul li a

{

text-decoration:none;

color:#204367;

font-size:13px;

}

#col-2  ul li a:hover

{

color:#a4acaf;

}

#col-2 h4

{

padding:0 0 13px 0;

}

.submission

{

width:275px;

padding:0 0 33px 0;

float:left;

}

.co-name

{

background:url(../images/co-name.gif) no-repeat left top;

width:247px;

height:20px;

border:0;

padding-bottom:18px;

}

.email

{

background:url(../images/emailbar.gif) no-repeat left top;

border:0;

width:213px;

height:22px;

float:left;

}

.go

{

background:url(../images/go-button.gif) no-repeat left top;

border:0;

width:34px;

height:34px;

float:left;

cursor:pointer;

}

.go:hover

{

background:url(../images/go-button.gif) no-repeat left bottom;

}

.news

{

background:url(../images/news-bg.gif) no-repeat left bottom;

width:254px;

border:1px solid #e5e5e5;

padding:0px 0 0 13px;
margin-top: -30px;

}

.news h4

{

font-size:16px;

color:#204367;

padding:0 0 20px 0 !important;

}

.news p

{

font-size:13px;

color:#204367;

width:230px;

padding:0 0 8px 0;

}

.news a

{

font-size:13px;

color:#6da2b3;

text-decoration:none;

padding:0 20px 0 0;

background: url(../images/bullet-1.gif) no-repeat right 2px;

}



.news a.noicon

{

background: none;

}





.news a:hover

{

	color:#204367;

}

.lates-news

{

width:234px;

padding:0 0 20px 0;

background:url(../images/line.gif) no-repeat left bottom;

margin:0 0 13px 0;

}

/* Content CSS End */





/* Footer CSS Start */

#footer {

	height: 300px;

	width:100%;

	background: url(../images/footer-bg.gif) repeat-x left top;

}


#upper-footer-container
{
width:100%;
background-color: #204367;
}


#upper-footer .leftcol
{
float: left;
width: 310px;
border-right: 1px solid #B3B3B3;

}

#upper-footer .rightcol
{
float: right;
width: 270px;
border-left: 1px solid #B3B3B3;
padding-left: 50px;
min-height: 190px;

}

#upper-footer .midcol
{
margin-left: 370px;
margin-right: 360px;

}

#upper-footer
{
width:965px;
background-color: #204367;
margin:0 auto;
height: 190px;
padding:30px 0 20px 10px;
color: #B3B3B3;
}


#upper-footer p
{
color: #EFEFEF;
}

#upper-footer a
{
color: #6DA2B3;
}


#upper-footer ul

{

	float:right;

}

#upper-footer ul li 

{

float:left;

}

#upper-footer ul li a

{

}

#upper-footer ul li img

{

padding:0 0 0 0;

}

#inner-footer

{

width:957px;
margin:0 auto;
padding:0 0 0 8px;

}

#inner-footer ul

{

}

#inner-footer ul li

{

float:left;

padding:20px 8px 0 8px;

background:url(../images/footer-spri.gif) no-repeat left 22px;

}

#inner-footer ul li a

{

text-decoration:none;

color:#7a7b7b;

font-size:13px;

}

#inner-footer ul li a:hover

{

color:#204367;

}

#inner-footer p

{

float:right;

padding:20px 0 0 8px;

}

.foot-color

{

color:#6a9fb1;

}



/* Footer CSS End */





#imagebox {

float: right;
width: 150px;

margin: 0 5px 20px 20px;



}



#imagebox img {

margin-bottom: 15px;



}



#imagebox img:hover {



}



.fullnews img {

float: right;

margin: 0px 0 20px 20px;


}



.smallfoot {

font-size:11px;

}



/********************************
*           Forms etc            *
********************************/


.fieldset {
  		width:90%;
  		}

.fieldset label {
		text-align:right;
		width:200px;
		float:left;
		padding:0.2em;
		margin:0;
		margin-top:0.1em;
		}

.fieldset .nobr {display:none;}

.fieldset .textfield {
		margin:3px;
		height:12px;
		width:150px;
		font-size: smaller;
		}

.fieldset .textarea {
		margin:3px;
		height:150px;
		width:180px;
		font-size: smaller;
		}

legend {

		margin: 0px;
		padding: 0px;
		font-weight:bold;
		font-size: 150%;
		}
	
	
#formstyle input
{
background:url(../images/co-name.gif) no-repeat;
width: 261px;
height: 22px;
border: none;
padding: 6px 0 6px 6px;
}
	
	
select#user_behalf, select#user_howheard
{
background:url(../images/form2.gif) no-repeat;
width: 140px;
height: 34px;
border: none;
}

select#user_about, select#user_heard
{
background:url(../images/form3.gif) no-repeat;
width: 299px;
height: 34px;
border: none;
}

textarea#user_feedback
{
background:url(../images/form4.gif) no-repeat;
width: 261px;
height: 88px;
border: none;
padding: 6px 0 6px 6px;
}

select#user_contactme
{
background:url(../images/form5.gif) no-repeat;
width: 181px;
height: 34px;
border: none;
}

select#user_list
{
background:url(../images/form6.gif) no-repeat;
width: 80px;
height: 34px;
border: none;
}
	
#formstyle input.formsubmit
{
width: 181px;
height: 34px;
background:url(../images/submit.gif) no-repeat;
cursor: pointer;
color: #fff;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
}

#formstyle input.formsubmit:hover
{
background:url(../images/submit-hover.gif) no-repeat;
}


/*****extras****/	
	
	
	
.contact-links	
{
background:url(../images/cirlculararrow.gif) left top no-repeat;
float: left;
width: 95px;
height: 34px;
font-weight: bold;
font-size: 14px;
color: #204367;
text-decoration:none;
padding-left: 40px;
margin-top: 0px;
}



.contact-links:hover	
{
background:url(../images/cirlculararrow-hover.gif) left top no-repeat;
}

.contact-links-bigger
{
background:url(../images/cirlculararrow.gif) left top no-repeat;
float: left;
width: 200px;
height: 26px;
font-weight: bold;
font-size: 14px;
color: #204367;
text-decoration:none;
padding-left: 40px;
padding-top: 8px;
margin-top: 0px;
}



.contact-links-bigger:hover	
{
background:url(../images/cirlculararrow-hover.gif) left top no-repeat;
}



.contact-links2	
{
padding-top: 8px;
height: 26px;
position:relative;
left: 20px;
}

.contact-divide
{
height: 45px;
border-left: 3px solid #EFEFEF;
float: left;
position:relative;
bottom: 5px;
left: 6px;
}
	
		
.contact-us
{
background:url(../images/contact.gif) no-repeat;
width: 88px;
height:88px;
float: right;
text-indent: -5000px; 
overflow: hidden;
position: relative;
bottom: 10px;
}

.contact-us:hover
{
background:url(../images/contact-hover.gif) no-repeat;
}


.social
{
margin-top: 15px;
width: 275px;
}

a.twitter
{
width: 57px;
height: 57px;
background:url(../images/twitter.jpg) no-repeat;
float: left;
text-indent: -1000px;
overflow:hidden;
}


a.facebook
{
width: 57px;
height: 57px;
float: left;
background:url(../images/facebook.jpg) no-repeat;
text-indent: -1000px;
overflow:hidden;
margin-left: 15px;
}

a.twitter:hover, a.facebook:hover
{
position:relative;
top: 1px;
}


.free_consult
{
width: 152px;
height: 87px;
background:url(../images/free-consultation.jpg) no-repeat;
float: left;
color: #fff;
font-weight: bold;
font-size: 14px;
text-decoration:none;
padding: 12px 0 0 12px;
position: relative;
bottom: 12px;
}

.free_consult:hover
{
background:url(../images/free-consultation-hover.jpg) no-repeat;
}



.sideaddress
{
color: #204367;

}

.sideaddress ul
{
width: 100%;
}


.sideaddress li
{
text-align: left;
clear: both;
margin-left: 0px;

}

.sideaddress ul li a
{
background:url(../images/bullet-footer.gif) no-repeat left top;
padding:0 0 6px 25px;
text-decoration: none;
color: #fff;
}

.sideaddress ul li a:hover
{
text-decoration: underline;
}




#dropcontainer
{
position:relative;
}


#dropdown
{
position:absolute; top: 39px; left: 11px; 
z-index: 1000;
}

#dropdown ul li a
{
background-color: #2E5A88;
height: 18px;
border-bottom: 1px solid #fff;

color: #fff;
text-decoration:none;
width: 150px;
padding: 6px 0 6px 6px;
display: block;
}

#dropdown ul li a:hover
{
background-color: #1D3E61;
}


#nopage
{
width: 695px;
position: relative;
right: 50px;
margin-bottom: 60px;
}


#nopage img
{
float:left; 
width: 409px;
height: 351px;
}

#nopage .right
{
width: 280px;
float: right;
position:relative;
top:110px;
right: 30px;
}

#nopage h2
{
font-size: 36px;
margin-bottom: 10px;
}

#nopage h4
{
font-size: 18px;
font-weight: normal;
}

#nopage a.link
{
width: 105px;
height: 22px;
background:url(../images/arrownew.gif) right top no-repeat;
color: #204367;
text-decoration:none;
margin-bottom: 5px;
float: left;
padding: 5px 0 0 5px;
position:relative;
right: 4px;
}

#nopage a.link:hover
{
text-decoration:underline;
}


/*******************Course Template*****************/


#course-template
{
width: 657px;
background:url(../images/course-header.gif) left top no-repeat;
position:relative;
}


#level
{
width: 165px;
height: 163px;
text-align: center;
color: #fff;
font-size:18px;
font-weight: bold;
padding-top: 34px;
float: left;
}

#level span
{
font-size:60px;
position: relative;
bottom: 10px;
}


#toparea
{
float: right;
margin: 120px 0 15px 0;
width: 426px;

}

#toparea p
{
font-size:14px;
}

#calltoaction
{
float: left;
width: 200px;
height: 110px;
background-color: #8FDE64;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align:center;
padding: 20px 2px 0px 2px;
font-size: 16px;
font-weight: bold;
}

#calltoaction a
{
color: #204367;
text-decoration:none;
font-size: 18px;
font-weight: normal;
background:url(../images/morearrowjpg.jpg) right top no-repeat;
padding-right: 35px;
}

#calltoaction a:hover
{
color: #fff;
}

#calltoaction span
{
color: #fff;
}

#calltoaction h3
{
font-size: 24px;
font-weight:normal;
}



#course-template h2
{
font-size: 24px;
color: #204F7E;
font-weight: bold;
line-height: 22px;
letter-spacing: 0px;
margin-bottom: 15px;
}


#course-template h2 span
{
color: #1E87C4;
}

#course-template .left
{
width: 310px;
border-top: 5px solid #EEEDED;
float: left;
padding-top: 10px;
}

#course-template .right
{
width: 310px;
border-top: 5px solid #EEEDED;
float: right;
padding-top: 10px;
}

#course-template h3
{
margin-bottom: 10px;
}

#course-template h4
{
margin-top: 15px;
color: #fff;
width: 646px;
height: 26px;
background:url(../images/course-divider.gif) left top no-repeat;
float: left;
font-weight: bold;
font-size: 14px;
padding: 9px 0 5px 10px;
margin-bottom: 15px;
}

table#coursetable
{
width: 657px;
margin: 0px;
}

table#coursetable .rowone
{
width: 140px;
font-weight: bold;
}

table#coursetable .rowone-dark
{
width: 140px;
font-weight: bold;
background-color: #E4E3E2;
}


table#coursetable tr.grey 
{
background-color: #EEEDED;
}



table#coursetable tr td
{
padding: 10px;
border: none;
max-width: 200px;
}

table#coursetable span
{
float: left;
width: 200px;

}


.payments{
    margin-top: 30px;
}












/*******************Course Template*****************/



.fn1 {width: 550px;
	display:block;
	float: left;}

.myhide{
	display:none; 
	border: 1px dotted #ccc; 
	margin: 10px 0 10px 0;
	padding: 10px;
	width: 370px;
	background-color: #F5F5F5;
	}