/*------------------------------------------------------------------
[Master Stylesheet]

Project:				EMiTT
Version:			1.0.3
Last change:		01/11/2011
Author:				Claire Perrin
------------------------------------------------------------------*/

/*General*/

*{margin:0;padding:0; list-style: none;}

body{
	font-family: Tahoma, Verdana, Helvetica, Arial;
	color: #666;
	background: url(/assets/img/bkg1.jpg) repeat-x fixed;
	font-size: 11px;
	text-align: justify;
	}

#contact-banner{
	background: url(/assets/img/contact-banner-bkg.jpg) repeat-x ;
	height: 40px;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
	left: 0;
	border-bottom: 1px solid #D7E2E3;
	}
	
#contact-banner .inner{
	width: 1024px;
	margin: 0 auto;
	}

#contact-banner p{
	width: 578px;
	margin: 0 auto;
	text-align: right;
	color: #EEE;
	float: right;
	padding-top: 12px;
	}
		
#contact-banner p a{	color: #EEE;	}
	#contact-banner p a:hover{	text-decoration: none;	}
	
#contact-side{
	float: left;
	position: fixed;
	left: 0;
	margin-top: 96px;
	z-index: 598;
	}
	
#contact-side a img{	border: none;	}
	
#wrapper{
	margin: 0 auto;
	width: 990px;
	padding-top: 40px;
	}
	
/*Headings*/

h1, h2, h3, h4, h5, h6{
	color: #33CCCC;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	}

h1, h2.heading{
	letter-spacing: -2px;
	font-size: 25px;
	margin-bottom: 10px;
	}

h2{
	letter-spacing: -1px;
	font-size: 23px;
	margin-bottom: 10px;
	}
	
h3{
	letter-spacing: -1px;
	font-size: 20px;
	margin-bottom: 10px;
	}

h4{
	letter-spacing: -1px;
	font-size: 18px;
	margin-bottom: 5px;
	}
	
h5{
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
	}
	
h6{
	font-size: 14px;
	margin-bottom: 5px;
	}

/*Header*/	

#header h1{	display: none;	}

#header a.logo img{
	border: none;
	float: left;
	margin:  17px 0 17px 27px;
	}
	
/*Banner*/

#banner{
	background: url(/assets/img/banner-bkg.jpg) no-repeat;
	width: 990px;
	height: 170px;
	padding: 5px;
	margin-bottom: 20px;
	}
	
#banner img{
	margin: 5px;
	z-index: 10;
	display:none;	
	}
	
/*Middle*/

#middle-wrap{
	width: 930px;
	margin: 0 auto;
	}
	
/*Page Sub Menu*/

#page-submenu ul li{
	background: url(/assets/img/page-submenu-right.png) no-repeat scroll right top;
	float: left;
	padding: 7px 5px 4px 0;
	margin-right: 2px;
	font-size: 15px;
	}
	
#page-submenu ul li a{
	background: url(/assets/img/page-submenu-left.png) no-repeat scroll left top;
	padding: 7px 5px 4px 10px;
	text-decoration: none;
	color: #666;
	}
	
#page-submenu ul li:hover,
#page-submenu ul li.current,
#page-submenu ul li.current_parent{
	background: url(/assets/img/page-submenu-hover-right.png) no-repeat scroll right top;
	}
	
#page-submenu ul li:hover a,
#page-submenu ul li.current a,
#page-submenu ul li.current_parent a{
	background: url(/assets/img/page-submenu-hover-left.png) no-repeat scroll left top;
	color: #fff;
	}
	
#page-submenu ul li ul li{	display: none;	}

/*Page Sub Sub Menu*/

#page-sub-submenu .display{	display: none;	}

.Top #page-sub-submenu .display{	display: block;	}

#page-sub-submenu ul li{
	background: url(/assets/img/sub-submenu-bkg.png) repeat-y left top;
	border-top: 1px solid #D7E2E3;
	border-bottom: 1px solid #D7E2E3;
	padding: 3px 5px;
	margin-bottom: 2px;
	text-align: left;
	font-size: 1.2em;
	}
	
#page-sub-submenu ul li:hover,
#page-sub-submenu ul li.current{
	cursor: pointer;
	background: url(/assets/img/sub-submenu-bkg.png) repeat-y right top;
	}
	
#page-sub-submenu ul li.last{	margin-bottom: 20px;	}
	
#page-sub-submenu ul li a{
	color: #fff;
	text-decoration: none;
	}
	
/*News Menu Section Only*/

#page-submenu.news-menu ul li.page-71{
	background: url(/assets/img/page-submenu-hover-right.png) no-repeat scroll right top;
	}
	
#page-submenu.news-menu ul li.page-71 a{
	background: url(/assets/img/page-submenu-hover-left.png) no-repeat scroll left top;
	color: #fff;
	}	

/*Page News*/

#page_news{
	background: #E4ECEC;
	border: 1px solid #D7E2E3;
	margin-bottom: 20px;
	padding: 15px;
	font-size: 1.2em;
	}
	
#page_news:hover{
	background: #EBF1F1;
	cursor: pointer;
	}
	
#page_news .title{
	text-decoration: none;
	color: #33CCCC;
	font-size: 25px;
	font-family: Helvetica,Arial,sans-serif;
	letter-spacing: -2px;
	line-height: 24px;
	font-weight: bold;
	}
	
#page_news:hover .title{	color: #90C003;	}
	
#page_news .date{
	text-align: right;
	float: right;
	padding-top: 5px;
	color: #90C003;
	}
	
#page_news .preview{
	clear: both;
	color: #666;
	margin-top: 8px;
	}
	
#page_news .preview a{	color: #33CCCC; text-decoration: none;	}
#page_news .preview a:hover{	color: #666;	}

/*Content*/

#content{
	float: left;
	width: 620px;
	padding: 20px;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #D7E2E3;
	font-size: 1.2em;
	}
	
.content p{
	line-height: 18px;
	margin-bottom: 10px;
	}
	
.content a{
	color: #90C003;
	font-weight: bold;
	}
	
	.content a:hover{
		text-decoration: none;
		color: #33CCCC;
		}
		
.content ul, .content ol{
	margin: 0 0 0 30px;
	padding: 0 20px 20px 20px;
	width: 540px;
	}

.content ul ul{	margin: 10px 0 0 10px; padding-bottom: 0;	}

.content ul li{
	list-style: disc outside url(/assets/img/bullet.jpg);
	padding-bottom: 5px;
	}
	
.content ul ul li{	list-style: disc outside url(/assets/img/inner-bullet.jpg);	}
	
.content ol li{
	list-style: decimal outside;
	padding-bottom: 5px;
	}

.content img{
	padding: 2px;
	margin: 10px;
	border: 1px solid #D7E2E3;
	}
	
.content img.left{
	float: left;
	padding: 2px;
	margin: 0 10px 10px 0;
	border: 1px solid #D7E2E3;
	}

.content img.right{
	float: right;
	padding: 2px;
	margin: 0 0 10px 10px;
	border: 1px solid #D7E2E3;
	}
	
.content img.no-border{	border: none;	}
	
.content hr{
	border-top: 1px solid #D7E2E3;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-bottom: 10px;
	}
	
.content .quote{
	padding: 5px 25px 0 25px;
	line-height: 20px;
	margin: 5px 50px 0 50px;
	background: url(/assets/img/top-quote.jpg) no-repeat;
	}
	
.content .author{
	margin-right: 30px;
	text-align: right;
	font-weight: bold;
	color: #33CCCC;
	letter-spacing: 2px;
	padding-top: 20px;
	background: url(/assets/img/bottom-quote.jpg) no-repeat right top;
	}
	
.content .contact-footer{
	background: #E3EBEB;
	border: 1px solid #B7D2D2;
	padding: 10px;
	text-align: center;
	}

.content .contact-footer h3{
	color: #666;
	margin-bottom: 0;
	}
	
.content .news-heading{
	letter-spacing: -2px;
	font-size: 25px;
	margin-bottom: 10px;
	float: left;
	width: 505px;
	}
	
.content .date{
	float: right;
	color: #90C003;
	padding: 5px 0 0 10px;
	}
	
/*News*/

.news{
	float: left;
	width: 660px;
	}

.news ul li{
	background: #E4ECEC;
	border: 1px solid #D7E2E3;
	margin-bottom: 20px;
	padding: 15px;
	}
	
.news ul li:hover{
	background: #EBF1F1;
	cursor: pointer;
	}
	
.news ul li .title{
	text-decoration: none;
	color: #33CCCC;
	font-size: 22px;
	font-family: Helvetica,Arial,sans-serif;
	letter-spacing: -1px;
	line-height: 24px;
	}
	
.news ul li:hover .title{	color: #90C003;	}
	
.news ul li .date{
	text-align: right;
	float: right;
	padding-top: 5px;
	color: #90C003;
	}
	
.news ul li .preview{
	clear: both;
	color: #666;
	margin-top: 8px;
	}
	
.news ul li .preview a{
	text-decoration: none;
	color: #33CCCC;
	}
	
.news ul li .preview a:hover{	color: #666;	}

.news .archive-heading{
	background: none repeat scroll 0 0 #E4ECEC;
	border: 1px solid #D7E2E3;
	padding: 10px 15px;
	text-align: right;
	margin-bottom: 20px;
	}

/*Archive*/

.archive ul .year{
	background: url(/assets/img/archive.png) no-repeat ;
	height: 108px;
	margin-bottom: 20px;
	text-align: right;
	font-family:Helvetica,Arial,sans-serif;
	font-size:22px;
	letter-spacing:-1px;
	line-height:24px;
	padding: 3px 10px 0 0;
	}
	
.archive ul .year a{
	text-decoration: none;
	color: #fff;
	}
	
.archive ul .year a:hover{ text-decoration: underline;	}
	
.archive ul li ul{
	position: relative;
	height: 71px;
	}
	
.archive ul li ul .month{
	position: absolute;
	padding: 0;
	}
	
.archive ul li ul .m01{	top: 6px;	left: 14px;		}
.archive ul li ul .m02{	top: 6px;	left: 52px;		}
.archive ul li ul .m03{	top: 6px;	left: 92px;		}
.archive ul li ul .m04{	top: 6px;	left: 132px;	}
.archive ul li ul .m05{	top: 6px;	left: 171px;	}
.archive ul li ul .m06{	top: 6px;	left: 212px;	}

.archive ul li ul .m07{	top: 46px;	left: 14px;		}
.archive ul li ul .m08{	top: 46px;	left: 52px;		}
.archive ul li ul .m09{	top: 46px;	left: 93px;		}
.archive ul li ul .m10{	top: 46px;	left: 132px;	}
.archive ul li ul .m11{	top: 46px;	left: 172px;	}
.archive ul li ul .m12{	top: 46px;	left: 211px;	}
	
.archive ul li ul .month a{	color: #666;	}

.archive ul li ul .month:hover a{
	color: #33CCCC;
	cursor: pointer;
	text-decoration: none;
	}

	
/*Logos*/

#logos{
	width: 660px;
	float: left;
	height: 79px;
	}
	
#logos ul li{
	float: left;
	height: 39px;
	margin-right: 33px;
	}
	
#logos ul li a{
	display: block;
	height: 0;
	padding-top: 39px;
	}
	
#logos ul li a span{	display: none;	}

#logos ul .f1g{			background: url(/assets/img/f1g.png) no-repeat left top;			width: 84px;	}
	#logos ul .f1g:hover{	background: url(/assets/img/f1g.png) no-repeat left bottom;	}
	
#logos ul .microsoft{	background: url(/assets/img/microsoft.png) no-repeat left top;		width: 122px;	}
	#logos ul .microsoft:hover{	background: url(/assets/img/microsoft.png) no-repeat left bottom;	}
	
#logos ul .pearson{		background: url(/assets/img/pearson.png) no-repeat left top;		width: 64px;	}
	#logos ul .pearson:hover{		background: url(/assets/img/pearson.png) no-repeat left bottom;	}
	
#logos ul .prometric{	background: url(/assets/img/prometric.png) no-repeat left top;		width: 115px;	}
	#logos ul .prometric:hover{	background: url(/assets/img/prometric.png) no-repeat left bottom;	}
	
#logos ul .certiport{	background: url(/assets/img/certiport.png) no-repeat left top;	width: 184px; margin: 0;	}
	#logos ul .certiport:hover{	background: url(/assets/img/certiport.png) no-repeat left bottom;	}

	
/*Side*/

#side{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	}
	
#mailing-list{
	background: url(/assets/img/mailing-list-bkg.png) no-repeat;
	width: 230px;
	height: 125px;
	padding: 40px 10px 5px 10px;
	margin-bottom: 20px;
	}
	
#mailing-list p{
	text-align: right;
	color: #fff;
	padding: 3px 3px 5px 0;
	float: right;
	margin-left: 22px;
	}
		
#mailing-list .hidden{	display: none;	}

#mailing-list div{
	height: 21px;
	margin-bottom: 5px;
	}

#mailing-list label{
	color: #fff;
	float: left;
	width: 64px;
	}
	
#mailing-list input{
	width: 159px;
	height: 15px;
	float: right;
	background: url(/assets/img/mailing-input-bkg.jpg) no-repeat;
	border: none;
	padding: 3px;
	color: #666;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-size: 11px;
	overflow: hidden;
	}
	
#mailing-list .submit{
	margin: 0;
	}
	
#mailing-list .submit input{
	background: url(/assets/img/mailing-input-sumbit.jpg) no-repeat left top;
	width: 90px;
	height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 0;
	}
	
#mailing-list .submit:hover input{
	background: url(/assets/img/mailing-input-sumbit.jpg) no-repeat left bottom;
	cursor: pointer;
	}
	
#button{
	background: url(/assets/img/started.jpg) no-repeat scroll 0 0 ;
	height: 53px;
	width: 250px;
	margin-bottom: 20px;
	}
	
#button:hover{	background: url(/assets/img/started.jpg) no-repeat scroll 0 -52px;	}
	
#button a{
	display: block;
	height: 0;
	padding-top: 53px;
	}
	
#button a span{ display: none;	}

#button.feedback-but{	background: url(/assets/img/feedback.png) no-repeat scroll 0 0 ;	}
#button.feedback-but:hover{	background: url(/assets/img/feedback.png) no-repeat scroll 0 -52px;	}

#side a.micro{
	display: block;
	margin-bottom: 20px;
	}

#side a.micro img{	border: none;	}

#offer a{
	background: url(/assets/img/offer.png) no-repeat;
	height: 110px;
	width: 210px;
	padding: 20px;
	margin-bottom: 40px;
	display: block;
	color: #666;
	text-decoration: none;
	}
	
#offer h2{
	margin-bottom: 7px;
	line-height: 22px;
	}
	
#offer h2 span{
	font-size: 29px;
	font-weight: bold;
	}
	
#offer h3{
	color: #666;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	text-align: left;
	margin-bottom: 5px;
	}
	
/*Footer*/

#footer-wrap{
	background: url(/assets/img/footer-bkg.jpg) repeat-x;
	height: 20px;
	width: 100%;
	position: fixed;
	bottom: 0;
	}
	
#footer{
	margin: 0 auto;
	width: 930px;
	padding-top: 3px;
	}
	
#footer p{
	float: left;
	font-size: 10px;
	}
	
#breadcrumbs{	float: right;	}

#breadcrumbs li{
	font-size: 10px;
	color: #EEE;
	float: left;
	margin-left: 5px;
	padding-left: 10px;
	background: url(/assets/img/crumb.jpg) no-repeat scroll 0 4px;
	}
	
#breadcrumbs li.home{	background: url(/assets/img/first-crumb.jpg) no-repeat scroll 0 4px;	}

#footer a{	color: #EEE;	}

#footer a:hover{	text-decoration: none;	}

/*Contact*/

iframe{	border: 1px solid #E3ECEB;	}

#contact, #feedback{
	width: 620px;
	height: 322px;
	border: none;
	float: left;
	margin-bottom: 40px;
	padding: 20px;
	}
	
#contact{	background: url(/assets/img/contact-bkg.png) no-repeat;	}

#feedback{
	background: url(/assets/img/feedback-bkg.png) no-repeat;
	height: 526px;
	}

#contact-form, 
#feedback-form{
	color: #fff;
	margin: 50px 0 0 5px;
	}
	
#contact-form div,
#feedback div{
	float: left;
	margin-bottom: 10px;
	}
	
#feedback div{	margin-bottom: 12px;	}
	
#contact-form label,
#feedback-form label{
	float: left;
	width: 80px;
	margin-top: 2px;
	}
	
#feedback-form label{	width: 136px;	}

#feedback span{	margin-left: 28px;	}

#contact-form input, #contact-form textarea,
#feedback-form input, #feedback-form textarea{	border: none;	}
	
#contact-form input,
#feedback input{
	width: 200px;
	height: 18px;
	padding: 2px 5px 2px 5px;
	margin-right: 5px;
	font-family: inherit;
	color: #666;
	background: url(/assets/img/short-input.png) no-repeat left top;
	overflow: hidden;
	}
	
#feedback input{	
	width: 464px;
	background: url(/assets/img/med-input.png) no-repeat left top;
	}
	
#feedback select{
	border-top: 1px solid #99AB63;
	border-right: 1px solid #ACB690;
	border-bottom: 1px solid #ACB690;
	border-left: 1px solid #99AB63;
	background: #E9F3CD;
	color: #666666;
	padding: 1px;
	font-size: inherit;
	font-family: inherit;
	}
	
#feedback select option{	padding: 0 5px;	}

#feedback-form .radio{ clear: both;	}

#feedback-form .radio input{	background: none;	}
	
#feedback-form .radio input{
	width: 20px;
	padding: 0;
	height: 13px;
	}

#feedback-form .radio.further,
#feedback-form .radio.recommend{	
	clear: none;
	margin-left: 30px;
	}

#feedback-form .radio.further label,
#feedback-form .radio.recommend label{	width: 196px;	}
	
#contact-form .name input,
#contact-form .course-title input{
	width: 495px;
	background: url(/assets/img/long-input.png) no-repeat left top;
	}

#contact-form textarea,
#feedback-form textarea{
	height: 66px;
	width: 495px;	
	padding: 3px 10px 3px 5px;
	font-family: inherit;
	font-size: 1.2em;
	color: #666;
	overflow: hidden;
	background: url(/assets/img/text-area.png) no-repeat scroll;
	}
	
#feedback-form textarea{
	width: 464px;
	background: url(/assets/img/med-text-area.png) no-repeat scroll;
	}

#contact-form .submitbutton,
#feedback-form .submitbutton{	float: right;	}

#contact-form .submitbutton label,
#feedback-form .submitbutton label{	width: 10px;	}

#contact-form .submitbutton input,
#feedback-form .submitbutton input{
	background: url(/assets/img/mailing-input-sumbit.jpg) no-repeat left top;
	width: 90px;
	height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 0;
	margin-right: 29px;
	}
	
#feedback-form .submitbutton input{	margin-right: 5px;	}
	
#contact-form .submitbutton:hover input,
#feedback-form .submitbutton:hover input{
	background: url(/assets/img/mailing-input-sumbit.jpg) no-repeat left bottom;
	cursor: pointer;
	}

#contact-form .tick-box{
	float: left;
	margin-left: 83px;
	}
#contact-form .tick-box label{	width: 357px;	}
	
#contact-form .tick-box input{
	width: 10px;
	height: 10px;
	margin-top: 5px;
	background: none;
	}
	
/*--Notifier*/

#feedback .notifier{
	float: right;
	margin: 0;
	}

#feedback .notifier .error{
	padding: 5px 10px;
	background: #fff;
	text-align: center;
	margin: 0;
	color: #FF0000;
	border-top: 1px solid #ACB690;
	border-right: 1px solid #99AB63;
	border-bottom: 1px solid #99AB63;
	border-left: 1px solid #ACB690;
	background: #FFEAEA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	margin-right: 4px;
	}
	
/*Misc*/

.clear{	clear: both;	}

.hide{	display: none;	}

.bold{	font-weight: bold;	}

/*Tables*/

.content table{	margin-bottom: 20px;	}

.content table thead th{
	background: #90C003;
	color: #fff;
	padding: 3px 5px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: none;
	border-left: 1px solid #ccc;
	}

.content table td{
	border: 1px solid #ccc;
	padding: 3px 5px;
	}