.foo { /* W3C Likes this so it validates */ }

/*
********************************************************
Interactive School Prospectuses - Print CSS Stylesheet
Created on: 08/05/2008
Version: 1.0
Development by: TIARC Ltd
Developer: Gavin Davies
Email: gavin@tiarc.co.uk
*******************************************************
*/

/* Common tag elements */
* {padding: 0; margin: 0}
body { background-color:#ffffff; color:#000000; text-align:left; font-family: Arial, Verdana, sans-serif; font-size: 12pt; font-weight:normal; margin:0; padding:0; }

/* global margins */
p,
ul,
dl,
input,
textarea,
textbox,
select {margin:0.8em 1.4em 0.9em 1.4em;}

/* paragraphs */
table p,
dl p {margin:0.4em 0;}
hr { height:1px; margin:8px 0 8px 0; display:block; }

/* headings */
h1,
h2, 
h3, 
h4,
h5 {padding:0; margin:0.3em 0 0.8em 0; color:#042246; }

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; line-height:140%; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; font-weight:normal; }
h5 { font-size: 0.9em; }

/* inputs */
input,
select,
textarea {font-size:1em;}
dl input,
dl select {margin:0;}
fieldset { border: none; margin: 0; padding: 2px 0 3px 0;}
label { float:left; width:120px; display:block; padding-top:3px; }

p { font-size: 100%; line-height: 140%; margin: 0.1em 0 1em 0; }
a:link, a:visited { color:#184D91; text-decoration: underline; }
a:hover, a:active { text-decoration: underline; }
img { border:none; vertical-align:bottom; }
img.fl { padding:0 10px 10px 0px; }
img.fr { padding:0 0 10px 10px; }

/* lists */
ul {padding:0; margin-left: 1.8em;}
li {list-style-position:outside; margin:0.3em 0 0 0; list-style-type:square; }

/* definition lists */
dl {margin-bottom:0; clear:both;}
dt {float:left; margin-bottom:0.2em; clear:both; font-weight:bold; }
dd {margin-left:13em; margin-bottom:0.3em;}

/* tables */
table {margin:0 0 0.8em 0; width:100%; border-collapse:collapse; padding:0; }
td,
th {padding:0.em 0.4em 0.4em 1em; margin:0; text-align:left;}
tbody th { font-weight:normal;}
caption { display:none; }

/* common CSS classes */
    /* colours */
    .alt {color:#2c79b6;}
    .warning {color:red;}
    .red {color:red !important;}
    .important {font-weight:bold;}
    .error {color:red; font-weight:bold;}
    .strike {text-decoration: line-through;}
    .save_price {color:red; font-weight:bold;}
    
    /* icons */
    .pdf { padding-left:22px; background-image: url(../images/icon_pdf.gif); background-position:left center; background-repeat:no-repeat; }
    .links { margin-left:0.3em; }
    .links li { list-style-type:none; }

    /* floats */
    .fl {float:left;}
    .fr {float:right;}
    .fn {float:none;}

    /* clears */
    .cb {clear:both;}
    .clearfix:after {content: "."; display: block; height: 0; margin:0; padding:0; clear: both; visibility: hidden;}
    .clearfix { position:relative; display: inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */

    /* text-align */
    .tal {text-align:left; }
    .tac {text-align:center; }
    .tar {text-align:right; }
    .nowrap { white-space:nowrap; }
    .bold {font-weight:bold;}
    .normal { font-weight:normal;}
    .strike-out { text-decoration: line-through; }

    /* display */
    .hidden {display:none;}
    .invisible {visibility:hidden;}
    .hide {position:absolute; left:-9000px; top:0; z-index:20}

    /* handles the alpha transparacy for PNG graphics in IE5.5/IE6 */
    * html .png { behavior: url(/library/javascript/iepngfix.htc); }

/* site structure */
#parent { position:relative; margin:0 auto 0 auto; background-color:#FFFFFF; width:996px; text-align:left; padding:0;}
#content-wrap { position:relative; margin:0 1px 1px 0; padding:0px 0 0 0; background-image: url(../images/bg/right_col_bg.gif); background-position:right top; background-repeat:repeat-y; }
#content-left { position:relative; float:left; width:740px; margin:0 11px 0 11px; padding:0 0 15px 0; }
#content-right { display:none; }

/* Header */
#header-wrap { display:none; }

/* Breadcrumb / Media */
#nav-breadcrumb { position:relative; font-size:85%; margin:0; padding:0; height:89px; }
#breadcrumb { display:inline; margin:10px 0 0 10px; float:left; padding:0; } 
#breadcrumb li { display:inline; list-style-type:none; margin:0; padding:0 0 0 4px; color:#042246; }
#breadcrumb li a { padding:0 10px 0 0px; background-image: url(../images/breadcrumb_seperator_line.gif); background-position:right center; background-repeat:no-repeat; }
#nav-media { line-height:10px; position:absolute; right:0px; top:25px; margin:0; width:310px; height:60px; overflow:visible; background-image: url(../images/bg/bg_popup.gif); background-position:left top; background-repeat:no-repeat; } 
#nav-media li { float:left; visibility:hidden; text-align:center; list-style-type:none; width:45px; margin:3px 0 0 0px; padding:0; }
#nav-media li.print { visibility:visible; width:40px; margin-right:30px; margin-left:9px; }
#nav-media a { font-size:10px; text-decoration:none; }
#nav-media img { display:block; padding:0 0 1px 0; margin:0 auto 0 auto; text-align:center; }

/* General Page Formating */
#content-left h1.p_title { position:absolute; top:-55px; font-size: 2.0em; font-weight:normal; }
#content-left p { padding:0; }
#content-left .media { padding:9px 0 10px 0; margin:0; }
#content-left .p_main { position:relative; padding:0; margin:0 0 20px 0;}
#content-left .p_left { position:relative; width:350px; float:left; padding:0; margin:0 35px 0 0; }
#content-left .p_right { position:relative; width:350px; float:left; padding:0; margin:0; }

/* Media Elements */
.media img { margin:0 0 10px 0; }

/* Chart Elements */
.charts { margin:0 0 10px 0; padding:0; }
.charts .chart-container { margin:0; padding:0 0 10px 0; width:100%; }

/* FAQs */
.faqs { margin:0 0 5px 0; padding:0; }
.faqs h2 { margin:0 0 2px 0; padding:0; }

/* Quotes */
.quote { position:relative; width:232px; height:151px; color:#000000; margin:10px 0 0 0; }
.quote h2 { margin:10px 0 0 15px; padding:0; color:#000000 !important; font-size:1.1em; text-align:center; opacity:1; filter: alpha(opacity=100); }
.quote .source { margin:0; padding:1px 5px 3px 0; text-align:right; font-size:0.95em; font-weight:bold; }
.quote .quote_wrap { position:absolute; bottom:9px; width:232px; color:#000000; background-color:#ffffff; opacity:0.7; filter: alpha(opacity=70); }

/* Stats */
.stats { position:relative; color:#ffffff; padding:0 0 5px 0; }
.stats h2 { margin:10px 0 10px 5px; padding:0; color:#ffffff; }
.stats ul { margin:0; padding:0; }
.stats li { margin:0; padding:0 0 5px 0; list-style-type:none; }
.stats .value { float:left; margin:0 6px 0 5px; padding:0; text-align:right; font-size:2em; }
.stats .text { float:left; margin:3px 0 0 0; width:50%; padding:0; font-size:0.85em; line-height:110%; }

/* Contact Forms */
.contact-us { position:relative; margin:0; padding:0; }
.contact-us .form { position:relative; float:left; margin:0; padding:5px 0 0 0; width:450px; }
.contact-us .form ul { margin:0; padding:0; }
.contact-us .form li { padding:0 0 9px 0; margin:0; list-style-type:none; }
.contact-us .form label { margin:0; padding:2px 8px 0 0; text-align:right; }
.contact-us .form input { margin:0; padding:0; }
.contact-us .form textarea { margin:0; padding:0; width:280px; }
.contact-us .form select { margin:0; padding:0; }
.contact-us .form table { margin:0; padding:0; width:100px !important; float:left; }
.contact-us .form table label { margin:0; padding:4px 0 0 3px; width:auto; float:left; }
.contact-us .form table input { margin:0; padding:0; width:auto; float:left; }

.contact-us .form .req { margin:0; padding:0; }
.contact-us .form .error { margin:0; padding:0 0 0 129px; font-size:0.85em; }
.contact-us .form .btn { margin:0; padding:0 0 0 129px; }
.contact-us .form .msg { margin:0; padding:15px 0 0 129px; }
.contact-us .form .comment { margin:0; padding:0; font-size:0.85em; color:#696969; }
.contact-us .info { float:left; margin:0; padding:0; width:280px; }
.contact-us .info .wrap { margin:0 0 15px 0; padding:5px; }
.contact-us .info h2 { margin:0 0 5px 0; padding:0; }
.contact-us .info p { margin:0; padding:0; }
.contact-us .info p.section { margin:0 0 9px 0; padding:0; }
.contact-us .info ul { margin:0; padding:0; }
.contact-us .info li { margin:0; padding:0; list-style-type:none; }

/* Contact Open Morning */
.open-morning .form { float:none; margin:0; padding:5px 0 0 0; width:700px; }
.open-morning .form label { margin:0; padding:2px 8px 0 0; width:250px; text-align:right; }
.open-morning .form input { margin:0; padding:0; }
.open-morning .form .error { padding:0 0 0 259px; }
.open-morning .form .msg { margin:0; padding:15px 10px 2px 150px !important; }
.open-morning .form .places { margin:0; }
.open-morning .form .places table { margin:0; width:200px; }
.open-morning .form .places table label { padding:2px 6px 0 6px; white-space:nowrap; }
.open-morning .form .places table select { width:45px;  }
.open-morning .form .opendate { margin:0; padding:0 0 25px 0; }
.open-morning .form .btn { margin:0; padding:0 0 0 259px; }

/* Contact Order Prospectus  */
.request-prospectus .form { float:none; margin:0; padding:5px 0 0 0; width:700px; }
.request-prospectus .form label { margin:0; padding:2px 8px 0 0; width:250px; text-align:right; }
.request-prospectus .form input { margin:0; padding:0; }
.request-prospectus .form .error { padding:0 0 0 259px; }
.request-prospectus .form .msg { margin:0; padding:15px 10px 2px 150px !important; }
.request-prospectus .form .places { margin:0; }
.request-prospectus .form .places table { margin:0; width:200px; }
.request-prospectus .form .places table label { padding:2px 6px 0 6px; white-space:nowrap; }
.request-prospectus .form .places table select { width:45px;  }
.request-prospectus .form .opendate { margin:0; padding:0 0 25px 0; }
.request-prospectus .form .btn { margin:0; padding:0 0 0 259px; }
.request-prospectus .form .chk { margin:0; padding:0 0 10px 257px  }
.request-prospectus .form .chk input { float:left;  }
.request-prospectus .form .chk label { text-align:left; padding-left:5px; width:auto; }

/* Popup - Directions / How to Find Us */
#content-popup.directions #flashContent { padding:0; margin:0 0 0 10px; }
#content-popup.directions .title h1 { background-image: url("../images/icons/icon_360_old.gif"); }
#content-popup.directions p { color:#ffffff; padding:3px 15px 1px 15px; }
#content-popup.directions .location { padding:5px; margin:0 0 10px 0; color:#ffffff; background-color:#000000; }
#content-popup.directions .location li { padding:0 2px 0 2px; float:left; margin:0; list-style-type:none; }
#content-popup.directions .location label { padding:2px 8px 0 10px; margin:0; width:auto; }
#content-popup.directions .location input { padding:0; margin:0 10px 0 0; width:80px; }
#content-popup.directions .location .btn { padding:0; margin:0 10px 0 0; width:auto; }
#content-popup.directions .location .print { padding:0 0 0 220px; margin:0; }
#content-popup.directions .location .print a { color:#ffffff; text-decoration:none; display:block; padding:2px 0 0 0; }
#content-popup.directions .map { position:relative; background-color:#ffffff; vertical-align:top; margin:0 15px 0 15px; }
#content-popup.directions .map .googledir { width:300px; padding:0 0 0 2px; }
#content-popup.directions #map_large { padding:0; margin:0; height:415px; width:729px; }
#content-popup.directions #route { float:none; width:500px; margin:0; padding:0; height:415px; overflow:visible; font-size:0.85em; }
#content-popup.directions #map_canvas { width:600px; height:425px; float:none; margin:0; }

/* Popup - News */
#content-popup.news .title a.close { display:none; }
#content-popup.news .title .rss { display:none;  }
#content-popup.news .left_col { display:none; }
#content-popup.news .right_col .print { display:none; }

/* Popup - Events */
#content-popup.events .right_col { width:740px; }
#content-popup.events .title a { display:none; }
#content-popup.events .left_col { display:none; }
#content-popup.events .right_col .print { display:none; }

#event-table table { padding:0; margin:0; width:740px; border-collapse:collapse }
#event-table td { padding:2px 0px 2px 2px; border:none; background-image:none; font-size:0.95em; font-weight:normal; vertical-align:top; text-align:left; }
#event-table th { font-weight:normal; border:none; font-size:1.3em; background-image: url(../images/bg/bg_event_header.gif); background-position:0px 23px; background-repeat:repeat-x; padding:2px 0 10px 2px; text-align:left; font-weight:bold; vertical-align:top; }
#event-table .bottom { background-image: url(../images/bg/bg_event_list.gif); background-position:0px 4px; background-repeat:repeat-x; }
#event-table .event_date { color:#D4AF37; font-weight:bold; padding:2px 14px 2px 2px; width:100px; }
#event-table td.event_date { font-weight:normal; }
#event-table .event_title { color:#042246; font-weight:bold; }
#event-table .event_content { color:#042246; font-weight:normal; }
#event-table .event_category { color:#D4AF37; text-align:right; width:100px; }


/* Footer */
#footer { display:none  }

/* Copyright */
#copyright { text-align:center; padding:25px 0 25px 0; font-size:0.80em; background-color:#072142; color:#ffffff; width:740px; }
#copyright p { padding:0 0 3px 0; margin:0; }
#copyright ul { margin:0 0 5px 0; padding:0;   } 
#copyright li { display:inline; list-style-type:none; margin:0; padding:0 6px 0 6px; border-right:solid 1px #ffffff;}
#copyright .last { border-right:none; }