@charset "utf-8";
/* CSS Document */

/* 
------------General Styles---------------- 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, form, fieldset, table, th, td, a { margin: 0; padding: 0; } 

img {
	border: none;
	}

/* 
------------Container and Splash Styles--------------
 */

body {
	background-color: #fff;
	margin-top: 0px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #004489;
}

#wrapper, #splash_wrapper {
	margin: 0 auto;
	width: 980px;
	}
	

	
#content {
	width: 980px;
	background: transparent url(../images/header_bg.gif) no-repeat 0 38px;
	position: relative;
	}
	
#content a:link {color:#004489; text-decoration: none;}
#content a:visited {color:#004489; text-decoration: none;}
#content a:hover {color:#fff; text-decoration: underline;}
#content a:active {color:#004489; text-decoration: underline;}
	
/*
------Splash Content Styles-------------
*/

body#splash {
	background-color: #fff;
	}
	
#splash #content {
	padding-bottom: 90px;
	}
	
#splash #header {
	background: #fff url(../images/splash_header_bg.gif) no-repeat 0 0;
	}

#contact {
	background-color: #f1882a;
	}
	
#splash_content {
	color: #fff;
	background: #004990 url(../images/home_bg_bottom.gif) no-repeat 0 bottom;
	min-height: 507px;
	padding: 32px 97px 5px 578px;
	}
	
/* ie 5 mac hide \*/
* html #splash_content {height:507px}
/* end hide */ 
	
#splash_content p {
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: 25px;
	}
	
#splash_content h2 {
	font-weight: normal;
	}

#splash_content .blogsElement ul {
	margin-top: 1em;
	margin-bottom: 30px;
	}
	
#splash_content .blogsElement ul li h2 {
	font-size: 1em;
	}
	
#splash_content .postDate {
	font-size: 0.8em;
	font-weight: normal;
	}
	
#splash_content .rss {
	display: none;
	}

#splash_content .blogsElement ul li h2 a {
	color: #fff;
	}
	
#splash_content #enter_button {
	font-size: 2.25em;
	}
	
#splash_content #enter_button a:link, #splash_content #enter_button a:visited {color: #f1882a;}
#splash_content #enter_button a:hover {text-decoration: none; color: #fff;}
#splash_content #enter_button a:active  {color: #f1882a;}

/*
----------Contact Styles---------------
*/	
	
#contact {
	height: 38px;
	text-align: right;
	padding-right: 18px;
	}
	
#contact p {
	float: right;
	font-size: 0.85em;
	padding-left: 1em;
	line-height: 38px;
	}
	
#contact p.learning {
float: left;
	}
	
/*
----------Header Styles---------------
*/

#header {
	text-align: right;
	padding-top: 33px;
	padding-bottom: 30px;
	}
	
/*
------Flash Styles-----------
*/

#flash {
	position: absolute;
	left: 0px;
	top: 38px;
	}

#flash img, #flash_banner img {
	float: left;
	}
	
#flash_banner {
	position: absolute;
	left: 11px;
	top: 71px;
	}
	

/*
------Navigation Styles-------------
*/

#navigation {
	color: #fff;
	float: left;
	width: 225px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 105px;
	}

#menu {
	background-color: #004489;
	padding: 9px;
	min-height: 340px;
	}
/* min-height hack for IE 6, hidden from mac IE 5 */

/* ie 5 mac hide \*/
* html #menu {height:340px}
/* end hide */ 

#menu h2 {
	color: #52bdec;
	text-transform: uppercase;
	padding: 5px;
	border: 1px solid #52bdec;
	font-size: 1em;
	margin-bottom: 4px;
	}

#menu ul {
	font-size: 0.875em;
	list-style-type: none;
	line-height: 1.9em;
	padding-left: 8px;
}

#menu ul li a {
	padding: 0.33em 0;
	}
	
#content #menu ul a {color: #fff;}


#content #menu ul a:hover {text-decoration: underline;}


#menu ul ul {
	list-style-type: none;
	padding-left: 6px;
	}
	
#menu ul ul li {
	background: transparent url(../images/list_arrow.gif) no-repeat 0 7px;
	padding-left: 18px;
	}
	
#menu ul ul {
padding-left: 2px;
}

#menu ul ul ul li {	
	font-size: 1.2em;
	background: transparent url(../images/circle.gif) no-repeat 0 6px;
	padding-left: 18px;
	}
	
/* main navigation, top with flyout */
	
.navigationTopFlyout .mainNav li ul.level2 { /* #see style-ie.css as well for changes */
	display: none;
	}	
	
.navigationTopFlyout .mainNav li.selectedPage a.selectedPage {
	color: #ffb400 !important;
	}
		
/* mouseover navigation. for level 2 flyout navigation */
		
.navigationTopFlyout .mainNav li.selectedPage ul.level2, 
.navigationTopFlyout .mainNav li.selectedPageParent ul.level2, 
.navigationTopFlyout .mainNav li.selectedPageRoot ul.level2   { 
	display: block;
	height:auto;
	}
	
#content #menu .navigationTopFlyout .mainNav li.selectedPageRoot a.selectedPageRoot {
	color: #ffb400;
	}
	
#content #menu .navigationTopFlyout .mainNav li.selectedPageRoot ul.level2 li.selectedPage {
	background: transparent url(../images/list_arrow_select2.gif) no-repeat 0 7px;
	}
	
#content #menu .navigationTopFlyout .mainNav li.selectedPageRoot ul.level2 li.selectedPage a.selectedPage {
	color: #fff !important;;
	}
	
/* mouseover navigation. for level 3 flyout navigation */
.navigationTopFlyout .mainNav li ul.level2 li ul.level3 {
	display: none;
	}	
	
.navigationTopFlyout .mainNav li.selectedPageRoot ul.level2  li.selectedPage ul.level3, .navigationTopFlyout .mainNav li.selectedPageRoot ul.level2  li.selectedPageParent ul.level3, .navigationTopFlyout .mainNav li.selectedPageRoot ul.level2  li.selectedPagePath ul.level3 {
	display: block;
	}
	
#content #menu .navigationTopFlyout .mainNav li.selectedPageRoot ul.level2 li.selectedPageParent,
#content #menu .navigationTopFlyout .mainNav li.selectedPageRoot ul.level2 li.selectedPagePath  {
	background: transparent url(../images/list_arrow_select2.gif) no-repeat 0 7px;
	}
	
#content #menu .navigationTopFlyout .mainNav li.selectedPageRoot ul.level2 li.selectedPageParent ul.level3 li.selectedPage {
	background: transparent url(../images/circle_select.gif) no-repeat 0 7px;
	}	
	
/*
------Search Box Styles-------------
*/

#searchbox {
	font-size: 0.6em;
	color: #fff;
	background-color: #f1882a;
	margin-top: 7px;
	padding: 5px 6px;
	}
	
#searchbox input.searchInput { border: 0; width: 155px; }
#searchbox input.searchButton { margin: 0; padding: 0; border:0; width: 3.5em; color:#FFFFFF; background-color:#f1882a; font-size: 1.4em; cursor: pointer;}	



/*
------Inner Content Styles-------------
*/

#inner_content {
	float: left;
	background: #fff url(../images/content_bg_bottom.gif) no-repeat left bottom;
	width: 980px;
	}
	
/*
------Main Content Styles-------------
*/

#main_content {
	float: left;
	width: 369px;
	margin-left: 38px;
	padding-top: 10px;
	padding-bottom: 25px;
	}
	
#wide #main_content {
	width: 691px;
	}
	
#main_content h1 {
	font-weight: normal;
	font-size: 1.5em;
	padding-bottom: 0.4em;
	}
	
#main_content h2, #main_content h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #004489;
	font-weight: normal;
	font-size: 1.5em;
	padding-bottom: 0.6em;
	}
	
#main_content h3 {
	font-size: 1em;
	padding-bottom: 1em;
	}
	
#main_content p {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 0.75em;
         line-height: 1.5em;
	padding-bottom: 1.4em;
	}
	
#main_content p img {
	float: left;
	padding-bottom: 1.4em;
	}
	
#main_content ol {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 0.75em;
	padding-bottom: 0.4em;
	}

#main_content ol li {
	margin-left: 28px;
	padding-bottom: 1em;
	}

#main_content ul {
	list-style-type: disc;
	list-style:outside;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 0.75em;
	padding-bottom: 1.4em;
	}

#main_content ul li {
        margin-left: 16px;
        line-height: 1.5em;
	}

#main_content ul li ul {
	font-size: 1em;
	list-style-type: circle;
	padding-bottom: 0;
	}

#main_content a:link { color: #004990; text-decoration: none;}
#main_content a:visited { color: #52bdec; text-decoration: none;}
#main_content a:hover { color: #004990; text-decoration: underline;}
#main_content a:active { color: #004990; text-decoration: none;}

#main_content table {
         font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 0.75em;
         margin-bottom: 1.4em;
         }

#main_content table td {
         line-height: 1.5em;
         }

#main_content .highlight {
	border: 1px solid #004489;
	padding: 10px;
	margin-bottom: 17px;
	}

#main_content table.table_borders, #main_content table.steps {
	border-collapse: collapse;
	}
	
#main_content table.table_borders td {
	border: 1px solid #004489;
	padding: 10px;
	}
	
#main_content table.steps td {
	border: 1px solid #004489;
	padding: 10px;
	}
	
#main_content cite {
	color: #000 /*#777*/;
	font-weight: bold;
         font-style: normal;
	}

#main_content div.general_question {
        width: 140px;
        padding: 20px 10px;
        background: #fff url(/Websites/newcollege/Images/general_question_circle.gif) no-repeat 50% 50%;
        float: left;
        margin-bottom: 17px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        color: #000;
        font-size: 0.75em;
        line-height: 1.5em;
        margin-left: 17px;
        }
	
#main_content ul#searchHintResultsList { /*erases gap on search results page*/
	display: none;
	}

#main_content .blogsElement ul {
	padding-bottom: 1em;
	}
	
#main_content .blogsElement ul li {
	margin-left: 0;
	}
	
#main_content .blogsElement h2 {
	font-size: 1.3em;
	padding-bottom: 0;
	font-weight: normal;
	}
	
#main_content .blogsElement .blogList .postBody p {
	font-size: 1em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	}
	
#main_content .blogBack p {
	padding-bottom: 0;
	}

#main_content .left_inline {
	float: left;
	display: inline;
	}
	
#main_content .left_inline img {
	float: left;
	padding: 0 15px 0px 0;
	}
	
#main_content .right_inline {
	display: inline;
	}
	
#main_content .right_inline img {
	float: right;
	padding: 0 0 15px 15px;
	}
	
/*
-------Course List Section-----------
*/

	
#alevels #copy h3, #gcse #copy h3 {
	clear: both;
	padding-top: 18px;
	border-top: 1px solid #52bdec;
	width: 369px;
	}
	
#alevels #copy p, #gcse #copy p {
	float: left;
	width: 240px;
	padding-right: 14px;
	padding-bottom: 1.6em
	}
	
#gcse #copy p {
	width: 369px;
}
	
#alevels #copy img {
	float: right;
	clear: right;
	padding-bottom: 1.3em;
	}
	
/*
.course_list {
	float: left;
	width: 369px;
	padding-bottom: 0px;
	}
	
.course_list h3 {
	float: left;
	padding-top: 18px;
	border-top: 1px solid #52bdec;
	width: 369px;
	}
	
.course_list p.course_text {
	float: left;
	width: 240px;
	padding-right: 14px;
	padding-bottom: 1.6em
	}
	
.course_list img {
	float: right;
	padding-bottom: 1.3em;
	}
	*/
/*
------Career Links Styles-------------
*/

#main_content ul.career_links{
	list-style: none;
	}

#main_content ul.career_links li {
	margin-left: 0;
	padding: 1em;
	padding-top: 0.5em;
	}
	
#main_content ul.career_links li.career_white {
	background-color:#fff;
	}

#main_content ul.career_links li.career_blue {
	background-color:#e8f1fa;
	}

#main_content ul.career_links li a {
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 2em;
	}
	
#main_content ul.career_links li.career_blue a:link {
	background: transparent url(../images/link_one.gif) no-repeat right 7px;
	}
	
#main_content ul.career_links li.career_white a:link {
	background: transparent url(../images/link_two.gif) no-repeat right 7px;
	}
	
#main_content ul.career_links li.career_blue a:visited {
	background: transparent url(../images/visited_one.gif) no-repeat right 7px;
	}
	
#main_content ul.career_links li.career_white a:visited {
	background: transparent url(../images/visited_two.gif) no-repeat right 7px ;
	}
	
#main_content ul.career_links li.career_white a.inline, #main_content ul.career_links li.career_blue a.inline {
	display: inline;
	background-image: none;
	}
	
/*
-------------Open Evenings Box------------
*/

#main_content #open_evenings {
	background: #f1882a url(../images/events_bg.gif) no-repeat center bottom;
	padding: 12px 12px 25px;
	}
		
#main_content #open_evenings p { 
		color: #fff;
		font-size: 0.8em;
		padding-bottom: 0.9em;
}

#main_content #open_evenings #dates {
	border: 2px solid #fff;
	padding: 10px;
}
	
#main_content #open_evenings #dates p {
font-size: 0.9em;
	text-align: right;
	padding: 0.3em 30px 0.3em 0;
	background: transparent url(../images/events_circle_lightblue.gif) no-repeat right center;
	margin-right: 32px;
	}
	
#main_content #open_evenings #dates p.date2 {
	background: transparent url(../images/events_circle_blue.gif) no-repeat right center;
}

/*
------Quick Link Styles-------------
*/


#quick_links {
	float: left;
	margin-top: 15px;
	margin-left: 96px;
	width: 226px;
	font-size: 15px;
		padding-bottom: 38px;
	}

#quick_links ul {
	list-style-type: none;

	}
	
#quick_links ul li {
	float: left;
	width: 226px;
	clear: both;
	height: 101px;
	margin-bottom: 9px;
	}	
	
#quick_links ul li a {
	display: block;
	float: left;
	width: 214px;
	height: 26px;
	padding-top: 75px;
	padding-left: 12px;
	}
	
#quick_links ul li a:link, #quick_links ul li a:visited, #quick_links ul li a:hover, #quick_links ul li a:active  {color: #fff; text-decoration: none;}

	
a#feature_1 {
	background: transparent url(../images/feature_1.jpg) no-repeat left top;
	}

a#feature_2 {
	background: transparent url(../images/feature_2.jpg) no-repeat left top;
	}
	
a#feature_3 {
	background: transparent url(../images/feature_3.jpg) no-repeat left top;
	}

a#feature_4 {
	background: transparent url(../images/feature_4.jpg) no-repeat left top;
	}
	
a#feature_5 {
	background: transparent url(../images/feature_5.jpg) no-repeat left top;
	}
	
a#feature_1:hover, a#feature_1:focus,
a#feature_2:hover, a#feature_2:focus,
a#feature_3:hover, a#feature_3:focus,
a#feature_4:hover, a#feature_4:focus,
a#feature_5:hover, a#feature_5:focus {
	background-position: -226px 0;
	}
	
/*
-------------Welcome Page Text-------------
*/

#quote {
	float: left;
	margin-top: 1px;
	width: 202px;
	background-color: #f1882a;
	color: #fff;
	padding: 12px;
	text-align: left;
	}
	
/*----------- Exam Results Table --------------*/

#copy .exam-results {
	position: relative;
	}
	
#copy .exam-results table {
	clear: both;
	color: #fff;
	background-color: #f28d33;
	font-weight: bold;
	}

#copy .exam-results table tr.odd {
	background-color: #f7b471;
	}
	
#copy .exam-results table td {
	border-left: 2px solid #fff;
	padding: 4px 6px;
	}
	
#copy p.pass {
	position: absolute;
	top: -8px;
	right: 0;
	}

/*
-------------Footer Styles-----------------
*/

#footer {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.56em;
	clear: both;
	padding: 6px 10px 10px 10px;
	color: #fff;
	background-color: #004990;
	margin-right: 50px;
	width: 910px;
}

.copyright {
	float: left;
}
	
.design {
	float: right;
}

#footer a:link {color: #fff; text-decoration: none;}
#footer a:visited {color: #fff; text-decoration: none;}
#footer a:hover {color:#fff; text-decoration: underline;}
#footer a:active {color: #fff; text-decoration: underline;}

/* ------ Calendar Element ----------------- */

#MainContent_0_0_ctl00_upCalendar { 
			margin-top:10px; 
			margin-bottom:0px;
			}
			
#MainContent_0_0_ctl00_calendar table {
			margin-top: 0;
			margin-bottom: 0;
                       
			}

table#MainContent_0_0_ctl00_calendar tbody tr td table {
                        margin-bottom: 0;
                        }
			 
.eventsCalendar table { /* entire table */			
			width:100%;
			border-collapse:collapse;
                        border-color: #ddd;
			}
							
.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
			padding: 6px 2px;
			border:1px solid #ddd;
			background: #FFF;
			text-align:centre;
			vertical-align: top;
                        }
			 
.eventsCalendar table table, .eventsCalendar table table td {
			border:none !important;
			width:100%;
			border-collapse:collapse;
                        }
			 
table.calendarTitle td { /* top bar with current month and next/previous buttons */
			text-align: center;
			background:#004489;
			color: #fff;
            font-size: 1.3em;
			font-weight: bold;
			padding: 8px 4px; 
		    border:1px solid #ddd;}
			 
.calendarNextPrevious {font-weight: normal;} 
			
.calendarNextPrevious a {color: #fff !important; text-decoration:none;}
			
.calendarNextPrevious a:hover {color: #fff !important; text-decoration:underline;}
			
.calendarDayHeader { /* second main bar with days of the week text */
			color: #FFF;
			background: #c60c30;
			font-weight: bold;
			
			text-align: center;            
			padding: 10px 2px;
                        border:1px solid #ddd;}
							
.calendarToday {color: #fff; background:#efab00;}

#copy .calendarToday a:link {color: #fff;}
#copy .calendarToday a:visited {color: #fff;}
			
.calendarWeekendDay {background: #EFEFEF;}
			
.calendarOtherMonthDay {color: #333; background:#d2e3f5;}
			
/*-------- Calendar events in the list style --------------- */
			
.eventsList {padding: 0;}
.eventsList ul {margin: 0 !important; padding: 0 !important;}
.eventsList ul li {color:#491B63;}
.eventsList ul li .eventDate {margin: 0 0 10px 0; color: #999;}                        
				
/* calendar detail page */
					
.event .eventDate {margin: 0 0 5px 0px; color: #999; font-size:90%;}
.event .eventBack {
			margin: 10px 0;
			font-weight: bold;
			border-top: 1px solid #522081;
			padding-top: 7px;}

.calendarNextPrevious a:hover {color: #fff !important; text-decoration:underline;}
			
.calendarDayHeader { /* second main bar with days of the week text */
	color: #FFF;
	background: #52bdec;
	font-weight: bold;
	height: 1px;
	text-align: center;            
	padding: 4px 2px;
	border: none !important;
}
							
.calendarToday {color: #fff; background:#f1882a;}
			
.calendarWeekendDay {background: #EFEFEF;}
			
.calendarOtherMonthDay {background:#f8c597; color: #fff;}

/* ------------ Photo Gallery Element -------------*/

#main_content .photoGalleryElement p {
	padding-bottom: 0;
	}

#main_content .photoGalleryElement  .thumbnail {
	margin: 0px 10px 10px 0 !important;
	line-height: 0 !important;
	min-height: 130px !important;
	}
	
	
/* ----------- RSS Feed -------------------- */

#news .blogsElement .rss {
	display: none;
	}

#news .rss_feed {
	position: absolute;
	bottom: -30px;
	left: 0;
	}
	
#main_content #news .rss_feed a:link {
	color: #52BDEC;
	}
	
#news #main_content #copy {
	position: relative;
	}
	

	
/* ----------- No Clear for P's --------------*/

#main_content #copy p.no_clear {
	clear: none;
	}
 
 /* <textEditor>  */	
 
.no_clear {
	clear: none;
    }

.left_inline {
	float: left;
	display: inline;
	}

.right_inline {
	display: inline;
	}

.career_links {
	display: block;
	}

.career_blue {
	font-weight: normal;
	}

.career_white {
	font-weight: normal;
	}
	
.course_image {
	font-weight: normal;
	}
/* </textEditor>  */