/* Press Association Training Foundation Course website CSS. Built by Definition Design 2008 http://www.definitiondesign.co.uk */
/* @group General styles */
/* reset css styles individually instead of universal selector. */
html, body{
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border-left:0;
}
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background:#fff;
	color:#000;
}
ol, ul {list-style: none;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset styles */
/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/
hr {display: none;}
p#skip {
	display: block;
	position: absolute;
	left: -5000px;
	margin: 0; padding: 0;
	height: 1px;
}
input,textarea{	font-family: Arial, Verdana, Helvetica, sans-serif;}
ul{/*list-style:disc;margin-left:16px;*/}
p,h1,h2,h3,h4,h5,h6,ul {margin-bottom:.7em}
a img,img{border:none;display:block;}
a{cursor:pointer!important;text-decoration:none; font-weight: bold;}

/* @group Links */
a:link{color:#9b100d}
a:visited{color:#9b100d}
a:hover{color:##9b100d; text-decoration: underline;}
a:active{color:#4d7a97}
/* @end */

/* @group Headings */
h1,h2,h3,h4,h5,h6{
	font-size:167%;
	color:#444;
	font-weight:bold;
}
h2, .content-inner h1{
	font: 182% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	text-transform:uppercase
}
h3,h4,h5,h6{font-size:100%;}
h3 {
	font-size:100%;color:#325063;text-transform:uppercase;
}
body#home h3 {
	font-size:105%;
	margin-top: 1.8em;
	margin-bottom: 0.5em;
}

.readmore a,.readmore{
	font-weight:bold;
	text-decoration:underline;
}
/* @end */

body{
	color:#666;
	text-align:center;/* for ie5.+*/
	background:#fff url(../images/internal-bodybg.jpg) repeat-x 0 0;/* fade*/
	font: 13px  Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 20px 0;
}
body#home{	background:#fff url(../images/bodybg.jpg) repeat-x 0 0;/* fade*/}
#outer{
	width:1000px;
	text-align:left;
	margin:0 auto;
	position:relative;
	z-index:0;

}

/* @end */

/* @group Navigation */
ul#nav{
	width:56em;
	font-size:107%;
	text-transform:uppercase;
	font-weight:bold;
	margin:0 auto;
	padding:12px 0 14px 0;
	overflow:auto;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
ul#nav li{
	float:left;
	padding:0 4px 0 3px;
	background:url(../images/navdiv.jpg) no-repeat right center;
}
ul#nav li.last{background:none;}
ul#nav li a,
ul#nav strong{
	color:#fff;
	float:left;
	padding:7px 7px;
}
ul#nav li a:hover, ul#nav strong,
body#home ul#nav li.home a,
body#news ul#nav li.news a,
body#about ul#nav li.about a,
body#why ul#nav li.why a,
body#information ul#nav li.information a,
body#contact ul#nav li.contact a{
	color:#fff;
	background:url(../images/navon.jpg) repeat-x left center;
}
/* @end */

/* @group Header */
#header{
	width:1000px;
	position:relative;
	height:217px;
}
#home #header{
	height:310px;	
	background:url(../images/home-head.jpg) no-repeat 12px 10px;
	top: 9px;	
	left: 12px;
	margin-top: -5px;
}

h1#logo,
h1#logo a,
h1#logo em,
p#logo,
p#logo a,
p#logo em{
	width:200px;
	height:81px;
	position:absolute;
	overflow:hidden;
	display:block;
	text-indent: -999em;
}
h1#logo,p#logo {top:45px;left:170px}
h1#logo a em,p#logo a em{
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	clear: both;
}
.headpic{
	position:absolute;
	left:584px;
	top:3px;
	z-index:1;
	width:381px;
	height:214px;
	background:url(../images/internal-headpic1.jpg) no-repeat 0 0;
}
#home .headpic{
	left:459px;
	top:2px;
	width:539px;
	height:287px;
	background:url(../images/home-pic1.jpg) no-repeat 0 0;
}
#contact .headpic{
	left:500px;
	top:0px;
	width:387px;
	height:201px;
	background:url(../images/iphone-head-pic.jpg) no-repeat 0 0;
}
#news .headpic{
	left:413px;
	top:0px;
	width:553px;
	height:184px;
	background:url(../images/mac-head-pic.jpg) no-repeat 0 0;
}
#information .headpic{
	left:450px;
	top:0px;
	width:492px;
	height:200px;
	background:url(../images/dv-head-pic.jpg) no-repeat 0 0;
}
#why .headpic, #meet .headpic{
	left:449px;
	top:0px;
	width:481px;
	height:178px;
	background:url(../images/recorder-head-pic.jpg) no-repeat 0 0;
}
#about .headpic{
	left:472px;
	top:13px;
	width:452px;
	height:192px;
	background:url(../images/mics-head-pic.jpg) no-repeat 0 0;
}

#apply .headpic{
	left:546px;
	top:27px;
	width:400px;
	height:174px;
	background:url(../images/apply-head-pic.jpg) no-repeat 0 0;
}
p.testimonial,p.testimonial em{
	width:356px;
	height:97px;
	position:absolute;
	overflow:hidden;
	display:block;
	z-index:2;
}
p.testimonial {top:151px;left:245px}
p.testimonial em{
	background:url(../images/testimonial-1.jpg) no-repeat 0 0;
	position:absolute;
	left:0;
	top:0;
}
/* @end */

/* @group Main section */
#main{
	background:url(../images/internal-page.jpg) no-repeat 11px 3px;/* main content page fade*/
	width:1000px;
	min-height:730px;/* set minimum height to match fade*/
}
#home #main{background:url(../images/home-page.jpg) no-repeat 44px 0px;/* main content page fade*/}
#main h2{
	padding:10px 5px 0 0;
	margin:0;
}
#inner{
	width:873px;
	background:url(../images/rcolbg.jpg) repeat-y 100% 0;/* right column background*/
	margin:0 0 0 67px;
}
#inner2{
	background:url(../images/rcolbase.gif) no-repeat 617px 100%;/* right column base image*/
	padding:0 0 8px 0;
	width:873px;
}
p.answer,p.answer em{
	width:476px;
	height:60px;
	overflow:hidden;
	display:block;
	z-index:2;
	position:relative;
}
p.answer {
	margin:10px 0 12px 0;
}
p.answer em{
	background:url(../images/if-yes.gif) no-repeat 0 0;
	position:absolute;
	left:0;
	top:0;
}
img#home-image {
	float: right;
	margin: 0 5px 10px 20px;
}
div#home-intro p {
	font-size: 95%;
}
p#view-all {
	font-size: 95%;
	margin-right: 14px;
	text-align: center;
}
/* @end */
/* @group Right sidebar */
#sidebar{
	width:243px;
	position:relative;
	float:right;
	padding:143px 0 0 0;/* preserve space for absolute image at top of column*/
}
#home #sidebar{
	padding:317px 0 0;/* preserve space for absolute image at top of column*/
}
#sidebar .coltop{/* placed absolutely because it may overlap columns */
	background:url(../images/apply2.jpg) no-repeat 0 0;
	width:269px;
	height:143px;
	position:absolute;
	top:-9px;
	left:-13px;
}
#home #sidebar .coltop {/* placed absolutely because it overlaps columns */
	background:url(../images/apply.jpg) no-repeat 0 0;
	width:292px;
	height:317px;
	left:-31px;
	top:0;
}
.applynow,.applynow a{
	position:absolute;
	top:-50px;
	left:6px;
	width:204px;
	height:178px;
	z-index:999;
	text-indent: -5000px;
}
.applynow a{
	background:url(../images/apply-now.png) no-repeat 0 0;
	top:0;
	left:0;
}
.applynow a:hover{
	background-position:0 -178px;
}
body#home .applynow{
	position:absolute;
	top:-40px;
}
.sbar-inner{
	width:203px;
	color:#fff;
	background:#adac95 url(../images/sbase.gif) no-repeat 0 100%;/* inner round corrner base*/
	padding:5px 0 15px 0;
	margin:0 0 0 5px;
}
#main .sbar-inner h2{
	color:#fff;
	font: 180% "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	padding:0 5px;
	text-align:center;
	margin:0 0 10px 0;
	text-transform: none;
}
.sbar-inner p{
	text-align:center;
	margin:10px 0 0 0;
	font-size:95%;
	padding:0 10px;
	line-height:1.5em;
}
.sbar-inner p a{
	font-weight:bold;
	color:#fff!important;
	text-decoration:underline;
}
ul.pics{
	margin:22px 0 0 6px;
	width:206px;
}
ul.pics li{
	margin:0 0 10px 0;
	width:206px;
	height:90px;
}
ul.pics li.last{margin-bottom:0}
ul.pics li a{
	display:block;
	width:198px;
	border:1px solid #dddcb6;
	height:82px;
	background:#fff;
	padding:3px;
}
ul.pics li a:hover{background:#4c7a97;}
/* @end */

/* @group Main content section */
#content{
	float:left;
	width:606px;
	margin:0 0 0 13px;
	display:inline;
}
.content-inner{
	width:570px;
	padding:0 0 14px 0;
}
#home .content-inner{	
	width:587px;	
	border-bottom:1px solid #d2d2d2;
}
.content-inner ul {
	margin-left: 16px;
	font-size: 95%;
}
.content-inner ul li {
	background: url(../images/bullet.gif) 0 6px no-repeat;
	padding-left: 15px;
	padding-bottom: .4em;
	line-height: 1.5em;
}
#main .con2 .content-inner  ul li p {
	font-size: 105%;
}
.content-inner form ul {
	margin-left: 0;
}
.content-inner form ul li {
	background-image: none;
	padding: 9px;
	padding-bottom: 0;
}
li.small-print {
	margin-top: 2em;
	border-top: 1px solid #ddd;
	padding-top: .5em;
}
body.gallery .content-inner ul {
	margin-left: 0;
}
body.gallery .content-inner ul li {
	background-image: none;
	padding: 0;
}
#content p{line-height:1.5em;}
.video{
	float:left;
	width:274px;
	margin:15px 8px 0 0;
}
.video img {
	border: 2px solid #000;
}
.sidetext{
	float:left;
	width:295px;
	margin:8px 0 0;
}
body#home .sidetext {
	margin-top: 12px;
}
#content .sidetext p{line-height:1.4em;margin:7px 0 9px 0;font-size: 95%;}
#content .sidetext p.readmore {
	margin-bottom: 2.5em;
}
body#home .sidetext a {
	display: block;
	margin: .5em 0 2em 0;
}
.sidetext h3{margin:0 0 7px 0}
body#home .sidetext h3 {
	font-size: 100%;
}
.sidetext .readmore{margin:0 0 12px 0}
#player, #waspTarget0810122029, #video-player {
	float: right;
	margin: 0 5px 1em 15px;
}
/* @end */

/* @group Success Stories section */
.success-stories{
	width:595px;
	margin:0 0 10px -7px;
	padding:14px 0 0 0;
	position:relative;
	background:url(../images/success-bg.jpg) no-repeat 50% 55px;/* background for success stories */
	min-height:235px;
}
#main .success-stories h2{padding-left:10px}

/* 3 stories in a row*/
.story{
	float:left;
	width:153px;
	display:inline;
	margin:4px 20px 0;
	color:#4c7a97;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
.sfirst{margin-left:25px}
.story h3{
	margin:0 0 10px 0;
	color:#4c7a97;
	font-size:122%;
	text-transform: none;
}
#main .story p{line-height:1.2em;font-size:92%;font-weight:bold}
#main p.sideimage {
	font-size:92%;
	line-height:1.2em;
	margin:5px 0 0 0;
	font-weight:normal
}
p.sideimage img{
	padding:2px;
	border:1px solid #929292;
	margin:2px 7px 5px 0;
	float:left;
}
body#home p.sideimage img {
	float: none;
	margin-bottom: 10px;
	margin-left: 26px;
}
#main p.cb{clear:both;font-size:95%}
#main .success-stories p.cb {
	margin: 1.5em 0 0 20px;
}
/* @end */

/* @group Footer */
/* 4 images needed for this section!! */
/* 
1)top round corner image, 
2)bottom round corner image, 
3)background circles, 
4)divider lines 
*/
#footer {
	clear:both;
	width:860px;
	background:url(../images/foot-top.jpg) no-repeat 0 0;
	padding:12px 0 0 0;
	margin:25px auto 0;
	text-align:left;
	color:#fff;
}
.foot-mid{
	width:860px;
	background:#474747 url(../images/foot-bg.jpg) no-repeat 0 100%;
}
.foot-content{
	width:860px;
	background:url(../images/footer-div.gif) repeat-y 247px 0;
}
.foot-base{
	width:860px;
	background:url(../images/foot-base.jpg) no-repeat 0 100%;
	padding:0 0 12px 0;
}
#footer .last{margin-bottom:0}
/* float each section across*/
.questions{
	float:left;
	margin:0 0 15px 20px;
	display:inline;
	width:200px;
}
.questions h2{
	color:#fff;
	font: 155% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	margin:0 0 15px 0;
}
.questions p{
	margin:15px 0;
	font-size:92%
}
.questions p.last{margin:15px 0 0 0}
.questions p.last a{
	color:#fff!important;
	text-decoration:underline;
	font-weight:bold;
}
.faq{margin-left:46px;width:240px}
.faq ul{
	list-style:disc;
	color:#fff;
	font-size:107%;
	margin:16px 0 0 18px;
}
.faq ul li{margin:0 0 10px 0;}
.faq ul li a{
	color:#fff!important;
	text-decoration:underline;
	font-weight:bold;
}
.view-gall,.view-gall em,.view-gall a{
	width:262px;
	height:111px;
	position:relative;
	display:block;
	overflow:hidden;
}
.view-gall{
	float:left;
	margin:22px 0 0 63px;
}
.view-gall em{
	width:262px;
	height:111px;
	background:url(../images/view-gallery.jpg) no-repeat 0 0;
	position:absolute;
	left:0;
	top:0;
}
ul.copyright{
	padding:0 5px 0 10px; 
	width:820px;
	margin:10px auto;
	font-size:85%;
	text-align:left;
}
ul.copyright li.copy{float:right;}
ul.copyright li {display:inline;color:#7a7a7a}
ul.copyright li a{color:#7a7a7a!important}
ul.copyright li a:hover{text-decoration:underline}
/* @end */
/* @group Extra styles for internal pages */
h1.pagehead,
h1.pagehead em,
p.pagehead, p.pagehead em{
	width:420px;
	height:45px;
	position:absolute;
	overflow:hidden;
	display:block;
}
h1.pagehead, p.pagehead {top:108px;left:-5000px}
h1.pagehead em, p.pagehead em {
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	width:420px;
	height:45px;
}
body#information h1.pagehead em,
body#information p.pagehead em {background:url(../images/headers/course-info.jpg) no-repeat 0 0!important;}
body#news h1.pagehead em,
body#news p.pagehead em {background:url(../images/headers/news.jpg) no-repeat 0 0!important;}
body#about h1.pagehead em,
body#about p.pagehead em {background:url(../images/headers/about-us.jpg) no-repeat 0 0!important;}
body#why h1.pagehead em,
body#why p.pagehead em {background:url(../images/headers/why-our-course.jpg) no-repeat 0 0!important;}
body#contact h1.pagehead em,
body#contact p.pagehead em {background:url(../images/headers/contact-us.jpg) no-repeat 0 0!important;}
body#apply h1.pagehead em,
body#apply p.pagehead em {background:url(../images/headers/apply.jpg) no-repeat 0 0!important;}
body#home h1.pagehead em,
body#home p.pagehead em {
	background:none;
}

#main .con2  p.picfloat{
	margin:10px 0 10px 10px;
	width:234px;
	height:190px;
	float:right;
}
p.picfloat a{
	display:block;
	width:226px;
	border:1px solid #b5b5b5;
	height:182px;
	background:#fff;
	padding:3px;
}
p.picfloat a:hover{background:#4c7a97;}

/* @group News page */
.content-inner ul.news-list, .content-inner ul#staff-list, .content-inner ul#student-list {
	width: 90%;
	float: left;
	margin-top: 1em;
	margin-left: 0;
}
.content-inner ul.news-list li,
.content-inner ul.staff-list li,
.content-inner ul#staff-list li,
.content-inner ul#student-list li {
	background-image: none;
	padding: 0;
}
ul.news-list li img,
ul#staff-list li img,
ul#student-list li img {
	border: 1px solid #748795;
	float: left;
	margin: 5px 15px 5px 0;
}
ul.news-list li a:hover img {
	border: 1px solid #24323D;
}
.con2 ul.news-list li h3,
.con2 ul#staff-list li h3,
.con2 ul#student-list li h3  {
	margin-top: 0;
	margin-bottom: -1.2em;
	font-size: 95%;
}
h3 span {
	color: #777;
	font-size: 100%;
	text-transform: none;
}
h3 a:link, h3 a:hover, h3 a:active {
	color: #364957;
}
h3 a:visited {
	color: #556D80;
}
h3 a:hover {
	text-decoration: underline;
}
ul.news-list li,
ul#staff-list li,
ul#student-list li {
	float: left; width: 100%;
	margin-bottom: 1.5em;
}
li#paginate {
	clear: left;
	font-size: 90%;
	padding-top: 1em;
	margin-top: 0;
	border-top: 1px solid #ddd;
}
#main .con2 p#back {
	border-top: 1px solid #ddd;
	padding-top: .7em;
	margin-top: 2em;
}
/* @end */

/* @group About/Tutors */
ul#staff-list,
ul#student-list {
	float: left;
	width: 100%;
}
/* @end */

/* @group Map / how to find */

div.contact-location {
	border-top: 1px solid #E0E0E0;
}

div#london {
	margin-top: -30px;
}

div#map, div#mapstraction, div#mapstraction2 {
	background:#E5E3DF none repeat scroll 0% 50%;
	border:1px solid #000000;
	height:300px;
	margin:0pt 0pt 2em 0;
	width:550px;
}
form#directions {
	margin: 1.5em 0 2em 0;
	background-color: #FEF8BE;
	padding: 5px 10px;
	width: 530px;
}
form#directions label {
	color: #444;
	font-size: 90%;
}
form#directions input.text {
	border-color:#7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
	border-style:solid;
	border-width:1px;
	padding:2px;
	width: 7em;
	font-size: 95%;
}
/* @end */
/* @group FAQ */
dl#faq-list {
	margin: 2em 0 1em 0;
}
dl#faq-list dt:hover {
	cursor: pointer;
}
dl#faq-list dt {
	color:#4c7a97;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 1.5em;
}
dl#faq-list dd {
	margin: -1em 0 1.5em 0;
}
/* @end */
/* @group Gallery */
body.gallery .con2 h3 {
	margin-bottom: .5em;
	font-size: 120%;
}
ul.gallery-list li {
	float: left;
	margin: 0 10px 1em 0;
}
ul.gallery-list li img {
	border: 5px solid #ddd;
}
ul.gallery-list li a:hover img {
	border: 5px solid #bbb;
}
body.gallery #main .con2 p.back {
	margin-top: 0;
}
#main .con2 p.cat-descrip,
#main .con2 p.introduction {
	margin: 0 0 .5em 0;
	font-size: 90%;
	font-style: italic;
}
/* @end */
/* @group Where are they now? */
#main .con2 blockquote {
	margin: 1.8em 0 -.8em;
}
#main .con2 blockquote p,
#main .con2 .content-inner ul li blockquote p {
	margin: 0;
	font-style: italic;
	font-weight: bold;
	color: #999;
	font-size: 110%;
}
#main .con2 ul#staff-list p {
	margin-left: 113px;
}
#main .con2 ul#student-list p {
	margin-left: 118px;
}
/* @end */
/* @end */
/* @group Breadcrumbs */
ul.bread{
	width:100%;
	border-bottom:1px solid #e0e0e0;
	padding:0 0 10px 0;
	margin:0 0 12px 0;
	font-size:85%;
	text-transform: lowercase;
}	
ul.bread li{display:inline;}
.content-inner ul.bread li {
	background-image: none;
	padding: 0;
}
ul.bread a{color:#c43433;font-weight:bold}
ul.bread a:hover{
	text-decoration:underline;
}
ul.bread li strong{color:#5b5b5b}
/*  */
#main .con2  h2, #main .con2 h1{
	padding:10px 5px 0 0;
	margin:0 0 17px 0;
}
#main .con2 p{
	font-size:95%;
	line-height:1.5em;
	margin:23px 0;
}
#main .con2 form p {
	margin: .5em 0;
}
#main .con2 form div.info p {
	margin: .5em 0 1em 0;
}

.con2 h3{margin: 2em 0 -.8em 0;}
/* @end */
/* @group Inner sidebar */
.sbar-inner2{
	width:203px;
	background:url(../images/section-top.gif) no-repeat 0 0;
	padding:11px 0 0 0;
	margin:0 0 0 7px
}
.sbar-inner2-base{
	width:163px;
	background:#d9d9b5 url(../images/section-base.gif) no-repeat 0 100%;
	padding:10px 20px 11px 20px;
}
.sbar-inner2-base p {
	font-style: italic;
	font-family: Verdana, Arial, sans-serif;
}
#main .sbar-inner2 h2{
	color:#444;
	margin:0 0 10px 0;
	font: 152% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	text-transform: none;
	padding: 0;
}
.sbar-inner2 ul{margin:0;font-size:107%;padding-bottom: 1.5em;}
.sbar-inner2 li{
	color:#444;
	border-bottom:1px solid #c4c399;
	padding:5px 0 6px;
}
.sbar-inner2 li.last{border:none;}
.sbar-inner2 li a{
	color:#444!important;
	font-weight: normal;
}
.sbar-inner2 li a:hover{text-decoration:underline;}
.sbar-inner2 ul li.current a,
.sbar-inner2 ul li.current {
	font-weight: bold;
}

#sidebar .story{
	float:none;
	width:193px;
	display:block;
	margin:34px 0 0 18px;
	color:#686755;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding-bottom: 1em;
}
#main #sidebar .story h2{color:#4F4F4C; font-size: 110%; text-transform: uppercase;font-weight: bold; margin: 0 0 .5em 0; padding: 0;}
#sidebar .story p{
	line-height:1.2em;
	font-size:100%;
	font-weight:bold;
	color:#686755;
}
#sidebar p.sideimage {
	font-size:95%;
	line-height:1.2em;
	margin:10px 0 0 0;
	font-weight:normal;
}
#sidebar p.sideimage img{
	margin:2px 7px 16px 0;
	background:#fff;
}

#sidebar p.cb{clear:both;font-size:95%;margin:10px 0 0 3px}

/* @end */