/* CSS Document */

@import url(rollovers.css);
@import url(creative_business_services.css);
@import url(researchPages.css);
@import url(hm-layout.css);



body 
{
margin-top:1em;
font-family:'verdana', arial, helvetica, sans-serif;
padding:0;
border:0;
text-align:left;
margin:0 auto;
background: url(../bg/bg_page.jpg);
}

.clear_div {clear: both}

img{border: none;}


/* HEADER ELEMENTS -------------------------------------------------------------------------------------------------------------------------------------------------------- */


#header_menu {font-size: 0.8em;}
#header_menu a:link {color: #FFFFFF; text-decoration: none;}
#header_menu a:visited {color: #FFFFFF; text-decoration:none}
#header_menu a:hover {color: #FFFFFF; text-decoration: underline;}


#link_degree_programmes {width: 190px; float: left;}
#link_further_education {display: block; width: 190px; float: left;}
#link_part_time {display: block; width: 170px; float: left;}
#link_studying_here {display: block; width: 160px; float: left;}
#link_business_services {display: block; width: 185px; float: left;}
#link_contact {display: block; width: 60px; float: left;}


#menu_degree_programmes {background: white; border:2px solid #333333; width: 1000px;position: absolute; top:80px;z-index:1050; float: left; padding-bottom: 20px; display:none}
#menu_further_education {background: white; border:2px solid #333333; width: 1000px;position: absolute; top:80px;z-index:1050; float: left; padding-bottom: 30px; display:none}
#menu_part_time {background: white; border:2px solid #333333; width: 1000px;position: absolute; top:80px;z-index:1050; float: left; padding-bottom: 30px; display:none; font-size:0.9em;}
#menu_studying_here {background: white; border:2px solid #333333; width: 1000px;position: absolute; top:80px;z-index:1050; float: left; padding-bottom: 30px; display:none; font-size:0.9em;}
#menu_business_services {background: white; border:2px solid #333333; width: 1000px;position: absolute; top:80px;z-index:1050; float: left; padding-bottom: 30px; display:none; font-size:0.9em;}

#header_container
{
width:100%;
background:#CCCC00;
height:70px;
background: black;
padding-top:10px;
}

#header
{
width:960px;
margin:0 auto;
}

img{border: none;}
#header a:link{text-decoration: none}
#header a:active{text-decoration: none}
#header a:hover{text-decoration: none}
#header a:visited{text-decoration: none}

a.access1{display: inline; text-decoration: none; padding: 2px; border: 1px solid #333333; font-family: "Times New Roman",Times,serif; color: black; font-size: 0.8em; background: white; }
a.access2 {display: inline; text-decoration: none; padding: 2px; border: 1px solid #333333; font-family: "Times New Roman",Times,serif; color: white; font-size: 0.8em; background: black;}
a.access3 {display: inline; text-decoration: none; padding: 2px; border: 1px solid #333333; font-family: "Times New Roman",Times,serif; color: yellow;  font-size: 0.8em;}

.dixerit{position: relative;top:6px;}


#mega_menus a:link{text-decoration:none; color:#333333}
#mega_menus a:visited{text-decoration:none; color:#333333}
#mega_menus a:hover{text-decoration:underline; color: #000000}

.menu_header {width:995px; height:35px; padding-right:5px; border-bottom:1px dotted #CCCCCC; }
.menu_header a:link{text-decoration:none; color:#333333; float:right; padding:1px; border:1px solid #333333; position:relative; top:3px; display:block}
.menu_header a:visited{text-decoration:none; color:#333333; float:right; padding:1px; border:1px solid #333333; position:relative; top:3px; display:block}
.menu_header a:hover{text-decoration:underline; color: #000000; background: #CCCCCC; float:right; padding:1px; border:1px solid #333333; position:relative; top:3px; display:block}

/*----MAIN CONTENT AREA ---------------------------------------------------------------------------------------------------------------------------------------------*/ 

#wrapper 
{
width:1000px;
margin:0 auto;
height:auto;

}


#content_white {width: 960px; padding-left:20px; padding-right:20px; min-height:100%; height:100%}
#content_white h2 {font-weight: bold; font-size: 1.3em; text-align: left; }
#content h3{ font-weight: bold; font-size: 1.2em; text-align: left; }

#content_white a:link{text-decoration: none;}
#content_white a:visited{text-decoration: none;}
#content_white a:hover{text-decoration: underline;}





#content {width: 960px; padding-left:20px; padding-right:20px; min-height:100%; height:100%}
#content h2 {font-weight: bold; font-size: 1.3em; text-align: left; }
#content h3{ font-weight: bold; font-size: 1.2em; text-align: left; }




.middle_content h1{font-size: 1.4em}

.middle_content {float: left; width: 430px; padding-left:10px; padding-right: 35px; padding-left: 40px; padding-top: 20px; border-left:#999999 1px solid; font-size: 0.7em; z-index:10; border-right:#999999 1px solid; line-height: 2.0em; 
					padding-bottom: 70px; height: inherit}

.middle_content a:link{text-decoration:underline; color:#000000;}
.middle_content a:visited{text-decoration:underline; color:#000000;}
.middle_content a:hover{text-decoration:underline; color:#000000;}


.right_content
{
width: 240px;
float:right;
font-size: 0.7em;
padding-left:10px;
padding-top: 20px;
padding-right:20px;
}

.right_content a:link{text-decoration: none; color: #333333;}
.right_content a:visited{text-decoration: none; color: #333333;}
.right_content a:hover{text-decoration: underline; color: #333333;}


.left_content
{
width: 160px;
float: left;
font-size: 0.7em;
padding-top: 20px;
padding-left: 10px;
}


.left_content img
{
   display:block; /*images must be set to block in order use auto margins*/
   margin:0 auto; /*centers images in most browsers*/
   text-align:center; /*centers images in older browsers*/
}

/*-----------------------------------------------------------  Front page specific CSS --------------------------------------------------------------------------------------------------------------------------------*/


#box_holder {background:#999999; width:100%; font-size:0.7em; padding-top:10px; padding-bottom:10px; height:40px}

.box_holder {color: #FFFFFF; float:left; border-right: 1px solid #FFFFFF; width:170px; padding-left:18px; height: 35px;}

#box_holder a:link{display:block; color: #FFFFFF; text-decoration:none}
#box_holder a:visited{display:block; color: #FFFFFF; text-decoration:none}
#box_holder a:hover{display:block; color: #333333; background: #CCCCCC;height: 35px; text-decoration:none}


#fp_news {float: left; text-align: left; font-size: 0.7em; width: 310px; position: relative;  top: -5px; padding-left:9px;}

#fp_news h2 {font-size:1.2em;}

.fp_news_img {float:left; width:140px;}

.fp_news_img_txt {float:right; width:160px;padding-left:10px;}

.fp_news_ln_bk {clear:both; border-bottom:dotted 1px gray; width:325px}

#front_page_copy{font-size:0.7em; float:right; line-height:25px; width:455px; padding-left:10px; padding-right:10px;}

#front_page_copy h1 { font-size:1.2em;}

#front_page a:link{text-decoration:none; color: #333333;}
#front_page a:visited{text-decoration:none; color: #333333;}
#front_page a:hover{text-decoration:underline; color: #333333;}


/* ----------------------------------------------------------------Footer CSS ----------------------------------------------------------------------------------------------------------------------------------*/
#footer_holder
{
top: 100%;
position: absolute;
margin-top: -25px;
width:100%;
background: #000000; 

}

#footer {font-size: 0.6em; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; padding-top: 5px; padding-bottom: 30px; text-align: center; height:100px; background: #000000;
position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
z-index:300;
}


#footer_links
{
   display:block; /*images must be set to block in order use auto margins*/
   margin:0 auto; /*centers images in most browsers*/
   text-align:center; /*centers images in older browsers*/
   width:1000px;
}
#footer a:link{color: #CCCCCC; text-decoration: none;}
#footer a:visited{color: #CCCCCC; text-decoration: none;}
#footer a:hover{color: #CCCCCC; text-decoration: underline;}
.footer_float {width: 188px; float: left; text-align: left; font-size: 1.1em; }


html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:none;
	padding-bottom: 150px;}  /* must be same height as the footer */


/*Opera Fix */
body:before{
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}


/* -------------------------------------------------------------   Application Form ----------------------------------------------------------------------------------------------------------------------------------*/

#application-stage-one {background: #FFFFFF; font-size:0.75em; padding-left:10px; padding-right:10px;}
#application-stage-one table{width:970px; padding:10px;}
.prospectusApplyFailMessage {width: 90%; background-color: #f8ece7; color: #333333; font-size: 0.6em;  font-weight: bold; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;
vertical-align: top; line-height: 1.3em; border-left:1px solid #8a2807; border-right:1px solid #8a2807;}
.prospectusApplyFormLeft { width: 200px; border-top:1px dotted #cccccc; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; vertical-align: top; line-height: 1.3em; }
.prospectusApplyFormRight {padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; vertical-align: top; line-height: 1.3em; border-top:1px dotted #cccccc; }
.error_redContact {font-size: 0.8em; font-weight: bold; color: #000000; background-color: #f8ece7; background-image: url(../images/error.gif); background-repeat: no-repeat; background-attachment: scroll;
					border:#8a2807 1px solid; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 26px; margin-bottom: 2px; } 
.application-row {border-bottom:1px solid}
#application-stage-on tr{border-bottom:1px solid #666666;}
.prospectusApplyQualsRight { background-color: #f5f8fa; font-size: 0.75em; padding: 5px; vertical-align: top; line-height: 1.3em; border:1px #cccccc solid; }
#tandc p {font-size: 0.85em;}
#add_quals_btn input {float: right;}
#application_login {border: 1px solid #999999; padding: 8px; font-size: 0.75em; background-color: #f5f8fa; }
#close_application_login a:link {display: block;border: #003366 1px solid;padding: 3px;width: 100px;text-align: center;background-color: #003366;color: white;text-decoration: none;font-size: 1.2em;
									font-weight: bold;}
#close_application_login a:visited {display: block;border: #003366 1px solid;padding: 3px;width: 100px;text-align: center;background-color: #003366;color: white;text-decoration: none;font-size: 1.2em;
									font-weight: bold;}
#close_application_login a:hover {display: block;border: #003366 1px solid;padding: 3px;width: 100px;text-align: center;background-color: white;color: #003366;text-decoration: underline;font-size: 1.2em;
									font-weight: bold;}
#close_application_login p {font-size: 0.85em;font-weight: bold;color: #333333;}
#application_login h2{color: #003366;}
/* -------------------------------------------------------------------------  Reusable Links ------------------------------------------------------------------------------------------------------------------------ */

.plain_links {line-height: 20px; border-bottom:1px dotted #666666; width:90%; padding-bottom:5px;}
.plain_links a:link {text-decoration: none; color: #000000;}
.plain_links a:visited {text-decoration: none; color: #000000;}
.plain_links a:hover {text-decoration: underline; color: #000000;}


/* -------------------------------------------------------------------------  Prospectus Boxes ------------------------------------------------------------------------------------------------------------------------ */

#applyButtons a:link {display: block;border: 1px solid #333333;margin: 2px;background-image: none;background-repeat: repeat;background-attachment: scroll;padding: 2px;text-decoration: none;
						font-weight: bold;font-size: 1em;color: #333333;}		
#applyButtons a:visited{display: block;border: 1px solid #333333;margin: 2px;background-image: none;background-repeat: repeat;background-attachment: scroll;padding: 2px;text-decoration: none;font-weight: bold;
							font-size: 1em;color: #333333;}
#applyButtons a:hover {display: block;border: 1px solid #333333;margin: 2px;background-image: none;background-repeat: repeat;background-color: #333333;background-attachment: scroll;padding: 2px;
						text-decoration: none;font-weight: bold;font-size: 1em;color: white;}
						
#level0_adBox {border: 1px solid #333333;padding: 5px;line-height: 1.8em;}
#ucas_codes{border: 1px solid #4371A3;padding: 5px;line-height: 1.8em;}
#ucas_codes strong	{	color:#476798; 	}
#level0_adBox a:Link {color:#333333; text-decoration:none;}
#level0_adBox a:Visited	{color: #333333;text-decoration:none;}
#level0_adBox a:Hover {color: #333333;text-decoration:underline;}
#level0_adBoxTitle{background-color:#333333;color: white;padding: 5px;font-weight: bold;font-size: 1.5em;}

#hide{display: none}
.hide{display: none}

/* -------------------------------------------------------------------------  Charitable Trust Stuff  ---------------------------------------------------------------------------------------------------------------*/

.charity_box_header {border:1px solid #95b0bf; background-color: #95b0bf; font-size: 1.2em;}
.charity_box {border: 1px solid #95b0bf; padding: 5px;}


/*-----------------------------------------------------------------------------  Resource Area -----------------------------------------------------------------------------------------------------------------------*/

#left_rss {float: left; text-align: left; font-size: 0.7em; width: 320px; position: relative; top: -5px;  padding-top:20px}

#front_page_right_single_right_column {width: 500px; float: left; border-left: 1px solid #999999; padding-left: 10px; line-height: 22px; font-size: 1em; font-size:0.7em; padding-top:20px; padding-bottom:40px}

#front_page_right_single_right_column iframe {z-index: -2000;}

										
.resources_box img{float:left;}

.resources_box {width: 320px; height: 96px; border: 1px solid #333333;}
				
.resources_text {width: 215px; height: 91px; float: right; border-left: 1px solid #333333; padding-left: 5px; padding-top: 5px; padding-right: 3px; }				


/*----------------------------------------------------------------------------------  Online Enrolling ----------------------------------------------------------------------------------------------------------------*/

#enrol_content {font-size: 0.7em;padding-top:20px;}

/*----------------------------------------------------------------------------------  Request Prospectus ----------------------------------------------------------------------------------------------------------------------*/


#orderProspectusForm {font-size: 0.8em; }
#orderProspectusForm td{ font-size: 0.8em; }
.email_msg{width: 420px; padding-top: 20px; padding-bottom: 20px; font-size: 0.8em;}
#information-confirmation {font-size:0.8em}

/*-----------------------------------------------------------------------------------  Prospectus Styles ---------------------------------------------------------------------------------------------------------------------*/

#courseLinks a:link{color: #000000}
#courseLinks a:visited{color: #000000}
#courseLinks a:hover{color: #000000}

/* ------------------------------------------------------------------------------------------------   Freedom of Information ---------------------------------------------------------------------------------------*/



.foi_container {border-top:1px solid #999999; 	border-left:1px solid #999999; 	border-right:1px solid #999999; 	border-bottom:1px solid #999999; 	width:430px; 	margin-bottom:15px 	}
.foi_container_th {	float:left; 	font-weight:bold;	background-color:#F5F5F5; 	width:78px;	height:100%;	text-align:right;	}
.foi_container_content 	{	float:left;	text-align:left;	padding-left:2px;	width:349px;	border-left:dotted thin #999999;	}
.clear_foi {	clear:both;	border-bottom:thin #333333 dotted}


/*-------------------------------------------------------------------------------------------  Order a prospectus ------------------------------------------------------------------------------------------------------------*/

.orderProspectusFormTable{width:500px;}

#breadcrumbHolder 
{
width:100%;
background: #CCCCCC;
color: #333333;
height:25px;
}

#breadcrumbHolder a:link{text-decoration:none; color:#333333}
#breadcrumbHolder a:visited{text-decoration:none; color:#333333}
#breadcrumbHolder a:hover{text-decoration:underline; color: #333333}

#breadcrumbs 
{
width:1000px;
font-size:0.7em;
margin:0 auto;
height:auto;
padding-left:40px;
}


#xtra_profiles{width:700px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.8em;color: #333;float:left;}
#xtra_profiles hr {color:#CCC; border:1px #CCC dotted}
#xtra_profiles img{border:none;}

#xtra_profiles a:link{text-decoration:none; color:#666;}
#xtra_profiles a:visited{text-decoration:none; color:#666;}
#xtra_profiles a:hover{text-decoration:underline; color: #333;}

.xtra_profile_name{float:left; width:300px;}
.xtra_profile_name p {}
.xtra_profile_logo{float:right; width:300px;}
.xtra_clear{clear: both; padding-top:20px;}	


#alumni_xtra_profiles{width:700px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.0em;color: #333;float:left;}
#alumni_xtra_profiles hr {color: #333; border:1px  #999999 dotted}
#alumni_xtra_profiles img{border:none;}

#alumni_xtra_profiles a:link{text-decoration:none; color: #333;}
#alumni_xtra_profiles a:visited{text-decoration:none; color:#333;}
#alumni_xtra_profiles a:hover{text-decoration:underline; color: #333;}

.alumni_xtra_profile_name{float:left; width:300px;}
.alumni_xtra_profile_name p {}
.alumni_xtra_profile_logo{float:right; width:300px;}
.alumni_xtra_clear{clear: both; padding-top:20px;}	
	

/*--------------------------------------------  Corporation Links -----------------------------------------------------------------------------------*/

.student_case_studies
{

}

		.student_case_studies a:Link
		{
		color: #476798;
		text-decoration: none;
		}
		
		.student_case_studies a:hover
		{
		color: #476798;
		text-decoration: underline;
		}
		
		.student_case_studies a:Visited
		{
		color: #476798;
		text-decoration: none;
		}
		
		
		.active_caseStudy
{
background: #CCCCCC;

}
.accessibility {
}
		.accessibility a:link
		{
		color: #476798;
		text-decoration: none;
		}
		
		.accessibility a:hover
		{
		color: #476798;
		text-decoration: underline;
		}
		
		.accessibility a:visited
		{
		color: #476798;
		text-decoration: none;
		}

/*--------------------------------------------  Flickr Prospectus Galleries -----------------------------------------------------------------------------------*/


#flickr_data {display:none}
#flickr_data img{display:none}

/*--------------------------------------------  Customised prospectus page -----------------------------------------------------------------------------------*/

#HE_content_white h3 {color: white;}
#HE_content_white h1 {color: white;}
#HE_content_white h2 {color: white;}
#HE_content_white a:link {color: white;}
#HE_content_white a:active {color: white;}
#HE_content_white a:visited {color: white;}
#HE_content_white a:hover {color: white;}


/*---------------------------------------------  Icon for file links -------------------------------------------------------------------------------------------------------------------------------*/

	
.middle_content a[href$=".pdf"] {
	background:url(http://www.plymouthart.ac.uk/images/pdf.gif) no-repeat right top;
	padding-right:18px;
	padding-bottom:3px
	}
.middle_content a[href$=".doc"] {
	background:url(http://www.plymouthart.ac.uk/images/doc.gif) no-repeat right top;
	padding-right:18px;
	padding-bottom:3px
	}
	
.right_content a[href$=".docx"] {
	background:url(http://www.plymouthart.ac.uk/images/doc.gif) no-repeat right top;
	padding-right:18px;
	padding-bottom:3px
	}
	
/*.right_content a[href^="http:"] {			      
	background:url(http://www.plymouthart.ac.uk/images/external.gif) no-repeat right top;
	padding-right:10px;
	}*/
	
#prospectusCourseLinks a[href$=".pdf"] {
	background:url(http://www.plymouthart.ac.uk/images/pdf.gif) no-repeat right top;
	padding-right:18px;
	padding-bottom:3px
	}
	
.event_holder a[href$=".pdf"] {
	background:url(http://www.plymouthart.ac.uk/images/pdf.gif) no-repeat right top;
	padding-right:18px;
	padding-bottom:3px
	}
	

#content a[href^="mailto:"] {
	background:url(http://www.plymouthart.ac.uk/images/email.gif) no-repeat right top;
	padding-right:18px;
	}
	
#content a[href$=".ppt"] {
	background:url(http://www.plymouthart.ac.uk/images/ppt.gif) no-repeat right top;
	padding-right:18px;
	}
	
/*external links and document images*/	
/*
	
#content a[href$=".pdf"] {
	background:url(http://www.pcad.ac.uk/images/pdf.gif) no-repeat right top;
	padding-right:18px;
	}

#content a[href$=".doc"] {
	background:url(http://www.pcad.ac.uk/images/doc.gif) no-repeat right top;
	padding-right:18px;
}
#content a[href$=".xls"] {
	background:url(http://www.pcad.ac.uk/images/xls.gif) no-repeat right top;
	padding-right:18px;
	}
*/


	
#modules a[href$=".pdf"] {
	background:url(http://www.plymouthart.ac.uk/images/) no-repeat right top;

	}
	

.cbs_useful_link{

	float: left; padding-right:18px; text-align:center; width:120px;

}	


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#edit_btn a:link{display:block; padding-top:1px; border:#666666 solid 1px; width:25px; padding-left:5px; padding-right:10px; float:right;}
#edit_btn a:hover{display:block; padding-top:1px; border:#666666 solid 1px; width:25px; padding-left:5px; padding-right:10px;  float:right;}
#edit_btn a:visited{display:block; padding-top:1px; border:#666666 solid 1px; width:25px; padding-left:5px; padding-right:10px;  float:right;}


/*---------------------------------------------------------------  profiles that popup in the prospectus pages --------------------------------------------------------------------------------*/

.profile_popup {font-size:0.8em; line-height:25px; padding-left:10px; padding-right:10px; padding-left:15px; }
.profile_popup img {width:530px;}
	
#portfolio_guideCourses_white a:link{color: #333333}
#portfolio_guideCourses_white a:visited{color: #333333}
#portfolio_guideCourses_white a:hover{color: #333333}

.right_dark_links a:link{color: #333333; font-size: 1.2em; border-bottom: 1px #999999 solid; display: block; width: 200px; padding-bottom:10px;}
.right_dark_links a:visited{color: #333333; font-size: 1.2em; border-bottom: 1px #999999 solid; display: block; width: 200px; padding-bottom:10px;}
.right_dark_links a:active{color: #333333; font-size: 1.2em; border-bottom: 1px #999999 solid; display: block; width: 200px; padding-bottom:10px;}
.right_dark_links a:hover{color: #333333; font-size: 1.2em; border-bottom: 1px #999999 solid; display: block; width: 200px; padding-bottom:10px;}
	
#nadsc{width:255px; padding-left:10px; padding-right: 5px;	font-size: 1.3em; font-weight: bold; padding-top: 20px;}
#nadsc a:link{display: block; width:237px; border-bottom: 1px solid #333333; padding-bottom: 10px; font-size: 0.9em;color: #333333;}
#nadsc a:visited{display: block; width:237px; border-bottom: 1px solid #333333; padding-bottom: 10px; font-size: 0.9em; color: #333333;}
#nadsc a:hover{text-decoration: none; display: block; width:237px; border-bottom: 1px solid #333333; padding-bottom: 10px; font-size: 0.9em; color: white; background: #666666}


/*----------------------------------  Style for new onlin enrolment routes ------------------------------------------------------------------------------------------------------------------------*/
		
		.enrol_disclaimer{
			font-size:0.65em; padding-bottom: 20px;
		}
		
		
		.outside_the_lines_parents{
			width:420px; float: left; font-size:0.8em; margin-right:30px; margin-top:20px; margin-bottom:20px;
		 }
		
		
		.outside_the_lines_parents_header a:link{text-decoration: none; color: #FFFFFF}
		.outside_the_lines_parents_header a:active{text-decoration: none; color: #FFFFFF}
		.outside_the_lines_parents_header a:visited{text-decoration: none; color: #FFFFFF}
		.outside_the_lines_parents_header a:hover{text-decoration: underline; color: #FFFFFF}
			
		
		.outside_the_lines_add_student a:link{text-decoration: none; color: #000000; border:1px solid #333333; padding-left: 8px;padding-top:3px; padding-bottom: 3px; 
					display:block; width:190px; font-size:0.8em; background: #CCCCCC;  font-weight: bold; float: left; margin-right:20px;
		}
		
		.outside_the_lines_add_student a:visited{text-decoration: none; color: #000000; border:1px solid #333333; padding-left: 8px;padding-top:3px; padding-bottom: 3px; 
					display:block; width:190px; font-size:0.8em; background: #CCCCCC;  font-weight: bold; float: left; margin-right:20px;
		}
		
		.outside_the_lines_add_student a:active{text-decoration: none; color: #333333; border:1px solid #333333; padding-left: 8px;padding-top:3px; padding-bottom: 3px; 
					display:block; width:190px; font-size:0.8em; background:#CCCCCC;  font-weight: bold; float: left; margin-right:20px;
		}
		.outside_the_lines_add_student a:hover{text-decoration: none; color: #000000; border:1px solid #333333; padding-left: 8px;padding-top:3px; padding-bottom: 3px; 
					display:block; width:190px; font-size:0.8em; background: #0099FF;  font-weight: bold; float: left; margin-right:20px;
		}
		
		
		
		
		.outside_the_lines_parents_header{
			background: #333333;  padding:8px;; font-weight: bold; color: white;
		}

		.outside_the_lines_parent_information{
			padding:8px;border:1px dotted #999999; color: #333333; line-height: 20px; 
		}
		
		.outside_the_lines_child_container{		
			width:283px; float: left;font-size:0.8em; margin-right:10px;
		}
		
				
		.outside_the_lines_child_header a:link{text-decoration: none; color: #FFFFFF}
		.outside_the_lines_child_header a:active{text-decoration: none; color: #FFFFFF}
		.outside_the_lines_child_header a:visited{text-decoration: none; color: #FFFFFF}
		.outside_the_lines_child_header a:hover{text-decoration: underline; color: #FFFFFF}
		
				
		.outside_the_lines_child_header{
			background: #333333;  padding:8px;; font-weight: bold; color: white;
		}
		
		.outside_the_lines_child_information{
			padding:8px;border:1px dotted #999999; color: #333333; line-height: 15px; font-size:0.8em;
		}
		
		.outside_the_lines_dicounts{
			font-size: 0.8em; width: 900px;
		}
		
		
		.outside_the_lines_order_summary{
			font-size:0.8em;
		}
		
		.outside_the_lines_order_summary td{
			border: 1px solid #666666; padding:8px; 
		}
		
		.outside_the_lines_order_details_header{
			background: #333333; color: #FFFFFF; font-weight: bold;
		}
		
		
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Ba Photography Styles  */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

#western_approaches {color:#FFFFFF; font-size:0.8em;}
#western_approaches a:link{color:#FFFFFF; text-decoration:none}
#western_approaches a:hover{color: #FFFFFF; text-decoration:none}
#western_approaches a:visited{color: #FFFFFF; text-decoration:none} 
#western_approaches h1 {text-align: center; font-size:1.2em;}
#western_approaches h2 {text-align: center}
#western_approaches_images {text-align: center;padding-top:20px;}
#western_approaches_images img{margin: 0 10px;}



.summerShowGallery img{padding-right: 10px;}
.summerShowGalleryHeader {background: #CCC; font-weight: bold; display: blockpadding:3px;}

.fashionShowContainer{}
.fashionShowContainer img{float:left;}
.fashionShowContainer p{float:right; padding-left:10px; width:120px;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------
/*Part time menu */
#pt_menu a:link{font-size: 1.1em; line-height:30px; text-decoration:none;}
#pt_menu a:active{font-size: 1.1em; line-height:30px; text-decoration:none;}
#pt_menu a:hover{font-size: 1.1em; line-height:30px; text-decoration:underline;}
#pt_menu a:visited{font-size: 1.1em; line-height:30px; text-decoration:none;}


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


/*Summer show and awards stylings ------------------------------------------------------------------------------ */

.summershow_main_film_holder {width:450px; height:370px; float: left;}
.summershow_introduction_text {width:500px; padding-left:10px; float:right;}
.summershow_award_container {width: 320px; float:left}
.summershow_introduction_text p{font-size:0.8em; padding-right:5px; line-height:25px; padding-bottom:10px; padding-left:10px;}


.summershow_charitable_trust {font-size:0.8em; width:210px; float:left}
.summershow_charitable_trust img {width: 200px;}

.summershow_corporation {padding-left:33px; font-size:0.8em; width:210px; float:left}
.summershow_corporation img {width: 200px;}


.summershow_raindance {padding-left:33px; font-size:0.8em; width:210px; float:left}
.summershow_raindance img {width: 200px;}

.summershow_satarts {padding-left:33px; font-size:0.8em; width:210px; float:left}
.summershow_satarts img {width: 200px;}


.summershow_award_holder p{float:left; width:150px; padding-right:5px; padding-left:8px; position:relative; top:-10px;}
.summershow_award_holder{font-size:0.8em;padding-bottom:15px;padding-top:15px;}
.summershow_awards h2{font-size:1.1em;}
.summershow_award_holder img {width:120px;float:left;}


.accordionButtonFashion, .accordionButtonPhotography, .accordionButtonLiterature, .accordionButtonGraphics, .accordionButtonPrinting, 
.accordionButtonContemporaryCraft, .accordionButtonDrawingandPainting, .accordionButtonTaster, .accordionButtonMasterclass
{border-bottom: 1px solid #FFFFFF; cursor: pointer;}

.accordionContentFashion, .accordionContentPhotography, .accordionContentLiterature, .accordionContentGraphics, .accordionContentPrinting, 
.accordionContentContemporaryCraft, .accordionContentDrawingandPainting, .accordionContentTaster, .accordionContentMasterclass
{float: left; display: none;}

#middle_gallery img{padding:7px;}