/*
 * -----Layout CSS-------
 * CSS default project file
 * aab-web - 2009
 * 
 * author: Aram Balakjian
 * date: 28th August 2009
 * 
 * Layout Framework for starting project
 * 
 */
/**********************************
 * 
 *  Utils
 *  
 ********************************/
/**** Reset *****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { 
	margin: 0; 
	padding: 0; 
}
/* Clear fixes for sticky footer */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.clear{ clear:both; }
.hidden{ display: none;}
/**********************************
 * 
 *  Core
 *  
 ********************************/
html {
	background: #f8f8f8;
	height: 100%;
}
	body {
		font-family: ariel, Lucida, sans-serif;
	 	font-size: 62.5%;
		height: 100%;
	}
/**********************************
 * 
 *  Containers 
 *  
 ********************************/
#container { /*contains everything except footer */
	background: #fff;	
	height: 100%;
	margin: 0 auto;
	padding: 0 15px 5px 15px;
	width: 930px;
	margin-bottom: -65px;
	}	
body > #container{
	height: auto; 
	min-height: 100%;
}
	#layout{
		background: #fff;	
	}
		#content {	
			float: right; 	
			padding:20px 50px 40px 50px;	
			text-align: left;
			width: 645px;		
		}
			#header{			
				background: #fff url(../images/EDC_banner.jpg) no-repeat top left;
				float: right;
				padding-top: 184px;
				width: 745px;
			}
/**********************************
 * 
 *  Side
 *  
 ********************************/

	/* Search form position */	
	form#SearchForm_SearchForm{
		border: none;
		float:right;
		margin-right: 15px;
		width:175px;	
	}
		form#SearchForm_SearchForm fieldset .middleColumn{
			padding: 0;
			margin: 0;
		}
/**********************************
 * 
 *  Breadcrumbs
 *  
 ********************************/
#Breadcrumbs { 
 	color: #000000;
	font-size: 0.9em; 
	text-align: left;	
}
		#Breadcrumbs p {
			padding:5px 0;
		}
/**********************************
 * 
 *  Sidebar
 *  
 ********************************/
#sidebar {
	float: left;
	overflow: hidden;
	padding-bottom: 50px;
	width: 170px;
}
	#sidebar a.home{ 
			background: url(../images/EDC_logo.png) no-repeat top right;		 	
		 	display:block;
			height: 118px;
			margin: 0 0 0 10px;		
			overflow: hidden;
			width: 151px; 
	}
		#sidebar a.home span { 
				display:none;
		}

		#sidebar h3 { 	
			color: #173E4A;
			font-size: 1.4em; 	
			font-weight: normal;	
			margin-top: 10px;	
		}

		#sidebar div {
			background: #f1f1f1;
			margin-top: 10px;
			padding: 5px 12px;
		}
		#sidebar li {
			list-style: none;		
		}
		#sidebar a {			
			color: #58ade1;	
			text-decoration:none;
		}
			#sidebar a:hover{
				color: #333;		
			}
			/* MENU 2 */
				ul#menu {
					margin-top: 20px;
				}
				ul#menu li { 
						 border-bottom: 1px solid #eee;		 
		    		}
						ul#menu li a {							
							color: #173E4A;
							display: block;
							font-size: 1.4em;
							margin-left: 10px;
							padding: 8px 10px;
							width: 130px;
						}	
						#menu a:hover{
							background: #f0f0f0;	
						}
						#menu a.current,
						#menu a.current:hover,
						#menu a.section:hover, 
						#menu a.section{
							background: #c5dee7;
							color: #333;		
						}
			/* 
			 * CollegeFinder 
			 */
			#sidebar #collegeFinder {
				padding-bottom: 10px;
			}
				#sidebar #collegeFinder h4{
					color: #848484;
					font-weight: normal;
					font-size: 1.2em;
					margin: 10px 0 0 0;
					padding: 0;
				}	
					/* General dropdown styles */       
					#collegeSelect dd, 
					#collegeSelect dt, 
					#collegeSelect ul { 
						margin:0px; 
						padding:0px; 
						font-size: 12px;
					}
					#collegeSelect ul { 
						height: 200px;
						overflow-y: scroll;
						overflow-x: hidden;
						width:126px;
					}
					#collegeSelect dd { 
						position:relative; 
					}
						/* DT styles for sliding doors */
						#collegeSelect dt a {
							background: #fff url(../images/EDC_sidebar_college_select_arrow.png) no-repeat scroll right -3px;
							color: #bbb;
						    display:block; 
							margin: 5px 0 0 0;
							padding: 0 20px 0 0; 
							border:1px solid #bbb; 
							
							height: 23px;
						}
							#collegeSelect dt a:hover {
								background-color: #f5f5f5;
								background-position: right -29px;
								color: #777;	
							}
									#collegeSelect dt a span {
										cursor:pointer; 
										display:block; 
										padding:5px;
									}
								/* UL styles */
								#collegeSelect dd ul { 
									background:#fff;
									border:1px solid #bbb; 
									display:none;
								    list-style:none; 
									padding:5px 0px; 
									position:absolute; 
								    left:0px; 
									top:2px; 
									width:auto; 
									min-width:146px;
								}
									#collegeSelect span.value { 
										display:none;
									}
									#collegeSelect dd ul li a { 
										padding:5px; 
										display:block;
										border-bottom:1px solid #bbb; 
										color: #173E4A;
									}
										#collegeSelect dd ul li a:hover { 
											background-color: #f5f5f5;
											color: #777;		
										}
										
				/*
				 * Postcode form
				 */					
				#SearchForm_PostcodeForm,
				#newsletter form{
					width: 150px;
					padding: 0;
					margin-top: 3px;		
				}	
				#SearchForm_PostcodeForm fieldset div,
				#newsletter form fieldset div{
					padding: 0;
					margin: 0;
				}								
				#SearchForm_PostcodeForm input.text,
				#newsletter form input.text{
					background: #fff;
					border:1px solid #bbb;
					color: #bbb;
					float:left;
					font-weight: normal;
					height:16px;
					margin-right: 4px;
					padding:4px;			
					width:108px;
				}
				#SearchForm_PostcodeForm input.action,
				#newsletter form input.action{
					background: #fff;
					border:1px solid #f5821f;
					color: #888;
					font-size: 12px;
					margin: 0;
					padding: 3px 0 5px  0;				
					width:24px;
				}
					#SearchForm_PostcodeForm input.action:hover,
					#newsletter form input.action:hover{		
						background: #f0f0f0;
						cursor: pointer;
					}				
				#SearchForm_PostcodeForm div.middleColumn{
					width: 120px;
				}							
				#SearchForm_PostcodeForm label.error{
					float: left;
					color: #ff0000;
				}				
			/* 
			 * Newsletter 
			 */
			div#newsletter{
				padding-bottom: 0;
			}
			div#newsletter fieldset{
				overflow: hidden;
			}
			div#newsletter fieldset{
				padding-bottom: 0px;
			}
			#newsletter form input#mce-FNAME{
				width: 136px;

			}				
			#newsletter form input.text,
			#newsletter form input.action{
				margin-top: 10px;
			}	
				#newsletter form fieldset div.mce_inline_error{
					float: left;
					color: #ff0000;
					width: 105px !important;	
					font-weight: normal !important;
					background: #f0f0f0 !important;
				}
				#mce-responses{					
					padding:0;
					margin: 0;

				}
				#sidebar div.response{
					padding:0;
					margin: 0;
					display: none;
					font-size: 10px !important;
				}
				#mce-error-response{
					color: #ff0000;
				}
				#mce-success-response{
					color: #009900;
				}
			/*
			 * Tell A friend
			 */
			#sidebar div#tellafriend{
				background: url(../images/EDC_sidebar_tellafriend.png) no-repeat top left;
				width: 173px;
				padding: 0px;
			}
			#tellafriend a{
				color: #173E4A;
				display: block;
				font-size: 1.4em; 	
				font-weight: normal;	
				padding: 18px 10px 13px 55px;	
			}
			#tellafriend a:hover{
				cursor:pointer;
			}
			#friendForm,
			#friendForm div.clear{
				display:none;
			}
			#friendForm fieldset{
				margin: 0;
				padding: 0;
			}
			#friendForm fieldset div.field,
			#friendForm fieldset div.middleColumn,
			#friendForm div.Actions{
				width: 140px;
				padding: 0px;
				margin: 0px;
			}
				#friendForm input.text{
					margin-top: 10px;
					width: 140px;	
				}
				#friendForm input.action{
					margin: 10px 0 0 90px;
				}
			#friendForm h2, #friendForm p{
				color: #777;
				margin-top: 10px;
			}
			/*
			 * Share
			 */
			h3#shareTitle{
				margin-left: 10px;
				color: #777;
			}
			#share{
				margin: 10px 0 0 5px;
				height: 50px;
				padding-bottom: 15px;
			}
				#share li{
					float: left;
				}
					#share li a{
						display: block;
						height: 36px;
						width: 41px;				
					}
						#share li a span{
							display: none;
						}
						#share li a img{
							border: 1px solid transparent;
						}
						#share li a:hover img{
							border: 1px solid #ccc;
						}
/**********************************
 * 
 *  Footer
 *  
 ********************************/
#footer { 
	background: #f8f8f8; 
 	clear: both;  	
	height: 62px;
	margin-top: -62px;	
	position: relative;	
	width:100%; 
}
  	#footer .content { 
		margin: 0 auto;
		width: 960px;		
	}
  	#footer p { 
		color: #555;
		float: left;
		font-size: 10px;
		padding: 14px 0 0 0;
		text-align: left;	
		width: 570px;
	}
  	#footer a { 
	   	color: #666; 
	   	text-decoration: none;
	}
		#footer a:hover {
			color: #999;
			text-decoration: underline;
		}
	#footer ul{
		clear: none;
		float: right;
		list-style: none;	
		margin-top: 15px;
	}
		#footer ul li{
			float: left;
		}
			#footer ul li a{
				font-size: 12px;
				padding: 0 15px;
			}
/**********************************
 * 
 *  Search Results
 *  
 ********************************/
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		border-bottom: 1px solid #ccc;
		font-size: 1em;
		list-style: none;
		margin: 15px 20px;	
		padding-bottom: 10px;
		
	}
/**********************************
 * 
 *  Home Page
 *  
 ********************************/	
#header.home{		
	background-image: url(../images/EDC_banner_home.jpg);	
	padding-top: 359px;
}
	#header ul#fontSize{
		float: right;			
		list-style: none;
		margin-top: 5px;
	}
		#header ul#fontSize li{			
			float: left;
		}
			#fontSize li a{
				background: #fff url(../images/EDC_content_fontsize.png) no-repeat;
				display:block; 		
				height: 22px;	
				width: 20px;	
			}
				#header ul#fontSize li a span{			
					display: none;
				}
						#fontSize li a#small:hover,
						#fontSize li a#small.current{
								background-position: 0 -22px;
						}
					#fontSize li a#medium{
						background-position: -20px 0;
					}
						#fontSize li a#medium:hover,
						#fontSize li a#medium.current{
							background-position: -20px -22px;
						}
					#fontSize li a#large{
						background-position: -40px 0;
					}
						#fontSize li a#large:hover,
						#fontSize li a#large.current{
							background-position: -40px -22px;
						}
					#fontSize li a#extralarge{
						background-position: -60px 0;
					}
						#fontSize li a#extralarge:hover,
						#fontSize li a#extralarge.current{
							background-position: -60px -22px;
						}




	#content p.intro{
		font-size: 1.6em;
		padding-left: 0;
	}	
/**********************************
 * 
 *  File Page
 *  
 ********************************/	
#fileListGroup,
#fileListGroup ul,
#fileList{
	list-style: none;
}
#fileListGroup li{
	margin: 10px 15px 0 15px;
}
	#fileListGroup a.trigger{
		background: url(../images/EDC_content_arrows.png) no-repeat center left;
		background-position: 0 -14px;
 		display:block;
		border-bottom: 1px solid #f5821f;
		color: #555;
		font-weight: normal;
		font-size: 1.6em;
		margin: 0;
		padding: 5px 0 5px 30px;
	}
		#fileListGroup a.trigger:hover{
			text-decoration: none;
			color: #4ba6c7;
		}
		#fileListGroup a.open{
			background-position: 0 0px;		
		}
			#fileListGroup ul{
				display: none;
				margin-top: 0;
				padding-bottom: 10px;
			}
				#fileListGroup ul a,
				#fileList a{
					display: block;
					font-size: 1.2em;
					padding: 5px 0 5px 25px;
				}

/**********************************
 * 
 *  Contact Page
 *  
 ********************************/			
#address{
	float: left;
	margin-top: 20px;
	width: 300px;
}
	#address p{
		font-size: 1.6em;
		padding-left: 0;
	}
#form{
	float: left;
	margin-top: 15px;
	width: 200px;
}		
/**********************************
 * 
 *  Faq Page
 *  
 ********************************/		
 #faqContents{
 	list-style: none;
	font-size: 1.2em;
	padding: 20px;
 }