@charset "utf-8";
/*
	*************************
	* 
	* Main css styles for ee-web vs 001
	* design and build by Edward Eldon ee-web.co.uk
	*
	*************************


	*************************
	* 
	*	Main colours		
	
	
	issue with exporting the horizontal, tiling strip - very slight variations in the colour - this time hte gif came out exactly right.
	
	from psd ecf4f8
	current jpeg background ebf2f8
	back 3 - orriginal ecf4f7
	back 4 - jpeg 100% - ecf4f7
	back 5 - gif 128 - ecf4f8 used this one 
	
	link colour: #179edd
	text colour #0d3b65;
	*
	*************************



	width of column23 is 600px
	the carosel doing the comments if set to 500+20 - 20 from the margin-right on the p - could 

*/


* {
	margin:0;
	padding:0;
}

.clearer {
	clear:both;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#0d3b65;
/*	background:url(../images/backgroundGrad.jpg) repeat-x top left #6c9847;*/
	background:url(../images/backgroundGrad002.jpg) repeat-x top left #c0c8d0;

}


.blog_column1,
.contentpaneopen_column1
 {
	width:100%;
}



/*
	*************************
	* 
	*	Construction divs
	*
	*************************
*/
#wrapper, #wrapperFront {
	width:978px;
	margin:0 auto;
	background:url(../images/background005.gif) repeat-y top left #fff;
}

#edHeader {
	padding:20px 0px 0px 23px;
	position:relative;
	
}


.addthis_toolbox{
	width:100px;
	position:absolute;
	top:10px;
	right:382px;
}

.moduletable_emailsignup{
	position:absolute;
	top:7px;
	right:250px;
}

.moduletable_topRightCorner {
	position:absolute;
	top:0px;
	right:10px;
}

#edHeaderText{
	float:left;
	width:733px;
	margin-right:15px;
	margin-bottom:0px;
	margin-top:18px;
	width:670px;}

.headercontact {
	width:300px;
	float:right;
}

#mainContent, #mainContentHome {
	width:900px;
	float:left;
	margin:15px 0px 0 39px;
	min-height:413px;
	position:relative;
}

#mainContentHome {
	padding-top:7px; /* trial and error to reproduce the block that the titles on other pages site within*/
}

#frontPageRowOne{
	background-color:#ecf4f8;
	background:url(../images/blueGrad.png) repeat-x top left #fff;
	min-height:185px;
	min-height:343px;
	border:1px solid #afc6d2
	/*overflow:hidden;*/
}

#frontPageRowOne .leading {
	width:333px;
	float:left;
	padding:10px 0 0px 10px;
}

.moduletable_frontPageCarosel{
	float:right;
	width:554px;
}


#pageTitles {
	position:relative;
/*	height:43px;*/
	height:30px;
	margin-bottom:10px;
}

#map_canvas {
	float:right;
	width:598px;
	height:428px;
	border:1px solid #afc6d2;

}

#tfl {
	position:absolute;
	top:0; left:0;
	width:187px;
	
}

.leftTitle { /*see #pageTitles*/
	position:absolute;
	padding:0;margin:0;
	top:2px;
	left:0;
	line-height:1.1;
}

.rightTitle { /*see #pageTitles*/
	position:absolute;
	padding:0; margin:0;
	bottom:0;
	left:300px;
	line-height:1.1;
}


/*
	*the 3 panels on the homepage
	* the float and width were required to stop IE 7 adding extra space - weird!
*/	
#latestNews {
	float:left;
	width:300px;
	margin-top:20px;
}

#clientsComments{
	width:600px;
	background:url(../images/quotes.jpg) no-repeat 0px 30px;
	float:right;
	margin-top:40px;
}

#footer{
	padding-left:39px;
	padding-right:39px;
	margin-top:30px;
	padding-bottom:10px;
}

#footerImage{
	width:978px;
	height:20px;
	margin:0 auto;
	/*background:url(../images/footerShadow.jpg) no-repeat top left;*/
/*	background:url(../images/footerShadow002.jpg) no-repeat 0 0;*/
background:url(../images/footerShadow003.jpg) no-repeat 0 0;
}
/*
	*************************
	* 
	*	div & classes - mainly from within joomla
	*
	*************************
*/

/* 	col1 and col2 refer to articles - and are obviously attached to the end of links 
	column23, column3 refer to module positions (athogh are added in with divs at 
	the time of writing.
	
*/




#contentpaneopen_col12{
	width:600px;
	width:590px;
	float:left;
}

#contentpaneopen_col1, .moduletable_col1 {
	width:300px;
	float:left;
}

.column1 {
	width:300px;
	float:left;
}

#contentpaneopen_contact {
/*	background-color:#ECF4F8;*/
	background:url(../images/blueGrad.png) repeat-x top left #fff;
	width:258px;
	padding:10px 10px 10px 10px;
	float:left;
	margin-right:20px;
	border:1px solid #afc6d2;

}
.column2 {
	width:300px;
	float:left;
}

.column3{
	width:300px;
	float:right;
}

#column23 {
	width:600px;
	float:right;
}

#servicesFooter {
	width:600px;
	float:right;
	margin-top:20px;
}

#contentpaneopen_col23 {
/*	margin-top:20px;*/
	width:558px;
	float:right;
/*	padding:20px;*/
	padding:10px 20px;
	background:url(../images/blueGrad.png) repeat-x top left #fff;
	border:1px solid #afc6d2;
	position:relative;
	/* add in a border on left hand side 
	width:538px;*/
}

.moduletable_clientsList{
	width:558px;
	float:right;
/*	padding:20px;*/
	padding:10px 20px;
	background:url(../images/blueGrad.png) repeat-x top left #fff;
	border:1px solid #afc6d2;
}

#column3 {
	width:300px;
	float:right;
	margin-left:10px;
}


.portCol1 {
	width:283px;
	float:left;
}

.portCol2 {
	width:283px;
	float:left;
}

.portCol3 {
	width:284px;
	float:right;
}

.portFooter {
	width:567px;
	float:right;
}

div.moduletable_servicesList{
	
}

/*#column123{
	width:100%;
	float:left;
	border:10px solid #ecf4f8;
}*/

div#portfolioBorder {
	border:1px solid #AFC6D2;
}

div.moduletable_portfolio{
	border:8px solid #ecf4f8;
}

/* latest news modules */
.moduletable_ln1, .moduletable_ln2, .moduletable_ln3,
.moduletable_ln4, .moduletable_ln5, .moduletable_ln6

 {
	width:288px;
	float:left;
	background-color:#f1f2f0;
	background-color:#ecf4f8;
	background-color:#ecf4f8;
	background:url(../images/blueGrad.png) repeat-x top left #fff;
	margin-right:14px;
	padding-bottom:10px;
	height:250px;
	overflow:hidden;
	border:1px solid #afc6d2;
	margin-bottom:10px;
}

.moduletable_ln3,
.moduletable_ln6
 {
	margin-right:0;
	float:right;
}


.canwehelp {
	margin:20px 0 0 0;
}

#homeAdvice {clear:both;}


/*div#homeActionCall*/
#homeActionCall {

}

.moduletable_homeAction

 {
	padding:10px;
	background:url(../images/blueGrad.png) repeat-x top left #fff;
	border:1px solid #afc6d2;
	margin-top:40px;
	margin-bottom:20px;
}

.course-postcard {
	width:47%;
	float:left;	
}

.course-postcard img {
	max-width:100%;
	height: auto;
	width: auto\9;			
}

.moduletable_homeAction div:nth-of-type(1) {
	margin-right:6%;
}







.moduletable_clientsComments .slideshow {
	margin-left:50px; /*should center the text within the area */
	margin-top:10px;
}

div.lightGreyBlock {
	padding:10px;
	background:url(../images/blueGrad.png) repeat-x top left #fff;
	border:1px solid #afc6d2;
	margin-right:20px;
	margin-bottom:20px;
}


	
	

	
/*
	*************************
	* 
	*	textual
	*
	*************************
*/	
#edHeader h1 {
	color:#179edd;
	color:#0d3b65;
	font-weight:normal;
	font-size:16px;
	line-height:1;
	width:300px;
	float:left;
}

#mainContent h1, #mainContentHome h1{
	color:#179edd;
	color:#002c59;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	line-height:1.3;
	margin-bottom:5px;
}



#mainContent h2, #mainContentHome h2{
	color:#179edd;
	color:#002c59;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
	margin-top:5px;
	line-height:1.3;
}

#mainContent p, #mainContentHome p{
	font-size:14px;
	margin-bottom:14px;
	margin-right:30px;
}

.headercontact p{
	line-height:1;
}

#frontPageRowOne .leading p{
	margin-right:0px;
}

#mainContent p.smaller, #mainContentHome p.smaller {
	font-size:13px;
	margin-bottom:10px;
}

#mainContent .moduletable_portfolio p {
	margin-right:0;
	font-size:13px;
	line-height:16px;
}

#mainContent .portCol2 p, #mainContent .portCol3 p, .portFooter p {
	margin-left:20px;
}

#homeActionCall p {
	margin:10px 0;
}

#latestNews  {
	margin-top:10px;
}

#mainContentHome .moduletable_ln1 h2, 
#mainContentHome .moduletable_ln2 h2, 
#mainContentHome .moduletable_ln3 h2,
#mainContentHome .moduletable_ln4 h2,
#mainContentHome .moduletable_ln5 h2,
#mainContentHome .moduletable_ln6 h2 {
	color:#fff;
	color:#002c59;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
/*	background:url(../images/latestNewsHeader.jpg) repeat-x top left #f0f;*/
	width:280px;
	padding-left:10px;
	margin-top:2px;
	margin-bottom:0px;
	padding-top:5px;
}

#mainContentHome .moduletable_ln1 p, #mainContentHome .moduletable_ln2 p, #mainContentHome .moduletable_ln3 p,
#mainContentHome .moduletable_ln4 p, #mainContentHome .moduletable_ln5 p, #mainContentHome .moduletable_ln6 p

 {
	font-size:13px;
	/*padding:0 10px;*/
	margin:0px 10px 10px 10px;
	line-height:16px;
}
	
#column23 p {
	margin:20px;
}

#column23 div.moduletable_clientsList p{
	margin:0;
}

.servicesCol2{
	width:50%;
	float:left;
}

.servicesCol3{
	width:50%;
	/*background-color:#ECF4F8;*/
	float:left;
}



#mainContentHome a, #mainContent a {
	text-decoration:none;
	color:#179edd;
}

#mainContentHome a:hover, #mainContent a:hover {
	color:#0d3b65;
}



#mainContent .slideshow p {/* remove the margin-right:20px; that is on the p*/
	margin-right:0px;

}
	
#footer p, #edHeaderText p{
	color:#6799b0;
	font-size:13px;
}

/*#edHeaderText p {
	float:right;
	width:300px;
}*/

#footer a, #edHeaderText a {
	text-decoration:none;
	color:#6799b0;
}	

#footer a:hover, #edHeaderText a:hover { 
	color:#0d3b65;
}

.textSpacer	 {
	margin-left:20px;
}

.copyright {
	float:right;
}

#mainContent .portFooter p {
	margin-bottom:2px;
	
}


/*
	*************************
	* 
	*	menu
	*
	*************************
*/	

.moduletable_mainMenu {
	
}

#edHeader ul{
	list-style:none;
	width:847px;
	float:left;
	margin-top:10px;
}

#edHeader ul li {
	display:inline;
	float:left;
	width:116px;
	height:25px;
	margin-right:5px;
	background:url(../images/buttonBackOff.jpg) repeat-x top left;
}

#edHeader ul li.last {
	margin-right:0px;
}

#edHeader ul li a {
	color:#fff;
	padding-left:6px;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
}

#edHeader ul li.active a, #edHeader ul li a:hover{
	color:#002c59;
}



/*
	*************************
	* 
	*	form
	*
	*************************
*/	
.contactForm {
	
	background:#f15823;
	padding:20px;
	border-radius:10px;
	overflow:hidden;
}


.formElement {
	clear:both;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
	background:beige;
	border-radius:5px;
}

.formElement .formText {
	float:left;
	width:40%;
	margin:0;
	line-height:1;
	margin-right:0;
}

.formElement .formField, .formElement .formComment {
	float:left;
	width:55%;
	background:cadetblue;
	background:#ebfbfb;
	margin-top:0px;
	margin-bottom:0px;
	padding:3px;
	color:#002c59;
}

	


textarea:focus, 
input[type="text"]:hover, 
input[type="email"]:hover, 
input[type="password"]:hover,
input[type="date"]:hover,
textarea:hover, 
select:hover {
	
	box-shadow:0px 0px 3px #f15823;
}




/*
	*************************
	* 
	*	contact button
	*
	*************************
*/
.contactButton {
	display:inline-block;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#317389), to(#27a0c9)); 
	background: -webkit-linear-gradient(top, #317389, #27a0c9); 
	background: -moz-linear-gradient(top, #317389, #27a0c9); /* ff */
	background: -ms-linear-gradient(top, #317389, #27a0c9); /* IE */
	background: -o-linear-gradient(top, #317389, #27a0c9);	
	border-top: 1px solid #4081af;
 	border-right: 1px solid #2e69a3;
 	border-bottom: 1px solid #20559a;
 	border-left: 1px solid #2e69a3;
	box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #666;
	border-radius:3px;
	/*margin-right:30px;*/
	text-align:center;
	padding:7px 10px;
	}
	
#mainContentHome p.contactButton a,
#mainContent p.contactButton a
 {
	font-size:20px;
	color:#fff;
	/*padding:5px 30px;
	padding:2px 20px;*/
	text-shadow: 0 -1px 1px #0a3341;
	text-decoration:none;
}


#mainContentHome p.contactButton a:hover,
#mainContent p.contactButton a:hover {
	
}

.contactButton:hover{
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#27a0c9), to(#317389)); 
	background: -webkit-linear-gradient(top, #27a0c9, #317389 ); 
	background: -moz-linear-gradient(top, #27a0c9, #317389); /* ff */
	background: -ms-linear-gradient(top, #27a0c9, #317389); /* IE */
	background: -o-linear-gradient(top, #27a0c9, #317389);
	 box-shadow: inset 0 1px 0 0 #6aacdb, 0 1px 2px 0 #333;
	 text-shadow: 0 -1px 1px #2d6aaa;
	 cursor: pointer;
}










/*
	*************************
	* 
	*	images
	*
	*************************
*/	


.logo {
	float:left;
	width:83px;
	padding-right:20px;
}

.floatLeft{
	float:left;
}

.floatRight {
	float:right;
}

img{
	border:0;
}

.byebye {
	display:none;
}

.moduletable_ln1 img, .moduletable_ln2 img, .moduletable_ln3 img,
.moduletable_ln4 img, .moduletable_ln5 img, .moduletable_ln6 img

 {
	margin:10px 10px 0 10px;
}

.youtubeholder {
	margin:10px 10px 0 10px;
}
/*
	*************************
	* 
	*	twitter and facebook
	*
	*************************
*/	

.fb-like-box {
	float:left;
}


#twitterStuff {
	width:45%;
	float:right;
	padding:50px 15px 10px 15px;
/*	background:#ECF4F8;*/
	background:url(../images/twitterBackground.jpg) no-repeat 0 0 #ffffff;
	border:1px solid #afc6d2;
	margin-bottom:20px;
}

#twitterStuff h2 {
	margin-left:55px;
}

#twitterStuff li {
	list-style:none;
	margin-bottom:10px;
}

#twitter_update_list {
	margin-top:20px;
}

.social-table {
	width:100%;
	padding:0;
	margin:0;
	margin-top:50px;
}

.social-table td {
	text-align:center;
	padding-bottom:20px;
}


.linkedinlogo {
	margin-left:2px;
}


#mainContent p.client-quote {
	color:#a78000;
	font-size:24px;
	font-style:italic;
	line-height:1.3;
	padding-bottom:10px;
	border-bottom:2px solid #000d5b;
	margin-bottom:2em;
}

#mainContent p.client-quote .firstletter {
	float:left;
	font-size:40px;
	line-height:0.5em;
	margin-right:10px;
	margin-top:5px;
}

span.firstletter + span {
	margin-left:-7px;
}


/*
	*************************
	* 
	*	rework of client page
	*
	*************************
*/	

.clientListCol1 {
	background:url(../images/blueGrad.png) repeat-x 0 0 #fff;
	border:1px solid #AFC6D2;
	margin-right:20px;
	padding:15px;
}

.contentpaneopen_comment {
	background:url(../images/quotes.jpg) no-repeat 0px 0px;
	padding-top:5px;
	border-bottom:1px solid #AFC6D2;
}

.contentpaneopen_comment p:first-child {
	text-indent:20px;
}

.contentpaneopen_comment p {
	margin-left:20px;
}

.clientListCol1 ul {
	list-style:none;
}

.clientListCol1 li {
	line-height:1.2em;
	margin-bottom:0.8em;
}

#mainContent ul {
	margin-left:30px;
}

.examples {
	width:270px;
	padding:10px;
	position:absolute;
	top:170px; right:0;
	margin-right:20px;
	border:1px solid red;
}

.examples {
	border-radius:10px 10px 10px 10px;
	border:1px solid #a7ccdc;
	background:#f2ded2; /* old browsers like IE9!!! */
	
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,
									   from(#fff),
									      to(#f2ded2));  /*saf and chrome */
	
	/* future proofing - no vendor prefix and WC3 standard */
	background-image: linear-gradient(#fff #f2ded2);
	
	background-image: -moz-linear-gradient(top, #fff, #f2ded2); /*  ff */
	
	background-image: -o-linear-gradient(top, #fff, #f2ded2);  /* opera */
	
}

.moduletable_homeAction ul{
	 list-style:none;
	 text-align:center;
	 margin:20px 0;
}

.moduletable_homeAction li {
	display:inline;
	margin:0 5px;
	padding:5px 15px;
	background-color:#6aa0b8;
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,
									   from(#6aa0b8),
									   to(#a9cede));  /*saf and chrome */
	/* future proofing - no vendor prefix and WC3 standard */
	background-image: linear-gradient(#6aa0b8,  #a9cede);
	background-image: -moz-linear-gradient(top, #6aa0b8,  #a9cede); /*  ff */	
	background-image: -o-linear-gradient(top, #6aa0b8,  #a9cede);  /* opera */
	border-radius:6px;
	border-bottom:2px solid #2c5e75;

}

#mainContentHome .moduletable_homeAction a{
/*	color:#fff;
	letter-spacing:1px;
	text-shadow:2px 2px 4px #000000;*/
}

#mainContentHome .moduletable_homeAction a:hover{
	color:black;
}

.moduletable_col3bluegrad {
	background:url(../images/blueGrad.png) repeat-x top left #fff;
	border:1px solid #afc6d2;
	padding:10px;
	margin-bottom:20px;
}


/*#mainContent.training #contentpaneopen_col23 {
	width:100%;
	box-sizing:border-box;
}
*/


/* blooming google oh how I hate you */

/* make me responsive asap */

@media only screen and (max-width:1000px){
	
	body {
/*		background:#ff0;*/
	}
	
	#wrapperFront {
		width:710px;
		overflow:hidden;
		background-image:none;
		background-color:#fff;
	}
	
	#wrapper {
		width:710px;
		overflow:hidden;
		background-image:none;
		background-color:#fff;
	}
	
	#mainContentHome,
	#mainContent
	 {
		width:100%;
		margin:0;
		overflow:hidden;
		box-sizing:border-box;
		padding-left:20px;
		padding-right:20px;
	}
	
	
	
	/*#mainContentHome,
	#footer,
	#homeActionCall,
	#latestNews,
	.moduletable_ln1,
	.moduletable_ln2,
	.moduletable_ln3,
	.moduletable_frontPageCarosel,
	#column3,
	#footerImage  {
		display:none;
	}
	*/
	#edHeader ul li {
		width:90px;
	}
	
	#edHeader ul li a {
		letter-spacing:0;
	}
	
	#frontPageRowOne{
		margin:0;
		min-height:0;
	}
	
	#frontPageRowOne .leading {
		width:90%;
		float:none;
		padding:5%;
	}
	
	.moduletable_frontPageCarosel {
		float:none;
		margin:0 auto;
		padding-bottom:20px;
	}
	
	
	
	#homeActionCall {	
	}
	
	.moduletable_homeAction li {
		display:block;
		width:50%;
		margin:20px auto;
	}
	
	.moduletable_ln1, .moduletable_ln3, .moduletable_ln5 {
		width:48%;
		float:left;
		margin:0 0 20px 0;
	}
	
	.moduletable_ln2, .moduletable_ln4, .moduletable_ln6 {
		width:48%;
		float:right;
		margin:0 0 20px 0;
	}
	
	.moduletable_ln1 img, .moduletable_ln2 img, .moduletable_ln3 img,
	.moduletable_ln4 img, .moduletable_ln5 img, .moduletable_ln6 img
	{
		margin:10px auto;
		display:block;	
		width:90%;
	}
	
	
	#contentpaneopen_col12 {
		width:100%;
	}
	
	div.lightGreyBlock {
		margin-right:0;
	}
	
	#column3 {
		width:100%;
		margin-left:0;
		float:none;
	}
	
	#footerImage {
		display:none;
	}
	
	#edHeaderText {
		width:100%;
		clear:both;
		box-sizing:border-box;
	}
	
	#footerImage {
		width:100%;
	}
	/*
	.addthis_toolbox,
	#edHeaderText h1,
	.moduletable_emailsignup,
	.moduletable_topRightCorner,
	#footer,
	.moduletable_mainMenu,
	.headercontact {
		display:none;	
	}*/
	#contentpaneopen_col1, .moduletable_col1 {
		width:auto;
	}
	
	#contentpaneopen_col23 {
		float:left;
		width:100%;
		box-sizing:border-box;
	}
	
	.portCol3 {
		float:left;	
	}
	
	.portFooter {
		float:left;
	}
	
	.portLargeImages img {
		max-width:47%;		
	}
	
	#pageTitles {
		margin-top:20px;
	}
	
	
	.contactButton {
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.portCol1 {
		margin-bottom:20px;	
		width:100%;
	}
	
	.portCol1 img {
		margin-left:auto;
		margin-right:auto;	
		display:block;
	}
		
	.rightTitle {
		display:none;
	}
	
	.portCol2 {
		clear:both;
	}
	
	.contentpaneopen_comment {
		background:url(../images/quotes-left-only.jpg) no-repeat 0px 0px;
	}

	
	
	
}


@media only screen and (max-width:730px){
	body {
		/*background:pink;*/
	}
	
	
	/*#mainContentHome,
	#footer,
	#homeActionCall,*/
	#latestNews,
/*	.moduletable_ln1,
	.moduletable_ln2,
	.moduletable_ln3,*/
	/*.moduletable_frontPageCarosel,

	#column3,
	.moduletable_mainMenu,
	.headercontact,*/
	.moduletable_emailsignup,
	.moduletable_topRightCorner
	 {
		display:none;
	}
	
	#wrapperFront,
	#wrapper {
		width:440px;
	}
	
	#wrapperFront {
		margin-top:20px;
	}
	
	#edHeader {
		padding:0;
	}
	
	.addthis_toolbox {
		right:0;
		text-align:right;
		width:auto;
	}
	
	#edHeaderText {
		width:100%;
		text-align:center;
	}
	
	#edHeaderText h1 {
		float:none;
		width:100%;
		font-size:22px;
	}
	
	.headercontact {
		margin-top:20px;
		width:100%;
		text-align:center;
	}
	
	#edHeaderText p {
		font-size:22px;
	}
	
	.textSpacer {
		display:block;
		margin:20px 0;
	}
	
	#edHeader ul {
		width:auto;
	}
	
	#edHeader ul li {
		width:100%;
		margin:0 0 5px 0;
	}
	
	#edHeader ul li a {
		font-size:18px;
	}
	
	#mainContent p, #mainContentHome p {
		font-size:16px;
		line-height:1.3;
	}
	
	.moduletable_frontPageCarosel {
		width:440px;
		margin-left:3%; /*trial and error */
	}
	
	.moduletable_frontPageCarosel img {
		max-width: 70%; /* trial and error */
		height: auto;
		width: auto\9;	
	}
	
	.moduletable_homeAction li {
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	
	#mainContentHome .moduletable_homeAction a {
		font-size:16px;
	}
	
	#mainContentHome .moduletable_ln1 h2, #mainContentHome .moduletable_ln2 h2, #mainContentHome .moduletable_ln3 h2 {
		font-size:20px;
		line-height:1.3;
		margin-bottom:10px;	
		
	}
	
	#mainContentHome .moduletable_ln1 p, #mainContentHome .moduletable_ln2 p, #mainContentHome .moduletable_ln3 p {
		font-size:16px;
		line-height:1.3;
	}
	
	#column3 .moduletable {
		font-size:16px;
		margin-bottom:20px;
	}
	
	#footer {
		text-align:center;
	}
	
	#footer p, #edHeaderText p {
		font-size:20px;
		width:100%;
		padding:0;
	}
	
	.copyright {
		margin-bottom:20px;
	}
	
	img.floatRight {
		float:none;
	}
	
	.portLargeImages img.floatRight {
	
	float:right;	
	}
	
	.portCol1,
	.portCol2,
	.portFooter {
		width:100%;
	}
	
	.portCol1 img {
		max-width:100%;
	}
	
	.portCol2 {
		margin-top:10px;
	}
	
	#contentpaneopen_col12 img {
		width:100%;
		height:auto;
	}
	
	#contentpaneopen_col12 p {
		margin-right:0;
	}
	
	
	.moduletable_ln1, .moduletable_ln2, .moduletable_ln3,
	.moduletable_ln4, .moduletable_ln5, .moduletable_ln6{
		height:auto;
		width:100%;
		float:none;
	}
	
	.moduletable_ln1 img, .moduletable_ln2 img, .moduletable_ln3 img,
	.moduletable_ln4 img, .moduletable_ln5 img, .moduletable_ln6 img
	
	 {
		max-width:268px;	
	}
	
	
	
	.course-postcard {
		width:100%;
		float:none;
	}
	
	.moduletable_homeAction .course-postcard {
		border-bottom:1px solid #afc6d2;
		margin-bottom:10px;
	}
}



@media only screen and (max-width:450px){
	#wrapperFront,
	#wrapper {
		width:300px;
	}
	
	.moduletable_frontPageCarosel {
		width:300px;
	}
	
	.prev, .next {
		display:none;
	}
	.panel-container-br {
		height:auto;
	}
	
	.moduletable_frontPageCarosel img {
		width:45%;
	}
	
	#contentpaneopen_col23 {
		width:85%;
	}
	
	#contentpaneopen_col23 img {
		max-width: 100%; /* trial and error */
		height: auto;
		width: auto\9;	
	}
	
	#column3 {
		float:none;
	}
	
	.portCol1,
	.portCol2,
	.portCol3 {
		width:auto;
	}
	
	dt {
		overflow:hidden;
	}
	
	#mainContentHome .moduletable_ln1 h2, #mainContentHome .moduletable_ln2 h2, #mainContentHome .moduletable_ln3 h2, #mainContentHome .moduletable_ln4 h2, #mainContentHome .moduletable_ln5 h2, #mainContentHome .moduletable_ln6 h2 {
		width:auto;	
	}
	
	
	.moduletable_homeAction img {
		width:100%;
		height:auto;
	}
	
	#mainContentHome p {
		margin-right:0;	
	}
}