/*   
Theme Name: MC Theme
Theme URI: http://www.marriagecare.org.uk/
Description: WordPress Theme template -- WordPress v3.4.1
Author: mesh london
Author URI: http://meshlondon.com
Version: 1
*/

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #58585A; }

body { margin: 0; font-size: 13px; line-height: 15px; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #EB4393;  }

a:hover { color: #EB4393; }
a:focus { outline: none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */
   
.grey {color: #58585A;}

.blue {color: #5C3494;}

.pink {color: #EB4393;}

.violet {color: #A286B8;}


.grey-bg {background: #58585A;}

.blue-bg {background: #5C3494;}

.pink-bg {background: #EB4393;}

.violet-bg {background: #A286B8;}

.light-violet-bg {background: #DEDCEB;}


.container {position: relative; width: 960px; margin: 0 auto; padding: 25px 0;}

.main {position: relative; width: 910px; margin: 0 auto; padding: 25px 0 0 0; }

.head-content { position: relative; height: 160px; width: 910px; margin: 0 auto; border-bottom: 1px solid #5C3494;}

.footer-content { position: absolute; left: 0; bottom: 0; width: 735px; clear: left; padding-top: 25px;}

.content {position: relative; float: left; width: 735px; min-height: 500px; padding-bottom: 25px;}


/* =============================================================================
   FONTS
   

font-family:'AvantGardeGothicITCW01B 731063';
font-family:'AvantGardeGothicITCW01B 731069';
font-family:'AvantGardeGothicITCW01D 731075';
font-family:'AvantGardeGothicITCW01M 731087';
   
   
   ========================================================================== */
   
h1, h2 {color: #5C3494;}

h1 a {text-decoration: none;}

p {margin: 0 0 13px 0; font-size: 13px;}

.intro p {font-size: 14px; line-height: 16px;}   


/* =============================================================================
   HEAD CONTENT
   ========================================================================== */
   
.head-left-col {position: relative; width:910px; height: 110px;}

.head-search-col {position: relative; float: right; width: 175px;}

.tel-numbers {position: absolute; left: 370px; top:0; text-align: right;}

.tel-numbers h1 {margin: 0; padding: 0; font-size: 21px; line-height: 23px; font-weight: normal; font-family:'AvantGardeGothicITCW01D 731075'; }

.tel-numbers h1 span {font-family:'AvantGardeGothicITCW01B 731069';}

.contact-links ul {font-weight: bold; font-size: 15px; line-height: 18px;}

.contact-links ul li a {color: #A286B8; text-decoration: none;}
.contact-links ul li a:hover {color: #5C3494;}

.tel-numbers h1 span.head-number {font-size: 14px; line-height: 15px;}
.tel-numbers h1 span.head-mobile {font-size: 12px; line-height: 15px;}


/* =============================================================================
   MAIN NAVIGATION
   ========================================================================== */
   
.level-one-nav {height: 18px; margin-bottom: 5px;}

.level-two-nav {height: 18px;} 

.level-one-nav ul {}

.level-one-nav ul li, .level-two-nav ul li {float: left; display: inline; padding-right: 6px;}

.level-one-nav ul li a, .level-two-nav ul li a {display: block; color: #A286B8; text-decoration: none; font-weight: bold; font-size: 15px; line-height: 18px; height: 18px; padding-left: 15px; background: url(img/menu_arrows.gif) 0 0; background-repeat: no-repeat;}

.level-one-nav ul li a:hover, .level-two-nav ul li a:hover {color: #EB4393; background-position: 0 -18px;}

.level-one-nav ul li a.selected, .level-two-nav ul li a.selected {color: #EB4393; background-position: 0 -36px;}

.level-one-nav ul li.current_page_item a, .level-two-nav ul li.current_page_item a, .level-one-nav ul li.current_page_parent a, .level-one-nav ul li.current_page_ancestor a, .level-two-nav ul li.current_page_ancestor a {color: #EB4393; background-position: 0 -36px;}




label.search-site {display:block; position: relative; height: 20px; width: 175px; }



input.site {outline: none; background: #ECEDED; width: 148px; font-size: 14px;  line-height: 14px; font-weight: bold; color: #B3B5B6; padding: 3px 0 0 0; border: 1px solid #B3B5B6; margin-top: -2px;}

.go-bt {position: absolute; top:-2px; right: 0; display: block; vertical-align: top;}

/* =============================================================================
  FOOTER CONTENT
   ========================================================================== */


.footer-links ul {font-weight: bold;}

.footer-links ul li {display: inline; padding-right: 5px;}

.footer-links ul li a {color:#58585A; text-decoration: underline;}

.footer-links ul li a:hover {color: #5C3494;}



/* =============================================================================
   SIDE BAR
   ========================================================================== */
   
.side-bar {position: relative; float: right; width:175px; }

.support-box {width: 175px; height: 175px; margin-bottom: 10px; }

.support-box-inner {padding: 10px;}

.support-box-inner h1 {font-size: 34px; line-height: 36px; margin: 0 0 15px 0; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';}
.mti_font_element {
font-family: 'AvantGardeGothicITCW01D 731075';
font-size: 17px;
font-weight: normal;
margin: 0;
padding: 0;
}
.support-box-inner h2 {font-size: 18px; line-height: 20px; margin: 0; font-weight: normal; color: #FFF; font-family:'AvantGardeGothicITCW01M 731087';}


.events-box {width: 175px; }

.events-box-inner {padding: 5px;}

.events-box-inner h1 {font-size: 20px; line-height: 22px; margin: 0 0 15px 0; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';}

.event-list {list-style: none; margin: 0; padding: 0; font-size: 13px; line-height: 15px;}

.event-list li {color: #000; margin-bottom: 13px;}

.event-list li a {color: #58585A; display: block;}

.event-list li a:hover {color: #000;}


.social {list-style: none; margin: 20px 0 0 0; padding: 0; font-size: 12px; line-height: 15px;}

.social li {float: left; display: inline; padding-left: 14px; }

.social li:first-child {padding-left: 0;}

.social li a {display: block; color: #58585A; padding-top: 30px; }

.social li a.youtube {background: url(img/youtube.gif) 0 0; background-repeat: no-repeat;}

.social li a.facebook {background: url(img/facebook.gif) 0 0; background-repeat: no-repeat;}

.social li a.twitter {background: url(img/twitter.gif) 0 0; background-repeat: no-repeat;}

.social li a.linkedin {background: url(img/linkedin.gif) 0 0; background-repeat: no-repeat;}

#support {cursor: pointer;}


/* =============================================================================
   TEMPLATE 01
   ========================================================================== */
   
.t1-left-col-image {position: relative; float: left; width: 450px; height: 450px; }

.t1-left-col-image h1 {position: absolute; left: 10px; top:10px; margin: 0; font-size: 40px; line-height: 44px; font-weight: normal; color: #FFF; font-family:'AvantGardeGothicITCW01M 731087';}
   
.col-265 {position: relative; float: left; width: 265px; margin-left: 10px;}   
   
.col-265 h1 {margin: 0 0 13px 0; font-size: 21px; line-height: 24px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';} 

.col-265 img {margin-bottom: 10px;}

.directors h1 { margin-top: 3px;}

.no-margin {margin-left: 0;}


.content-copy ul {list-style: none; margin: 0 0 12px 0; padding: 0;}

.content-copy ul li {padding-left: 16px; padding-bottom: 3px; background: url(img/square.gif) 0 4px; background-repeat: no-repeat; }



/* =============================================================================
   TEMPLATE DIRECTORS/STAFF
   ========================================================================== */
   
.clear {clear: left;}
   
.col-360 {position: relative; float: left; width: 360px; margin-left: 10px; }

.staff-list {width: 360px; padding-bottom: 7px; margin-bottom: 20px; border-bottom: 1px #5C3494 solid;} 

.staff-thumb {float: left; width: 95px; }

.staff-content {float: left; width: 360px; }

.staff-content h1 {margin: 0; font-size: 17px; line-height: 19px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';}

.dir-content {float: left; width: 265px; }

.dir-content h1 {margin: 0; font-size: 17px; line-height: 19px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';}

.dir-content a.more-link {display: inline;}

.staff-content a.more-link {display: inline;}


/* =============================================================================
   TEMPLATE TERMS
   ========================================================================== */
   
.col-550 {width: 550px;}   
   
.col-550 h1 {margin: 0 0 13px 0; font-size: 20px; line-height: 24px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';}    

.terms ol {margin: 0; padding: 0 0 0 18px;}

.terms ol li {padding-bottom: 7px;}

/* =============================================================================
   TEMPLATE SERVICES
   ========================================================================== */


.serv-cta {width: 265px; background: #EB4393;}

.serv-cta-inner {padding: 10px;}

.serv-cta-inner h1 {font-size: 32px; line-height: 34px; margin: 0 0 15px 0; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';}

.serv-cta-inner h2 {font-size: 18px; line-height: 21px; margin: 0; font-weight: normal; color: #FFF; font-family:'AvantGardeGothicITCW01M 731087';}


/* =============================================================================
   Calendar / NEWS
   ========================================================================== */


h1.cal-month {font-size: 21px; line-height: 23px; margin: 0 0 0 0; padding-bottom: 14px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087'; }


h2.cal-title {font-size: 17px; line-height: 19px; margin: 0 0 0 0; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087'; }


.cal-post {border-bottom: #5C3494 1px solid; border-top: #5C3494 1px solid; margin-bottom: 14px;}


p.cal-date {margin: 0; padding: 7px 0; font-weight: bold;}


a.full-art {margin-bottom: 12px; display: block;}

.news-list p {margin-bottom: 0;}


/* =============================================================================
   TEMPLATE 02
   ========================================================================== */
   
.col-350 {position: relative; float: left; width: 350px; }  

.col-700 {position: relative; float: left; width: 700px; }     
   
.col-350 h1, .col-360 h1, .col-700 h1, .col-450 h1 {margin: 0 0 13px 0; font-size: 20px; line-height: 24px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';} 

.col-350 h2, .col-275 h2, .col-700 h2, .col-450 h2, .col-265 h2  {margin: 0 0 0 0; font-size: 16px; line-height: 18px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';}


.col-350 h3, .col-275 h3 {margin: 0 0 0 0; font-size: 16px; line-height: 18px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087'; color: #5C3494;}

h2.d-files {margin-bottom: 12px;}


.content-nav ul {margin:0 0 13px 0; list-style: none; padding: 0;}

.content-nav ul li {margin-bottom: 2px;}

.content-nav ul li a {display: block; color: #A286B8; text-decoration: none; font-weight: bold; font-size: 15px; line-height: 18px; height: auto; padding-left: 15px; background: url(img/menu_arrows.gif) 0 0; background-repeat: no-repeat;}

.content-nav ul li a:hover {color: #EB4393; background-position: 0 -18px;}

.content-nav ul li.current_page_item a {color: #EB4393; background-position: 0 -36px;}

.content-nav ul li.current_page_parent a {color: #EB4393; background-position: 0 -36px;}

.content-nav ul li a.selected {color: #EB4393; background-position: 0 -36px;}


ul.flex-nav {margin:0 0 13px 0; list-style: none; padding: 0;}

ul.flex-nav li {margin-bottom: 6px;}

ul.flex-nav li a {display: block; color: #A286B8; text-decoration: none; font-weight: bold; font-size: 15px; line-height: 18px; height: auto; padding-left: 15px; background: url(img/menu_arrows_long.gif) 0 0; background-repeat: no-repeat;}

ul.flex-nav li a:hover {color: #EB4393; background-position: 0 -37px;}

ul.flex-nav li.current_page_item a {color: #EB4393; background-position: 0 -79px;}

ul.flex-nav li.current_page_parent a {color: #EB4393; background-position: 0 -79px;}



a.cta {text-decoration: none;}

.cta-box {width: 175px; height: 175px;}

.cta-box-inner {padding: 10px;}

.cta-box-inner h1 {font-size: 18px; line-height: 21px; margin: 0 0 0 0; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';}

.cta-box-inner h3 {font-size: 16px; line-height: 18px; margin: 0 0 0 0; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';}

.cta-box-inner h2 {font-size: 18px; line-height: 21px; margin: 0; font-weight: normal; color: #FFF; font-family:'AvantGardeGothicITCW01M 731087';}


/* =============================================================================
   TEMPLATE 03
   ========================================================================== */


.quote {position: relative; width: 265px; }

.quote img {display: block;}

.quote-inner {padding: 10px 30px 10px 30px;}

.quote h1 {font-size: 32px; line-height: 32px; margin: 0; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087'; color: #FFF;}

.quote h1.marks {position: absolute; top:10px; left: 10px; color: #FFF;}


/* =============================================================================
   CENTRES
   ========================================================================== */
   
.col-275 {position: relative; float: left; width: 275px; } 

.results-titles h1 {margin: 0; padding: 0; font-size: 20px; line-height: 19px; font-weight: normal; /*font-family:'AvantGardeGothicITCW01D 731075'*/ font-family:'AvantGardeGothicITCW01M 731087'; }

.col-275 h1.cent {margin: 0 0 13px 0; font-size: 20px; line-height: 24px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';} 

.centre-search {width: 275px; height: 50px;}

.centre-search h1 {margin: 0; padding: 0; font-size: 17px; line-height: 19px; font-weight: normal; font-family:'AvantGardeGothicITCW01D 731075';}

.results-titles {width: 450px; height: 50px; border-bottom: 1px solid #5C3494; }
   
.col-450 {position: relative; float: left; width: 450px; }  

.col-160 {position: relative; float: left; width: 160px; margin-right: 20px; } 

.col-160 p {margin-left: 15px;}

a.center-title {display: block; color: #A286B8; text-decoration: underline; font-weight: bold; font-size: 15px; line-height: 18px;  padding-left: 15px; background: url(img/menu_arrows_long.gif) 0 0; background-repeat: no-repeat; margin-left: -15px; margin-bottom: 0;}

a:hover.center-title {color: #EB4393; background-position: 0px -37px;}

a.center-title.selected {color: #EB4393;}

.col-280 ul {list-style: none; font-size: 15px; line-height: 18px; padding: 0; margin: 0 0 15px 0;}

.col-280 ul li {margin-bottom: 15px;}

.col-280 ul li span {font-weight: bold;}

.col-280 {position: relative; float: left; width: 270px;} 

.results-group {width: 450px; border-bottom: 1px solid #5C3494; padding-top: 5px; }

.results-group p {font-size: 15px; line-height: 18px;}



label.search {display:block; position: relative; height: 20px; width: 175px; margin-top: 6px;}

input.centres {outline: none; background: #ECEDED; width: 148px; font-size: 14px;  line-height: 14px; font-weight: bold; color: #B3B5B6; padding: 3px 0 0 0; border: 1px solid #B3B5B6;}

.go-search {top: 0;}


a.center-box {text-decoration: none;}

.center-box {width: 175px; height: 175px; margin-top: 12px;}

.center-box-inner {padding: 10px;}

.center-box-inner h1 {font-size: 17px; line-height: 19px; margin: 0 0 0 0; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087'; color: #FFF;}

.center-box-inner h2 {font-size: 17px; line-height: 19px; margin: 0; font-weight: normal; color: #5C3494; font-family:'AvantGardeGothicITCW01M 731087';}


.center-copy-left p {font-size: 15px; line-height: 18px; padding-right: 10px;} 

.courses-list {list-style: none; margin: 15px 0 0 0; padding: 0; font-size: 15px; line-height: 18px; }

.courses-list li {border-top: 1px solid #5C3494; padding: 6px 0 12px 0;}

.courses-list li span.course-date {display: block; font-weight: bold;}


.course-titles h1 {margin: 0; padding: 0; font-size: 20px; line-height: 19px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087'; }

.centres-right-content p {font-size: 15px; line-height: 18px;}

.centres-right-content h2 {margin: 0 0 12px 0; font-size: 16px; line-height: 18px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';}

.booked {color: #5C3494;}


.current-opps {list-style: none; margin: 15px 0; padding: 0;}

.current-opps li {font-size: 15px; line-height: 18px; font-weight: bold;}


/* Centre styles from old site */

h4.toggler {margin: 6px 0; padding: 0; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087'; color: #5C3494; font-size: 16px; line-height: 18px; cursor: pointer;}

.element address {font-style: normal; margin-bottom: 6px;}

a.contact_centre_link {margin-right: 12px;}

h1.no_image {font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087'; color: #5C3494; margin: 0 0 12px 0;}

h1.no_image span.pink {color: #5C3494;}



#centre_addresses h4.active {font-weight: normal; color: #EB4393; background-position: 0 -33px;}


.col-160 p {margin-left: 0;}


/* FORMS */


#form, #course_date_enquiry { padding-bottom: 30px;}

#form p, #course_date_enquiry p {padding: 0; margin: 0;}


#form .input, #course_date_enquiry .input {
	width: 200px;
	float: right;
	background-color: #E8E0ED;
	border: none;
	padding: 4px;
	clear: right;
	outline: none;
	color: #6E6964;
}


#form fieldset, #course_date_enquiry fieldset {
	border: none;
}

#form label, #course_date_enquiry label {
	float: left;
	clear: left;
	width: 185px;

}

#form label span {color: #EB4393;}


#form fieldset p, #course_date_enquiry fieldset p {
	float: left;
	clear: left;
	width: 400px;
	padding-bottom: 6px;
}

#form .submit, #course_date_enquiry .submit {
	display :block; float: left; background-color: #B296C4; padding: 5px 10px; border: none;  color: #FFF; font-weight: bold; margin: 5px 0 0 192px; cursor: pointer; font-weight: normal; font-family:'AvantGardeGothicITCW01D 731075';
}




#form .submit a, #course_date_enquiry .submit a {font-size: 15px; text-decoration: none; color: #FFF; }

#form textarea, #course_date_enquiry textarea {resize: none;}

#form .textarea, #course_date_enquiry .textarea {width: 200px;
float: right;
	background-color: #E8E0ED;
	border: none;
	padding: 4px;
	outline: none;}




#form-short { padding-bottom: 30px;}

#form-short p {padding: 0; margin: 0;}


#form-short .input {
	width: 200px;
	float: right;
	background-color: #E8E0ED;
	border: none;
	padding: 4px;
	clear: right;
	outline: none;
	color: #6E6964;
}


#form-short fieldset {
	border: none;
}

#form-short label {
	float: left;
	clear: left;
	width: 140px;

}


#form-short label span {color: #EB4393;}


#form-short fieldset p {
	float: left;
	clear: left;
	width: 350px;
	padding-bottom: 6px;
}

#form-short .submit {
	display :block; float: left; background-color: #B296C4; padding: 5px 10px; border: none;  color: #FFF; font-weight: bold; margin: 5px 0 0 143px; cursor: pointer; font-weight: normal; font-family:'AvantGardeGothicITCW01D 731075';
}

#form-short .submit a {font-size: 15px; text-decoration: none; color: #FFF; }

#form-short textarea {resize: none;}

#form-short .textarea {width: 200px;
float: right;
	background-color: #E8E0ED;
	border: none;
	padding: 4px;
	outline: none;}



/* =============================================================================
   MEMBERS
   ========================================================================== */


h1.member {margin: 0 0 14px 0;}


ul.download-files li {padding-left: 0px; background: url(img/page_icon.gif) 0 3px; background-repeat: no-repeat; padding-bottom: 6px; }

ul.download-files li a {height: auto; background: none;}

ul.download-files li a:hover {background-position: 0 0;}


p.date {margin-bottom: 0;}

h1.news-title {margin-bottom: 0;}

.more-link {display: block;}



.col-members {position: relative; float: left; width: 230px; margin-right: 10px;}   

.col-members h1 {margin: 0 0 12px 0; font-size: 20px; line-height: 22px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';} 
.col-members h2 {margin: 0 0 12px 0; font-size: 16px; line-height: 18px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';} 


ul.mem-nav {margin:0 0 13px 0; list-style: none; padding: 0;}

ul.mem-nav li {margin-bottom: 6px;}

ul.mem-nav li a {display: block; color: #A286B8; text-decoration: none; font-weight: bold; font-size: 15px; line-height: 18px; height: auto; padding-left: 15px; background: url(img/menu_arrows_long.gif) 0 0; background-repeat: no-repeat;}

ul.mem-nav li a:hover {color: #EB4393; background-position: 0 -37px;}

ul.mem-nav li.current_page_parent a {color: #EB4393; background-position: 0 -79px;}

ul.mem-nav li.current_page_ancestor a {color: #EB4393; background-position: 0 -79px;}

ul.mem-nav li.current_page_item a {color: #EB4393; background-position: 0 -79px;}


ul.mem-nav li.current_page_parent ul.children li a {display: block; color: #A286B8; text-decoration: none; font-weight: normal; font-size: 15px; line-height: 18px; height: auto; padding-left: 15px; background: url(img/menu_arrows_long.gif) 0 0; background-repeat: no-repeat;}


ul.mem-nav li.current_page_parent ul.children li.current_page_item a {color: #EB4393; background-position: 0 -79px;}


.col-members ul.mem-nav li ul {list-style: none; margin: 0; padding: 6px 0 6px 20px; }

.col-members ul.mem-nav li ul li a {font-weight: normal;}

.col-members ul.download-files {list-style: none; margin: 0; padding: 0;}

.col-members ul.download-files li {padding-left: 20px; background: url(img/page_icon.gif) 0 3px; background-repeat: no-repeat; padding-bottom: 6px; }

.col-members ul.download-files li a {height: auto; background: none;}

.col-members ul.download-files li a:hover {background-position: 0 0;}


.member-go {}


/* =============================================================================
   CONTACT
   ========================================================================== */

.contact-page h1 {margin: 0 0 13px 0; font-size: 20px; line-height: 24px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';} 


.map ul {list-style: none; margin: 0 0 12px 0; padding: 0;}

.map ul li a {font-weight:bold;}

.map ul li ul {margin-left: 15px;}

.map ul li ul li a {font-weight: normal;}

.map ul li ul li ul {margin-top: 3px;}


.map h2 {margin: 0 0 3px 0; font-size: 16px; line-height: 18px; font-weight: normal; font-family:'AvantGardeGothicITCW01M 731087';} 

.tweet-holder {
	margin: 10px 0;
	padding: 10px 10px 3px 10px;
	background: #DEDCEB;
}

h2.tweet-heading {
font-size: 20px;
line-height: 22px;
margin: 0 0 10px 0;
padding: 0;
font-weight: normal;
font-family: 'AvantGardeGothicITCW01M 731087';	
}

.tweeting h2 {
font-size: 14px;
line-height: 16px;
margin: 0 0 0 0;
padding: 0;
font-weight: normal;
font-family: 'AvantGardeGothicITCW01M 731087';
}

.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tweet_list li {
	padding-bottom: 13px;
}


/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}