/**************************************************************************
 * GLOBALS
 **************************************************************************/
body,html 		{ margin:0; padding:0; height:100%; background:#333; }
html			{ }
body			{ }

.clear 			{ clear:both; }
.clearfix 		{ }
.clearfix:after { display:block; content:' '; height:0; clear:both; overflow:hidden; }

.hidden			{ display:none; height:0; width:0; overflow:hidden; }

IMG				{ border:none; outline:none; }
FORM			{ margin:0; padding:0; }

#wrapper 			{ margin:0 auto; max-width:1650px; min-height:100%; position:relative;
					  background:url(../images/banners/about_the_college.jpg) top center no-repeat; background-attachment:fixed; background-color:#000; }
#wrapper .inner		{ position:relative; width:1000px; margin:0 auto; }

/* banner variations */
body.about-the-college  	#wrapper { background-image:url(../images/banners/about_the_college.jpg); 	}
body.community 				#wrapper { background-image:url(../images/banners/community.jpg); 			}
body.contact-us 			#wrapper { background-image:url(../images/banners/contact_us.jpg); 			}
body.enrolments 			#wrapper { background-image:url(../images/banners/enrolments.jpg); 			}
body.news-events 			#wrapper { background-image:url(../images/banners/news_and_events.jpg); 	}
body.teaching-learning  	#wrapper { background-image:url(../images/banners/teaching_and_learning.jpg); }

#header UL.menu,
#footer UL.menu,
.quicklinks UL.menu 		{ list-style:none; margin:0; padding:0; }
#header UL.menu LI,
#footer UL.menu LI,
.quicklinks UL.menu LI 		{ float:left; }

/**************************************************************************
 * TYPEFACES
 **************************************************************************/

#header,
#left-nav,
#footer .widget H3,
#footer .search		{ font-family: 'Source Sans Pro', sans-serif; }

/**************************************************************************
 * HEADER REGION
 **************************************************************************/

/* header */
#header				{ height:166px; width:100%; position:absolute; left:0; top:0; z-index:101;
					  background:url(../images/header_bg.png) center top no-repeat; }
#header .inner 		{ }

/* logo */
#logo 			{ position:absolute; width:84px; height:117px; top:19px; left:20px; z-index:900; overflow:hidden;
				  background:url(../images/erc_crest.png) 0 0 no-repeat;
				  text-indent:100%; white-space:nowrap; }
#logo A 		{ display:block; height:100%; width:100%; color:#ffa500; }

#header .banner-txt			{ position:absolute; top:0; right:15px; z-index:800; }

/*
#logo SPAN.name 			{ position:absolute; top:0; left:0; width:400px; height:40px; left:100px; top:26px;
							  color:#ffa500; font-size:33px; text-transform:uppercase; }
#logo SPAN.name SPAN		{ font-size:36px;letter-spacing:1px; }
#logo SPAN.description 		{ display:none; }
*/

/* primary nav */
#main-nav 							{ position:absolute; left:0; width:100%; margin-top:70px; height:49px;
									       transition: all 0.5s ease .5s;
									  -moz-transition: all 0.5s ease .5s; /* Firefox 4 */
								   -webkit-transition: all 0.5s ease .5s; /* Safari and Chrome */
									    -o-transition: all 0.5s ease .5s; /* Opera */
								   }
#main-nav:hover 					{ background:#000;
									       transition: all 0.5s ease 0s;
									  -moz-transition: all 0.5s ease 0s; /* Firefox 4 */
								   -webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */
									    -o-transition: all 0.5s ease 0s; /* Opera */}


#main-nav > .menu > UL 				{ list-style:none; margin:0 0 0 120px; padding:0; }
#main-nav > .menu > UL > LI			{ float:left; }
#main-nav > .menu > UL > LI+LI 		{ padding-left:15px; }
#main-nav > .menu > UL > LI > A 	{ display:block; height:52px; line-height:52px; font-size:15px;
				  					  color:#FFF; text-decoration:none; font-weight:bold; }
#main-nav > .menu > UL > LI:hover > A,
#main-nav > .menu > UL > LI > A:hover,
#main-nav > .menu > UL > LI.current_page_ancestor > A,
#main-nav > .menu > UL > LI.current_page_item     > A      { color:#ffcb00; }

/* level 2 */
#main-nav > .menu > UL > LI > UL 	   {  position:absolute; list-style:none;
							  			  top:49px; left:0; margin:0; padding:0 0 0 120px; width:880px; height:0; overflow:hidden;
							  			  background:#000; opacity:0;
							  			      transition: all 0.25s ease .4s;
										 -moz-transition: all 0.25s ease .4s; /* Firefox 4 */
									  -webkit-transition: all 0.25s ease .4s; /* Safari and Chrome */
									 	   -o-transition: all 0.25s ease .4s; /* Opera */ }
#main-nav > .menu > UL > LI:hover > UL { display:block; height:174px; opacity:1;
									          transition: all 0.25s ease 0s;
										 -moz-transition: all 0.25s ease 0s; /* Firefox 4 */
									  -webkit-transition: all 0.25s ease 0s; /* Safari and Chrome */
									 	   -o-transition: all 0.25s ease 0s; /* Opera */ }

#main-nav UL UL LI 			{ float:left; width:33%; padding-bottom:10px; }
#main-nav UL UL LI A		{ font-size:14px; color:#ffcb00; display:block; padding:0 0 0 28px;
							  background:url(../images/subnav_bullet.png) 0 5px no-repeat; }
#main-nav UL UL LI A:hover  { text-decoration:underline; }

/* level 3 */
#main-nav UL UL UL 			{ display:none !important; }


/**************************************************************************
 * HEADER - TOOLS
 **************************************************************************/

#tools 					{ position:absolute; top:85px; right:14px; height:25px; width:135px; z-index:1003;}
#tools .twitter 		{ position:absolute; width:25px; height:25px; top:0; right:25px;
						  background:url(../images/twitter.png) center center no-repeat; }
#tools .facebook		{ position:absolute; width:25px; height:25px; top:0; right:0;
						  width:25px; height:25px; background:url(../images/facebook.png) center center no-repeat;}
#tools .ercportal		{ position:absolute; top:0; right:50px; height:25px; line-height:25px; width:85px;
						  text-transform:uppercase; font-size:12px; color:#9c9c9c; text-align:center; font-weight:bold; font-family: 'Source Sans Pro', sans-serif;}
#tools A:hover 			{ color:#d0d0d0; }

#tools .twitter SPAN,
#tools .facebook SPAN	{ display:none; }


/**************************************************************************
 * MAIN
 **************************************************************************/

#main 						{ padding-top:166px; /* height of header */}
#main .inner 				{ background:#FFF; }

/**************************************************************************
 * BREADCRUMBS
 **************************************************************************/

#breadcrumb					{ position:absolute; top:0; left:355px; width:610px; height:60px; line-height:60px;
							  border-bottom:1px solid #000; }
#breadcrumb, #breadcrumb A  { color:#000; font-size:11px; text-transform:uppercase; }
#breadcrumb A:hover 		{ color:#a40800; }

/**************************************************************************
 * LEFT NAV
 **************************************************************************/

#left-nav 					{ width:280px; padding:50px 20px 40px 30px; float:left; padding-top:50px; margin-bottom:20px; min-height:400px;
							  background:url(../images/leftnav_bg.png) 100% 50% no-repeat;
							  background-size:6px 50%; }

/* section title */
#left-nav .section-title	{ margin:0 0 10px 0;
							  font-weight:normal; font-size:16px; text-transform:uppercase; }

/* nav list */
#left-nav UL							{ margin:0; padding:0; list-style:none; font-size:14px; }
#left-nav LI 							{ padding-bottom:14px; }
#left-nav A 							{ display:inline-block; padding:0 0 0 28px;
										  color:#000; }
#left-nav > UL > LI > A   				{ background:url(../images/leftnav_bullet.png) 0 5px no-repeat; }

#left-nav LI.current_page_ancestor > UL,
#left-nav LI.current_page_item     > UL { display:block; }

#left-nav > UL > LI > A:hover,
#left-nav > UL > LI.current_page_ancestor > A,
#left-nav > UL > LI.current_page_item     > A
										{ color:#a40800; background-image:url(../images/leftnav_bullet_hover.png); }

#left-nav LI.current_page_ancestor > A,
#left-nav LI.current_page_item 	   > A 	{ color:#a40800;  }

/* sub-nav */
#left-nav UL UL 						{ font-size:13px; margin-left:40px; margin-top:14px; display:none; }
#left-nav UL UL LI						{ padding-bottom:8px; }
#left-nav UL UL A,
#left-nav UL UL A:hover 				{ background:none; padding-left:0; }

/* sub-sub nav (just in case) */
#left-nav UL UL UL 			{ margin-left:0; margin-top:10px; border-left:1px solid #a40800; padding-left:10px; }
#left-nav UL UL UL LI 		{ padding-bottom:0px; }


/* nothing below this level */
#left-nav UL UL UL UL { display:none !important;}

/**************************************************************************
 * CONTENT
 **************************************************************************/

#content 		{ width:610px; float:left; margin-left:25px; padding-top:80px; padding-bottom:30px; }
#content.wide   { float:none; width:auto; padding:30px 50px;  }

#content IMG.feature 	{ float:right; padding:0 0 20px 20px;}

/**************************************************************************
 * FOOTER
 **************************************************************************/

#footer 					{ color:#FFF; }
#footer A,
#footer A:hover 			{ color:#FFF; }
#footer A:hover 			{ text-decoration:underline; }

/* menu */
#footer .inner				{ height:130px; padding:30px 0 0 0; background:#a40800; }
#footer .menu 				{ position:absolute; top:38px;  right:50px; font-size:12px;  }
#footer .menu LI 			{ margin-left:20px; }

/* widget text */
#footer .widget H3			{ font-size:20px; font-weight:bold; padding:0 0 5px 0; margin:0; }
#footer .widget				{ float:left; margin-left:30px; line-height:18px; }

/* site credit */
#footer .credit 			{ position:absolute; width:50px; height:21px; right:50px; bottom:25px;
							  background:url(../images/firefly.png) 0 0 no-repeat; }
#footer .credit SPAN 		{ display:none; }

#footer .erc-logo			{ float:left; margin-left:15px; }

/**************************************************************************
 * FOOTER - SEARCHFORM
 **************************************************************************/

#footer .search 				{ position:absolute; right:50px; top:65px; }
#footer .search FORM			{ position:relative; width:222px; height:25px; margin:0; padding:0;
								  background:url(../images/search_bg.png) 0 0 no-repeat;
								  color:#bfbfbf; line-height:25px; }
#footer .search LABEL			{ display:block; position:absolute; left:15px; top:0; width:50px; height:25px; line-height:25px;
								  font-size:14px; color:#797979; }
#footer .search .field			{ display:block; position:absolute; padding:0; left:65px; width:85px; height:25px;
								  border:none; background:none; color:#797979; }
#footer .search .submit			{ position:absolute; top:0; right:0; width:25px; height:25px;
								  border:none; background:url(../images/search_btn.png) center center no-repeat;
								  color:black; cursor:pointer; font-size:0; }

/**************************************************************************
 * NEXT GEN GALLERY
 **************************************************************************/

#content UL.imagegallery					{ margin:20px 0; padding:0; list-style:none; }
#content UL.imagegallery LI					{ float:left; width:25%; background:none !important; padding-left:0 !important; }
#content UL.imagegallery LI:nth-child(4n)	{ margin-right:0; }
#content UL.imagegallery A					{ display:block; position:relative; }
#content UL.imagegallery A:hover			{ opacity:0.8; }
#content UL.imagegallery IMG				{ width:100%; height:auto; display:block; }
#content UL.imagegallery:after				{ display:block; content:" "; height:0; clear:both; float:none; }


/**************************************************************************
 * GRAVITY FORMS
 **************************************************************************/

 #content UL.gform_fields,
 #content UL.gform_fields LI.gfield			{ margin:0; padding:0; background:none; }

 .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first,
 .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last,
 .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle
 											{ padding-top: 0 !important; }

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning
											{ border-top: none !important; border-bottom: none !important; }

											/* submit button */
#content .gform_footer INPUT				{ padding:2px 10px;
											  border:1px solid #DDD; background:none; cursor:pointer;
											  font-size:13px; color:#666; font-family: 'Arial', sans-serif; font-size:13px; }
#content .gform_footer INPUT:hover,
#content .gform_footer INPUT:focus			{ border-color:#EE7C00; background:#EE7C00; color:white; }