/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html {
-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

.kis-widget iframe:nth-child(2)
{
    visibility:hidden;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

@font-face {
    font-family: 'HothouseRegular';
    src: url('fonts/hothouse-regular-webfont.eot');
    src: url('fonts/hothouse-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Hothouse-Regular.otf') format('opentype'),
         url('fonts/hothouse-regular-webfont.woff') format('woff'),
         url('fonts/hothouse-regular-webfont.svg#HothouseRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 5px 0; padding: 0; }




/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } 

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

select:valid
{
  -webkit-appearance: menulist-button;
}

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ background: #cc0099; color:#fff; text-shadow: none; }
::selection { background:#cc0099; color:#fff; text-shadow: none; }

input:focus {
      background: #cc0099; outline:none;
}

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #cc0099; }

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/**
 * You might tweak these..
 */

body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* Set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h3, h4, h5, h6 { font-weight: bold; }

p a, p a:active, p a:visited, li a, li a:active, li a:visited { color: #333; text-decoration:none; border-bottom:1px dotted #cc0099;}

p a:hover, li a:hover{ color: #cc0099; border-bottom: 1px dotted #cc0099}

a, a:active, a:visited {text-decoration:none !important}

/**
 * Primary styles
 *
 * Author: Screenmedia
 */

 body {
  background:url(images/mainbg.gif) repeat-y 0 0; margin:0px; padding-left:11px; 
  font-size: .75em; color:#333; font-family:Georgia, "Times New Roman", Times, serif; background-color:#fff;
}

#testlinks{
padding-bottom:40px;
}

/* new clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/**** fonts and text setup ****/
.removeUnderline
{
    border-bottom:none;
}

 .remove{
text-indent:-9999em;
float:left;
width:0;

}
h2.image-gen-header img{
margin:0!important;
padding:0!important;
}

h2 {
font-family: HothouseRegular, Arial Black, Arial, Sans-serif; font-size: 2.25em; color:#575757; text-transform:uppercase;
font-smooth:always; 
}

h2.top {
font-size:2.25em; 
line-height:30px;
color:#575757;
}

h2 span.dark{
color:#242424;
}

.section_title_single h2 {
font-size:1em;
}

h2.profile_header{
font-size:1.167em!important;
}

h3 {
font:1em arial, helvetica, sans-serif; font-weight: bold; color: #383838; margin-bottom:10px; 
}

h3.xsltsearch_result_title a{
font-size: 1em; color:#333; 
font-family:Georgia, "Times New Roman", Times, serif; 
line-height:18px;
margin:0; 
padding:0;
border-bottom:1px dotted #cc0099;
}

h3.xsltsearch_result_title a:hover{
color:#cc0099;
}

p#xsltsearch_summary {
font:1em arial, helvetica, sans-serif; 
font-weight: normal; 
color: #242424; 
margin-bottom:18px; 
}

.no_para p 
{
    margin:0!important;
}

p#xsltsearch_navigation {
font-family: arial, helvetica, sans-serif;
}

#xsltsearch_navigation a.disabled:hover
{
    color: #242424; 
    border:0;
}

p#xsltsearch_navigation a{
text-decoration:none;
border:none;
}

p#xsltsearch_navigation a:hover{
border-bottom:1px dotted #cc0099;
}

span.pagingDisabled 
{
text-decoration:none;
border:none;
font-style:normal;
}

.pagingPages 
{
    font-family: arial, helvetica, sans-serif;
}

.pagingPages a:hover 
{
    border-bottom:1px dotted #cc0099;
    color:#cc0099;
}

.pagingPages a 
{
    text-decoration:none;
    color:#333;
}

h3.full_pink a, h3.pink a{
color: #383838; text-decoration:none; border-bottom:1px dotted #cc0099; margin:0; padding:0;
}

h3.pink {
color: #666;
 margin:0; padding:0; line-height: 18px;
 height: 30px;
}

h3.pink a:hover, h3.full_pink a:hover {
color:#cc0099; border-bottom:1px dotted #cc0099;
}

h3.full_pink a{
display:block; padding:2px;
}

#jcarousel h3{
font-size: 1em; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; margin-bottom:3px; padding:0;
}

#jcarousel h3 a{
color:#333; border-bottom:1px dotted #cc0099; text-decoration:none;
}

#jcarousel h3 a:hover{
border-bottom:1px dotted #00b200;
}

.fullimage {
margin-left:10px;
}

.italic {
font-style:italic;
}

p {
line-height:18px; margin-bottom:20px;
}



p span{
font-style:italic;
}

p.small{
font-size:.833em; margin:10px 0;
}

h3.info_guide {
line-height:15px; font-size: 1em; color:#333; font-family:Georgia, "Times New Roman", Times, serif;
}

h3.fixed_height {
height:30px;
}

h3.info_guide a {
border-bottom:1px dotted #00b200; color:#666; text-decoration:none; font-weight:bold;
}

h3.info_guide a:hover {
border-bottom:1px dotted #cc0099;
}

h3.nopadding_bottom {
margin:0;
}

h3.event {
color:#333; margin:0;
}
.profile br{
margin-bottom:10px;
}

.profile p{
color:#333;
font-style: normal;
font-weight:normal;
display:inline;
}

.profile a{
color:#333;
font-style: italic;
font-weight:normal;
text-decoration:none;
border-bottom:1px dotted #CC0099;
}

.profile a:hover {
border-bottom:1px dotted #CC0099;
color:#CC0099;
}

.profile h3{
color:#333;
font-weight:bold; 
font-style: normal;
display:inline;
font-family:Georgia, "Times New Roman", Times, serif;
}

.copyright {
font-size:.917em; font-style:italic; color:#575757;
}

/**** event page ****/
.event p{
color:#575757; font-style:italic;
margin-bottom:20px;
}

ul.listStyle a, ul.listStyle a:active, ul.listStyle a:visited
{
    color: #333;
    border-bottom: 1px dotted #C09;
}

ul.listStyle a:hover
{
    color: #C09;
}

.event ul {
list-style:none;
margin:0 0 16px 0;
line-height:20px;
}

.event li a{
margin-bottom:8px;
border-bottom:1px dotted #CC0099;
font-style:italic;
color:#575757;
}

.event li a:hover{
border-bottom:1px dotted #CC0099;
color:#CC0099;
}

.event h3{
color:#333;
padding-top:4px;
margin:0;
border-top: 1px solid #ccc;
}

.event h3.top{
padding:0;
border: none;
}

.event img{
border-top: 1px solid #ccc;
padding:5px 0 2px 0;
}

.event_container 
{
    width:646px;
    margin-left:10px;
    float:left;
}

/**** degreeshow event ****/
.degreeshow_event {
margin-left:10px!important;
}

.degreeshow_header #banner{
margin-left:0;
width:645px!important;
}

p.degree_address {
margin-bottom:10px;
}



/**** profile page ****/
.profile_page p{
color:#575757; 
margin-bottom:10px;
font-size:.833em
}

.profile_page strong{
color:#575757; 
margin-bottom:20px;
font-size:.833em;
}

.profile_page ul {
list-style:none;
margin:0 0 16px 0;
line-height:20px;
}

.profile_page li a{
margin-bottom:8px;
border-bottom:1px dotted #CC0099;
color:#575757;
font-size:.833em
}

.profile_page li a:hover{
border-bottom:1px dotted #CC0099;
color:#CC0099;
}

.profile_page h3{
color:#333;
padding-top:4px;
margin:0;
font-size:.917em
}

.profile_page h3.top{
padding:0;
border: none;
}

h4.social {
font-size:.833em; color:#242424; font-weight:bold; font-style:italic;
}

p.social{
font-size:.833em; color:#242424; font-style:italic; margin:0;
}

.polaroid_single p span{
  color: #666;
}

.polaroid_single h3, .polaroid_double h3, .programme_guide_selection h3, .polaroid_single_prospectus h3, .polaroid_single_programme h3, .full_polaroid h3{
display: inline; font-size: .917em; line-height:13px; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic;
}


.prospectus_area h3 {
font-size: .917em; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic;
}

.new-line-content div{
padding-bottom:5px !important;
}

.new-line-content h3, .new-line-content p{
display:block !important;
}

.new-line-content h3{
margin-bottom:0px;
}

.new-line-content .pink{
color:#d52fac;
margin-bottom:5px;
background-image:url('images/pink-arrow.jpg');
background-position:0px 50%;
background-repeat:no-repeat;
padding-lefT:15px;
}


.full_polaroid p {
margin: 0;
font-size: .917em;
line-height: 13px!important;
color: #666;
font-style: italic;
display: inline;
}

.polaroid_single_programme p {
 margin:0;
}

.polaroid_single_programme img{
 padding-top:10px;
}

.prospectus_area h3, .programme_guide_selection h3, .polaroid_single_prospectus h3, .polaroid_single_programme h3  {
font-style: normal !important;
}

.polaroid_single p, .prospectus_area p, .prospectus_area h3 {
display:inline;
}

.prospectus_area p {
font-size: .917em !important;
}

.programme_guide_selection a.arrow {
font-size:1.167em; color:#FFF; font-family:arial, helvetica, sans-serif; border:none; text-decoration:none;
display: block; padding:6px 5px; margin-bottom:2px;
background-image:url('images/whitedownarrowpng.png');
background-color:#363636;
background-repeat:no-repeat;
background-position:95% 50%;
}

.programme_guide_selection a.arrow:hover {
text-decoration:none!important;
background-color: #dfdfdf;
color:#CC0099;
}

.programme_guide_selection a.last {
margin-bottom:0;
}

#programeguide-top-row 
{
    float:left;
    width:646px;
    margin-bottom:24px;
}

#more-info-holder 
{
    float:right;
    width:338px;
}

#scrolling_info {
background:#fff;
display:block;
min-width:984px;
width:100%;
padding: 12px 0 12px 0;
margin-left:0;
z-index:9999999;
bottom:0;
left:0;
position:fixed;
}

body.iPhone #scrolling_info 
{
background:#fff;
display:block;
width:994px;
padding: 12px 0 12px 0;
margin-left:0;
z-index:9999999;
bottom:0;
left:0;
position:relative;
}

#scrolling_container {
width:986px;
}

body.iPhone #scrolling_container {
width:auto;
}

#scrolling_info a{
font-size: .833em !important;
}

.left{
float:left;
}

#scrolling_container ul {
display:inline;
list-style:none;
margin:0 !important;
}

#scrolling_container li.first{
padding:9px 0 0 10px;
}

#scrolling_container li a{
font-style:italic;
}

#scrolling_container h3{
display:inline;
}

#scrolling_container li.arrow{
padding:5px 0 0 14px;
margin:0;
}

#scrolling_container li img {
float:left;
}

#scrolling_container li{
display: inline;
float:left;
padding:0;
margin:0;
}

#scrolling_container li a {
border:none !important;
}

#scrolling_container li ul li.first {
padding:0 0 0 4px;
}

#scrolling_container li ul a{
display: inline;
padding-left:5px;
}

#scrolling_container li ul a:hover {
color:#CC0099;
}

#scrolling_links {
padding:0;
margin:0;
float:right;
}

#scrolling_links li {
padding-right:8px;
height:24px;
overflow:hidden;
}

#scrolling_links li img:hover 
{
    margin-top:-24px
}

footer p {
color:#575757; font-size:0.833em; line-height:16px; margin:0;
}

footer h4{
color:#333;
font-size:0.833em;
margin-bottom:0px;
}

.footer_links2 {
margin-top:17px;
}

.footer_links a, .footer_links2 a{
color:#575757 !important; 
border-bottom:1px dotted #cc0099; 
text-decoration:none;
}

.footer_links a:hover, .footer_links2 a:hover{
color:#cc0099!important;
border-bottom:1px dotted #cc0099;
}

.col_info p span {
color: #383838;
}

/**** spacing ****/
.right_icon {
float:right;
padding:1px;
}

.bottom10 {
margin-bottom:10px; padding-bottom:10px;
}

.bottom25 {
margin-bottom:25px; padding-bottom:10px;
}

.bottom60 {
margin-bottom:60px; padding-bottom:10px;
}

.top20 {
margin-top:20px;
}

.top40 {
margin-top:40px;
}

.top55 {
margin-top:55px;
}

.top4 {
margin-top:4px;
}

.left20 {
margin-left:20px!important;
}

.left10 {
margin-left:10px!important;
}

.right10 {
margin-right:10px!important;
}

.botpadding20 {
padding-bottom:20px;
}

.botpadding30 {
padding-bottom:30px;
}

.botpadding60 {
padding-bottom:60px;
}


/*..........Header Section..................*/

h3.search_title {
font-family:"hothouseRegular", arial, helvetica, sans-serif;
font-size:1em;
color:#575757;
font-weight:normal;
}

header {
  width:100%; border-top:10px solid #fff; height:auto; float:left; 
margin-bottom:12px;
}

header .header_wrapper{
  width:984px; height:auto; float:left; 
}

/**** logo ****/
header .header_wrapper .logo {
  width:984px; height:30px; float:left; padding-top:60px; margin:0 auto; text-align:center;
}

/**** search bar ****/
header .header_wrapper .search_bar {
  width:154px; height:17px; margin-top:-38px; position: relative; float:right; padding:20px 0 0 0;
}

.search_bar .search_inputbox{
  width:154px; height:17px; float:left; line-height:16px; background-color:#FFFFFF; position:relative;
}

.search_inputbox input
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
    

input.searchInput {
    background-color: #FFFFFF;
    border: 0 none;
    float: left;
    font-size: 0.83em;
    height: 17px;
    line-height: 16px;
    margin: 0;
    padding: 0;
    text-indent: 2px;
    width: 134px;
}

input.search_btn {
width:20px;
background:#fff url('images/search_icon.gif') 5px -1px no-repeat;
border:0;
font-size:0px;
height:17px;
margin:0px;
border:none;
position:absolute;
right:0;
}

.search_inputbox input:focus{
background:#ff99cc; border:none;
}

.search_bar .search_btn a{
  background:url(images/search_icon.gif) no-repeat left top; width:15px; height:16px; float:right; cursor:pointer; 
}

/*..........Navigation Section Start..................*/

header .navigation_condensed{
width:984px; height:auto; float:left; padding:28px 0 2px 0; margin:0 0 10px 10px;
}

header .navigation_condensed ul{
width:auto; height:auto; float:left; margin:0px; padding:0; list-style:none;  
}

header .navigation_condensed ul li{
margin:0px; padding:0px; list-style:none; font-family: "Bliss 2 Regular",Georgia, "Times New Roman", Times, serif; font-size:1.25em; float:left;

}

header .navigation_condensed ul li a{
font-family: "Bliss 2 Regular",Georgia, "Times New Roman", Times, serif; font-size:1em; /*text-indent:-5000px;*/

}

header .navigation_condensed ul li a{
font-family: arial, serif; font-size:.8em; margin:0 12px 0 0; text-decoration:none; color:#333333; font-weight:bold; width:152px; height:16px; float:left; border-bottom:1px solid #999999; padding-top:1px;
}

header .navigation_condensed ul li a:hover, header .navigation_condensed ul li a.current{
color:#CC0099; border-bottom:1px solid #CC0099;
}

header .navigation_condensed ul li#last a{
width:154px; height:15px; float:left; margin-right:0px; 
}

#mainmenu{
width:994px;
}

#mainmenu .mainmnu-holder{
margin-bottom:0px!important;
}

div.subnav {
list-style: none;
margin: -1px 0px 0px 10px;
 padding: 0;
 float: left; 
 padding:0px 0 0px 0; 
 z-index:999999;
 overflow:hidden;
 position:absolute;
 visibility:hidden;
 display:block;
 width:974px;
}

div.subnav .leftsubnav {
float:left; width:155px; height:auto; margin:12px 9px 0 0;
}


div.subnav  .lastsubnav{
margin-right:0px!important;
width:154px !important;
}

div.subnav a{
margin: 0; padding: 0;height:auto; float:left; margin:0px; padding:0px; list-style:none; float:left; width:152px; position:relative; clear:both;
}


div.subnav a {
  width:149px;
  height:auto;
  min-height:15px; 
  float:left; 
  margin:0 0 13px 1px; 
  list-style:none; 
  float:left;  
  font-family:Arial, Helvetica, sans-serif; 
  font-size:1em; 
  color:#333333; 
  border-bottom:1px solid #999999; 
  padding:0 0 1px 2px; 
  text-decoration:none; 
  display:block;
}

div.subnav a:hover { 
  border-bottom:1px solid #CC0099;
  color:#CC0099;
}


.horizontal_line_bg{
background:url(images/fullpage_horizontal_line.png) no-repeat -2px bottom;
}

/**** main body ****/
#main {
clear:both;
width:984px;
}

#left_column {
float: left; width:152px; margin:1px 2px 0 10px; 
}

#left_column h2 a, #left_column h3 a, #left_column a {
font-family:arial !important; 
text-transform:none; 
font-style:none;
}

#left_column ul li ul li a:hover {
border-bottom:1px solid #cc0099 !important; color:#cc0099;
}

#left_column ul li a:hover {
border-bottom:1px solid #cc0099 !important; color:#cc0099;
}

#left_column h2 a {
font-size:.636em;
display:block;
color:#333;
font-weight:bold;
border-bottom:1px solid #666;
padding-bottom:5px;
margin-bottom:10px;
}

#left_column h2 a.last, #left_column h3 a.last {
border:none;
}

#left_column li a {
font-size:12px;
display:block;
color:#333;
font-weight:normal;
border-bottom:1px solid #999;
padding-bottom:1px;
margin:13px 0 0 0;
min-height:15px;
}

#left_column li a:hover{border-bottom:1px solid #cc0099!important; color:#cc0099;}

#left_column li ul li a {
 border-bottom: 1px solid #999;
    color: #575757;
    display: block;
    font-size: 12px;
    font-weight: normal;
padding: 0 0 1px 10px;
}

#left_column li ul li ul li a, li ul li a{
font-size: 12px;
display:block;
color:#575757;
font-weight:normal;
border-bottom:1px solid #999;
padding:5px 0;
}

#left_column li ul li ul li a {
padding:5px 0 5px 10px;
}

#left_column li ul li ul li ul li a {
padding-left:20px;
}

#left_column li ul li ul li ul li ul li a {
padding-left:30px;
}

#left_column a.current{
border-bottom:1px solid #cc0099; font-weight:bold; color:#cc0099;
}
#left_column ul li ul li a.current{
border-bottom:1px solid #cc0099; font-weight:bold; color:#cc0099;
}


#right_2column {
float: left; width:820px; margin:0;
}

.left_2column_carousel {
float: left; width:154px; 
}

#left_column ul{
list-style:none; margin:-15px 0 0; padding:0;
}

#left_column ul li{

}

#left_column ul li ul{
list-style:none; margin:0 0 15px 0px; padding:0;
}

#left_column ul li ul li ul{
margin-left:10px;
}


.right_2column_carousel {
float: left; width:810px; margin-left:10px; 
}

#center_3column {
float: left; width:646px; margin-left:10px; padding-bottom: 18px;
}

#right_3column {
float: left; width:154px; margin-left:10px; padding-bottom: 18px;
}

#center_3column ul, #right_3column ul, #center_3column ol, #right_3column ol, .RTE ul, .RTE ol
{
    margin-bottom:20px;
}

.section {
margin:0 0 10px 10px; padding:0 0 18px 0; width:100%; float:left;
}

#section_lists {
margin:0 0 10px 10px; padding:0 0 18px 0; width:646px; float:left;
}

#section_lists article {
float:left;
margin-bottom:10px;
padding-bottom:10px;
}

.section_listtitle {
margin:0 0 10px 10px; padding:0 0 10px 0; width:100%; float:left;
}

.section_bottom {
margin:0 0 0 318px; padding-bottom:0; position:absolute;
}

.section_nopadding {
margin:0 0 10px 10px; padding-bottom:5px;
}

.section_feeds {
margin-left:10px; padding:0; width:100%; float:left;
}

#feeds_left_home {
float:left; width:318px; margin-left:10px;
}

#feeds_left{
float:left; width:154px; margin-left:10px;
}

#feeds_right{
float:right; margin-bottom:18px;
}

#feeds_right {
float:right;
}

#feeds_titles ul{
list-style:none; display:inline;
}

#feeds_titles li{
float:left;
display:block;
width:154px;
padding:0;
margin:0 0 0 10px;
}

#feeds_titles li.last {
width:100px;
}

#background_feeds {
background:url('images/feeds_bg.png') repeat-y 10px;
margin:22px 0 18px 154px;
}

#background_feeds2 {
background:url('images/feeds_bg.png') repeat-y 164px;
margin-bottom:18px;
}

#col-3-banner-holder{
width:480px;
float:left;
margin-left:10px;
}

#mobile-slide-holder ul{
<<<<<<< .mine
    list-style:none;
    margin-left: 0;
}
    
.single_first {
float:left; margin-left:0; width: 154px; 
}

.full_polaroid .single_first {
float:left; margin:0; padding:0; width: 150px; 
}

.full_polaroid .single_last {
float:left; margin-left:10px; padding:0; width: 150px; 
}

.single {
float:left; margin-left:10px; width: 154px; 
}

.programme_guide_selection .nomargin{
margin-left:0px!important;
}

.full_polaroid .single {
float:left; padding-bottom:10px; margin-left:10px; width: 154px; 
}

.single_space {
float:left; margin-left:164px; width: 154px; 
}

.single_2space {
float:left; margin-left:328px; width: 154px; 
}

.double_first {
float:left; margin-left:0; width:318px;
}

.double {
float:left; margin-left:10px; width:318px;
}

.tripple {
float:left; margin-left:10px; width:480px;
}

.tripple_first {
float:left; margin-left:0px; width:480px;
}

.tripple ul li, .tripple ol li, .RTE li
{
    line-height:22px;
}

.full {
float:left; margin-left:10px; width:644px;
}

.padding-right-15 p{padding-right:15px;}
.padding-right-25 p{padding-right:25px;}

.pink_icon {
padding:10px 0;
}

ul.column2 {
margin-top:54px;
}

.infolist{
margin:0 0 25px 0;
list-style:none;
}

ul.right{
width:152px;
margin-top:26px;
padding-top: 58px;
background:url(images/fullpage_horizontal_line.png) no-repeat left top;
}

ul.left{
width:152px;
margin-top:93px;
background:url(images/fullpage_horizontal_line.png) no-repeat left top;
}

ul.right_undergrad{
width:152px;
padding-top: 54px;
background:url(images/fullpage_horizontal_line.png) no-repeat left top;
}

ul.left_undergrad{
width:152px;
background:url(images/fullpage_horizontal_line.png) no-repeat left top;
}

.infolist li{
padding:0;
margin-bottom:2px;
}

.infolist li a{
    border-bottom: 1px dotted #CC0099;
    color: #333333;
	font-weight:bold;
	font-size:.917em;
}

.infolist li a:hover {
	color: #CC0099;
}

/******Cookie Control ********/
.ccc-inner a {
color: #5BA552!important;

}

#cccwr #cctoggle {
color: white!important;
}

#cccwr.ccc-dark .ccc-expand {
font-family: Open Sans, sans-serif;
}

div#cccwr #ccc-icon {
bottom: 48px;
}

.ccc-widget {
bottom: 85px!important;
}

.ccc-inner h2 {
font-size: 14px!important;
font-weight: bold!important;
padding: 10px 8px 8px 37px!important;
font-family:Arial;
}

.ccc-inner a, .ccc-inner a:hover {
border-bottom: none!important;
}

button
{
    outline-color:invert!important;
    outline-style:none!important;
    outline-width:0px!important;
    noFocusLine: expression(this.onFocus=this.blur());
	outline:0;
	border:0;
}

/**** forms section ****/
#pink_form_section {
 background: #ffccff;
 width: 666px;
}

#pink_form_section p{
	margin-bottom:5px;
}

#pink_form_section h2{
padding-top: 20px;
}

#pink_form_section h3{
	margin-bottom:10px;
	font-size: 1.333em;
	font-family: "Bliss 2 Regular",Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	color:#333;
}

.text_box {
margin-top:10px;
border:1px solid #333; 
background:#fff;
width:316px;
height:100px;

overflow-x:hidden;
overflow-y:scroll;
}

.enquiry_section {
width: 318px;
}

.enquiry_field {
float: left;
width: 60px;
}

.enquiry_input_left input{
width: 122px;
float: left;
}

.enquiry_input_right input{
width: 122px;
float: right;
}

.enquiry_input input{
float: right;
width: 252px;
}

.party_includes{
	width: 318px;
}

.party_text {
	float: left;
}

.party_selecter {
	float: right;
}

h3.disability {
	padding: 20px 0 40px 0;
}

a.privacy_guidelines{
	color: #575757;
}

/**** section header (CURRENTLY USING TEMPLATE IMAGES) ****/

.section_title {
float:left; width:318px; margin:0;
}
.section_title h2, .section_title_single h2{
color:#383838;
}

/**** KIS widget ****/

.kis
{
    width: auto;
    margin-right: 42px;
    float: right;
    width:75%;
}

.kisWidgetHori {
width: 80.2%!important;
background-color:white!important;
}

#kisWidget {
background-color:white!important;
}

.kis-wid
{
   width: 599px!important;
   float: right;   
   margin-right: 50px;
}

.section_title_single {
float:left; width:154px; margin:0;
}

.section_title_double {
float:left; width:318px; margin:0;
}

.section_title_tripple {
float:left; width:480px; margin:0;
}

/**** undergraduate programme guide ****/

.undergrad_headers {
height:40px;
}

/**** course overview ****/
.course_overview ul {
list-style:none;

margin:0 0 10px 0;
}

.course_overview li {
padding-bottom:2px;
font-style:italic;
}

.course_overview p {
font-style:italic;
margin-bottom:10px;
padding:0;
}

/**** study programme guide ****/

.prospectus_area {
float:left; margin-left:0px; width: 154px; 
}

.prospectus_area_wide {
float:left; margin-left:0px; width: 318px; 
}

.programme_guide_selection {
float:left; margin-left:10px; width: 318px; 

}

.space_div_button{
height:10px;
}

/**** polaroids ****/

.polaroid_single {
	width:146px; 
	padding:4px 4px 20px 4px; margin-bottom:10px; font-style:italic;
    float:left;
}

.polaroid_single img 
{
    height:auto;
}

.fixed_polaroid .polaroid_single {
    height: 170px!important;
}

.fixed_polaroid_people .polaroid_single {
    height: 200px!important;
}


.fixed_polaroid .polaroid_single img {
    width: auto!important;
}

.polaroid_single:hover, .polaroid_single:hover h3, .polaroid_single:hover p {
	background:#ff99cc;
	color:#000;
}

.inline-poloroid{
float:left;
margin-right:10px;
}

.last-inline-poloroid{
margin-right:0px!important;
}

.polaroid_gray{
	width:146px; padding:4px; margin-bottom:10px;
	background:#ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;	
}

.polaroid_gray:hover{
	background:#ff99cc;
}

.polaroid_gray_social{
	width:146px; height:26px; padding:4px; margin-bottom:10px;
	background:#ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;	
}

.polaroid_gray_social:hover, .polaroid_gray_social:hover p, .polaroid_gray_social:hover h4{
background:#cc0099;
color:#000;
}

.polaroid_gray_square {
width:146px; background:#ccc; padding:4px; margin-bottom:10px;
word-wrap: break-word;
overflow: hidden;
float: left;
}

.polaroid_double {
	width:310px;
	padding:4px; margin-bottom:10px; font-style:italic;
}

.polaroid_double:hover, .polaroid_double:hover h3, .polaroid_double:hover p {
	background:#ff99cc;
	color:#000;
}

.polaroid_double p, .polaroid_single p {
	color: #666;
}

.polaroid_double img{
	width:100%!important;
}

.polaroid_double h3, .polaroid_double p{
	width:154px; padding:0;
}

.full_polaroid {
	width:638px;
	padding:4px 4px 1px 4px; margin-bottom:10px;
}

.polaroid_double_prospectus {
	width:310px; padding:4px; margin:0 0 0 10px; font-style:italic;
}

.polaroid_single_prospectus {
	width:146px; padding:4px; margin-bottom:10px; font-style:italic;
}

.polaroid_double_prospectus:hover, .polaroid_double_prospectus:hover h3, .polaroid_double_prospectus:hover p {
	background:#ff99cc;
	color:#000;
}

.polaroid_single_prospectus:hover, .polaroid_single_prospectus:hover h3, .polaroid_single_prospectus:hover p {
	background:#ff99cc;
	color:#000;
}

.polaroid_single_programme {
width:146px; padding:4px 4px 0 4px; margin-bottom:10px; font-style:italic; 
}

.downloadGuide{
float:left;
}

.prospectus_spacing {
    margin-bottom:4px;
}

.prospectus_spacing p
{
    color:#383838;
    display:inline;
}

.prospectus_spacing h4 
{
    display:inline;
    color:#242424;
}

.polaroid_programme_guide {
	width:309px; padding:4px; margin-bottom:38px; font-style:italic;
}

.polaroid_programme_guide a {
font-style:normal;
}

.polaroid_single, .polaroid_double, .polaroid_double_prospectus, .polaroid_programme_guide, .full_polaroid, .polaroid_single_prospectus, .polaroid_single_programme  {
background:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
}

.polaroid_single p, .polaroid_double p 
{
    font-size:.917em;
    line-height:13px!important;
}

.grey-poloroid{
background-color:#333333;
height:50px!important;
}

img.infofor:hover {

}

img.infofor {

}

.grey-poloroid_undergrad{
background-color:#333333;
height:58px!important;
width:144px;
padding:5px;
position:relative;
}

.grey-poloroid_undergrad h3{
margin:0;
font-size:.917em;
color:#fff;
}

.grey-poloroid_undergrad img{
margin:0;
color:#fff;
}

.grey-poloroid_undergrad img.thumb{
position:absolute;
left:5px;
top:33px;
color:#fff;
}

.grey-poloroid_undergrad:hover, .grey-poloroid_undergrad:hover h3{
background:#000;
}

.grey-poloroid h3{
display:block!important;
font-family: HothouseRegular,Arial Black,Arial,Sans-serif;
font-size:13px;
font-style:normal;
margin-bottom:4px;
font-weight:normal;
}

.grey-poloroid p{
display:block!important;
}

.grey-poloroid:hover p{
border-top:1px dotted #cc0099;
}

.grey-poloroid:hover, .grey-poloroid:hover p, .grey-poloroid:hover h3{
background:#000!important;
color:#CC0099!important;
}

.pink-info{
margin-top:140px;
float:right;
}

.push-further{
margin-top:180px;
}

.orange h3, .orange p{color:#ffcd6a !important;}
.green h3, .green p{color:#ccff97 !important;}
.blue h3, .blue p{color:#8bb8df !important;}
.yellow h3, .yellow p{color:#fffe94 !important;}
.red h3, .red p{color:#fe978e !important;}
.purple h3, .purple p{color:#9a67d0 !important;}
.turquois h3, .turquois p{color:#97cdcf !important;}
.peach h3, .peach p{color:#e0b68e !important;}

.orange p{border-top:1px dotted #ffcd6a;}
.green p{border-top:1px dotted #ccff97;}
.blue p{border-top:1px dotted #8bb8df;}
.yellow p{border-top:1px dotted #fffe94;}
.red p{border-top:1px dotted #fe978e;}
.purple p{border-top:1px dotted #9a67d0;}
.turquois p{border-top:1px dotted #97cdcf;}
.peach p{border-top:1px dotted #e0b68e;}
 
.orange p,.green p,.blue p,.yellow p,.red p,.purple p,.turquois p,.peach p {
padding-top: 5px;
margin-top:-15px;
font-style:normal !important;
}

 
.fixed_height {
height:90px; color:#333;
}

/**** buttons ****/
a.key_button {
width:155px;
display:block;
margin-bottom:10px;
position:relative;
overflow: hidden;
height:67px;
}

a.key_button:hover img 
{
    margin-top:-67px;
}

a.key_button span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat:no-repeat;
}

a.key_button span:hover {
background-position:0 -67px;
background-repeat:no-repeat;
}

.button_pink, .button_pink_wide {
min-height:30px; padding:5px 5px 10px 5px; margin-bottom:10px; background: #229933; color:#fff; display:inline-block!important;
}

.button_green{
min-height:28px; padding:5px; margin-bottom:10px; background: #229933; color:#fff;
}

a.button_green:hover{
background: #00b200;
}

.button_pink, .button_green {
width:144px; 
}

.button_pink_wide {
width: 226px;
}

.programme_guide_selection .button_pink_wide {
width: 143px;
float:left;
padding-bottom:5px!important;
}

.programme_guide_selection .left-button{
margin-right:0px!important;
}

a.button_pink, a.button_pink_wide{
text-decoration:none;
}

a.button_pink:hover, .button_pink_wide:hover{
background: #00b200;
}

.button_grey {
width:144px; min-height:30px; padding:5px 5px 10px 5px; margin-bottom:10px; background: #ccc; color:#fff;
}

a.button_grey {
text-decoration:none;
}

a.button_grey:hover {
background: #00b200;
}

.button_pink, .button_grey, .button_pink_wide, .button_green{
display:block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: HothouseRegular, Arial Black, Arial, Sans-serif; text-transform:uppercase; font-size:12px; font-weight:normal; letter-spacing:1px; 
}

.button_green h3 {
margin:0;
}

#register{
    float: left;
    height: 30px;
    position: relative;
    width: 154px;
	cursor:pointer;
	margin-bottom:10px;
}
#register span{
background: url("images/button_interest.png") no-repeat scroll left -30px transparent;
    cursor: pointer;
    height: 30px;
    position: absolute;
    width: 154px;
}

#register:hover span{
background-position: 0px 0px;
}

#apply{
    float: left;
    height: 30px;
    position: relative;
    width: 154px;
	cursor:pointer;
	margin-bottom:10px;
}
#apply span{
background: url("images/button_apply.png") no-repeat scroll left -30px transparent;
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 100%;
}

#apply:hover span{
background-position: 0px 0px;
}

.italic_content p{
font-style:italic;
}

.italic_content p strong {font-style:normal!important}

/**** feeds ****/
#background_feeds_home {
    background: url("images/feeds_bg.png") repeat-y 10px transparent;
    float: left;
    margin: 30px 0 20px;
}

#background_feeds_home h3.pink {
margin: -30px 0 0 -10px;
}

#background_feeds_home .mobile_row {
    float:left;
}

#background_feeds_home_header 
{
    min-height:45px;
}

.feed_column {
width:144px; 
margin:0 0 0 0;
padding:4px 4px 0;
word-wrap: break-word;
overflow: visible;
}

.feed_column_right{
width:154px; margin:0 0 28px 0;
}

.feed_column  p, .feed_column_right p{
border-bottom:1px solid #999; padding-bottom:10px; font-style:italic;
}

.feed_column  p.last, .feed_column_right p.last{
border-bottom:none; padding-bottom:0; 
}

.feed_column  h4{
font-weight:strong; margin-top:10px; line-height:18px;
}

.feed_column_right h4 a{
font-weight:strong; line-height:18px; border-bottom: 1px dotted #cc0099; text-decoration:none; color:#333;
}

.feed_column_right  h4 a:hover{
border-bottom: 1px dotted #cc0099;
color: #cc0099;
}

.feed_column  h4 a{ 
border-bottom: 1px dotted #cc0099; text-decoration:none; color:#333;
}

.feed_column  h4 a:hover{
border-bottom: 1px dotted #cc0099;
color: #cc0099;
}

/**** footer ****/
footer {
background:#fff; padding: 14px 0 22px 10px; margin:0; float:left; width:984px;
}

body.iPhone footer {
background:#fff; padding: 14px 0 12px 10px; margin:0; float:left; width:100%;
}

footer .footer_logo{
width:164px; height:110px; float:left; padding:4px 0 0 0;
}

footer .footer_address{
width:163px; height:110px; float:left; 
}

footer .footer_links{
width:164px; height:110px; float:left; 
}

/**** demonstration ****/

footer h3 {
	clear: both;
}

footer ul {
	list-style: none;
	padding-bottom: 10px;
}

footer li {
	display: inline;
	padding-right: 10px;
}

.head2_staff 
{
    display:none;
}

.head2_overview 
{
    display:none;
}
.degree_feature
{
    height:auto!important;
}
.degree_feature h3, .degree_feature p
{
    font-size:11px !important;
}
.degree_feature:hover img
{
    margin-top:0!important;
}
.embeded-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embeded-container iframe,
.embeded-container object,
.embeded-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.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: drupal.org/node/897638 */
.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; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; 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; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

.addthis_toolbox {
    margin-bottom: 20px;
}

/*** (RESPONSIVE) ****/



.show_mobile, .show_tablet {
    display: none;
}

@media (max-width: 1010px) {
    
    .show_tablet {
        display: block;
    }
    
    

    /* only clear on tablets and below */        
    .tablet_clearfix:after {
	    visibility: hidden;
	    display: block;
	    font-size: 0;
	    content: " ";
	    clear: both;
	    height: 0;
	}    
        
	body {
        background: url(images/tabletbg.png) repeat-y;
        background-size: 100%;
	    max-width:100%;
	    overflow:hidden;
        padding: 20px 1.46% 20px 2.63%;
        border-top: 10px solid white;
        /* width of background image is 684px
            margin area of image on left (the first white area + first gutter) is 18px
            margin area on right (first white area) is 10px
            18px / 684px = 2.63%
            10px / 684px = 1.46%
          */
	}

	.horizontal_line_bg {
	    background: url(images/full_line_tablet.png) no-repeat 0 bottom;
	    background-size: 100% 1px;
	}
	
	/* only applies to banners where there is a preceding column (so reducing width to 3/4) */
	#center_3column .single_first + .horizontal_line_bg {
   	    background: url(images/three_quarter_line_tablet.png) no-repeat 0 bottom;
	    background-size: 100% 1px;
	}

	#scrolling_info {
	display: block;
    min-width: 100%;
	}
	
	#scrolling_container {
width: 100%;
}
	
	header, header .header_wrapper {
	width:100%;
	border-top:0;
	}
	
	header .header_wrapper .logo {
	width: 99%;
	padding-top:20px;
	}
	
	header .header_wrapper .search_bar {
        border-bottom: 1px solid #999999;
        float: right;
        margin-bottom: -68px;
        margin-right: 1.68%;
        margin-top: 0;
        padding: 25px 0 30px;
        width: 23.32%;
	}
	
	
	.search_bar .search_inputbox {
	width:100%;
	}
	
	#main .search_bar .search_inputbox {
	width:32.5%;
	position:relative;
	}
	
	#main #xsltsearch .search_bar .search_inputbox {
	width:23.5%;
	position:relative;
	}
	
	#xsltsearch .search_bar .searchInput, #main .search_bar .searchInput 
	{
	    width:100%;
	}
	
	#xsltsearch .search_bar .search_btn, #main .search_bar .search_btn {
	position:absolute;
	right:0;
	top:0;
	background:#fff url('images/search_icon.gif') 5px -1px no-repeat;
	}
	
	h2.mobile-menu-header {
	    font-size: 1em;
	    margin-bottom: 10px;
	    color: #383838;
	}
	
	header .header_wrapper .search_bar .searchInput{
		width:100%;
	}
	
	#center_3column .single_first {
        width: 23.32%;
        margin-right: 1.68%;
    }	
    
    #center_3column .single_first + img {
        width: 32.32%;
        margin-right: 1.68%;
    }
    
    #center_3column > div >img {
        width: 48.32%;
        margin-right: 1.68%;
    }

	#center_3column #banner {
	    margin-left:0!important;
	    width: 98.32%!important;
	    margin-right: 1.68%;
	}
	
	/* only applies to banners where there is a preceding column (so reducing width to 3/4) */
	#center_3column .single_first + #banner {
	    margin-left:0!important;
	    width: 75%!important;
	    margin-right: 0;
	}
	
	#banner {
	    margin-left:0!important;
	    width:100%!important;
	}
	
	#main-slide-holder {
        margin-right: 1.68%;
        overflow: hidden;
        width: 98.32%;
	}
=======
    list-style:none;
    margin-left: 0;
}
    
.single_first {
float:left; margin-left:0; width: 154px; 
}
>>>>>>> .r181

.full_polaroid .single_first {
float:left; margin:0; padding:0; width: 150px; 
}

.full_polaroid .single_last {
float:left; margin-left:10px; padding:0; width: 150px; 
}

.single {
float:left; margin-left:10px; width: 154px; 
}

.programme_guide_selection .nomargin{
margin-left:0px!important;
}

.full_polaroid .single {
float:left; padding-bottom:10px; margin-left:10px; width: 154px; 
}

.single_space {
float:left; margin-left:164px; width: 154px; 
}

.single_2space {
float:left; margin-left:328px; width: 154px; 
}

.double_first {
float:left; margin-left:0; width:318px;
}

.double {
float:left; margin-left:10px; width:318px;
}

.tripple {
float:left; margin-left:10px; width:480px;
}

.tripple_first {
float:left; margin-left:0px; width:480px;
}

.tripple ul li, .tripple ol li, .RTE li
{
    line-height:22px;
}

.full {
float:left; margin-left:10px; width:644px;
}

.padding-right-15 p{padding-right:15px;}
.padding-right-25 p{padding-right:25px;}

.pink_icon {
padding:10px 0;
}

ul.column2 {
margin-top:54px;
}

.infolist{
margin:0 0 25px 0;
list-style:none;
}

ul.right{
width:152px;
margin-top:26px;
padding-top: 58px;
background:url(images/fullpage_horizontal_line.png) no-repeat left top;
}

ul.left{
width:152px;
margin-top:93px;
background:url(images/fullpage_horizontal_line.png) no-repeat left top;
}

ul.right_undergrad{
width:152px;
padding-top: 54px;
background:url(images/fullpage_horizontal_line.png) no-repeat left top;
}

ul.left_undergrad{
width:152px;
background:url(images/fullpage_horizontal_line.png) no-repeat left top;
}

.infolist li{
padding:0;
margin-bottom:2px;
}

.infolist li a{
    border-bottom: 1px dotted #CC0099;
    color: #333333;
  font-weight:bold;
  font-size:.917em;
}

.infolist li a:hover {
  color: #CC0099;
}

/**** forms section ****/
#pink_form_section {
 background: #ffccff;
 width: 666px;
}

#pink_form_section p{
  margin-bottom:5px;
}

#pink_form_section h2{
padding-top: 20px;
}

#pink_form_section h3{
  margin-bottom:10px;
  font-size: 1.333em;
  font-family: "Bliss 2 Regular",Georgia, "Times New Roman", Times, serif;
  text-transform:none;
  color:#333;
}

.text_box {
margin-top:10px;
border:1px solid #333; 
background:#fff;
width:316px;
height:100px;

overflow-x:hidden;
overflow-y:scroll;
}

.enquiry_section {
width: 318px;
}

.enquiry_field {
float: left;
width: 60px;
}

.enquiry_input_left input{
width: 122px;
float: left;
}

.enquiry_input_right input{
width: 122px;
float: right;
}

.enquiry_input input{
float: right;
width: 252px;
}

.party_includes{
  width: 318px;
}

.party_text {
  float: left;
}

.party_selecter {
  float: right;
}

h3.disability {
  padding: 20px 0 40px 0;
}

a.privacy_guidelines{
  color: #575757;
}

.map_container
  {
      width: 665px;
  }

/**** section header (CURRENTLY USING TEMPLATE IMAGES) ****/

.section_title {
float:left; width:318px; margin:0;
}
.section_title h2, .section_title_single h2{
color:#383838;
}



.section_title_single {
float:left; width:154px; margin:0;
}

.section_title_double {
float:left; width:318px; margin:0;
}

.section_title_tripple {
float:left; width:480px; margin:0;
}

/**** undergraduate programme guide ****/

.undergrad_headers {
height:40px;
}

/**** course overview ****/
.course_overview ul {
list-style:none;

margin:0 0 10px 0;
}

.course_overview li {
padding-bottom:2px;
font-style:italic;
}

.course_overview p {
font-style:italic;
margin-bottom:10px;
padding:0;
}

/**** study programme guide ****/

.prospectus_area {
float:left; margin-left:0px; width: 154px; 
}

.prospectus_area_wide {
float:left; margin-left:0px; width: 318px; 
}

.programme_guide_selection {
float:left; margin-left:10px; width: 318px; 

}

.space_div_button{
height:10px;
}

/**** polaroids ****/

.polaroid_single {
  width:146px; 
  padding:4px 4px 20px 4px; margin-bottom:10px; font-style:italic;
    float:left;
}

.polaroid_single img 
{
    height:auto;
}

.fixed_polaroid .polaroid_single {
    height: 170px!important;
}

.fixed_polaroid_people .polaroid_single {
    height: 200px!important;
}


.fixed_polaroid .polaroid_single img {
    width: auto!important;
}

.polaroid_single:hover, .polaroid_single:hover h3, .polaroid_single:hover p {
  background:#ff99cc;
  color:#000;
}

.full_polaroid:hover, .full_polaroid:hover h3, .full_polaroid:hover p {
  background:#ff99cc;
  color:#000;
}

.inline-poloroid{
float:left;
margin-right:10px;
}

.last-inline-poloroid{
margin-right:0px!important;
}

.polaroid_gray{
  width:146px; padding:4px; margin-bottom:10px;
  background:#ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  
}

.polaroid_gray:hover{
  background:#ff99cc;
}

.polaroid_gray_social{
  width:146px; height:26px; padding:4px; margin-bottom:10px;
  background:#ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  
}

.polaroid_gray_social:hover, .polaroid_gray_social:hover p, .polaroid_gray_social:hover h4{
background:#cc0099;
color:#000;
}

.polaroid_gray_square {
width:146px; background:#ccc; padding:4px; margin-bottom:10px;
word-wrap: break-word;
overflow: hidden;
float: left;
}

.polaroid_double {
  width:310px;
  padding:4px; margin-bottom:10px; font-style:italic;
}

.polaroid_double:hover, .polaroid_double:hover h3, .polaroid_double:hover p {
  background:#ff99cc;
  color:#000;
}

.polaroid_double p, .polaroid_single p {
  color: #666;
}

.polaroid_double img{
  width:310px;
}

.polaroid_double h3, .polaroid_double p{
  width:154px; padding:0;
}

.full_polaroid {
  width:638px;
  padding:4px 4px 20px 4px; margin-bottom:10px;
}

.polaroid_double_prospectus {
  width:310px; padding:4px; margin:0 0 0 10px; font-style:italic;
}

.polaroid_single_prospectus {
  width:146px; padding:4px; margin-bottom:10px; font-style:italic;
}

.polaroid_double_prospectus:hover, .polaroid_double_prospectus:hover h3, .polaroid_double_prospectus:hover p {
  background:#ff99cc;
  color:#000;
}

.polaroid_single_prospectus:hover, .polaroid_single_prospectus:hover h3, .polaroid_single_prospectus:hover p {
  background:#ff99cc;
  color:#000;
}

.polaroid_single_programme {
width:146px; padding:4px 4px 0 4px; margin-bottom:10px; font-style:italic; 
}

.downloadGuide{
float:left;
}

.prospectus_spacing {
    margin-bottom:4px;
}

.prospectus_spacing p
{
    color:#383838;
    display:inline;
}

.prospectus_spacing h4 
{
    display:inline;
    color:#242424;
}

.polaroid_programme_guide {
  width:309px; padding:4px; margin-bottom:38px; font-style:italic;
}

.polaroid_programme_guide a {
font-style:normal;
}

.polaroid_single, .polaroid_double, .polaroid_double_prospectus, .polaroid_programme_guide, .full_polaroid, .polaroid_single_prospectus, .polaroid_single_programme  {
background:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
}

.polaroid_single p, .polaroid_double p
{
    font-size:.917em;
    line-height:13px!important;
}

.kis-wid img {
    width:100%;
}

.grey-poloroid{
background-color:#333333;
height:50px!important;
}

img.infofor:hover {

}

img.infofor {

}

.grey-poloroid_undergrad{
background-color:#333333;
height:58px!important;
width:144px;
padding:5px;
position:relative;
}

.grey-poloroid_undergrad h3{
margin:0;
font-size:.917em;
color:#fff;
}

.grey-poloroid_undergrad img{
margin:0;
color:#fff;
}

.grey-poloroid_undergrad img.thumb{
position:absolute;
left:5px;
top:33px;
color:#fff;
}

.grey-poloroid_undergrad:hover, .grey-poloroid_undergrad:hover h3{
background:#000;
}

.grey-poloroid h3{
display:block!important;
font-family: HothouseRegular,Arial Black,Arial,Sans-serif;
font-size:13px;
font-style:normal;
margin-bottom:4px;
font-weight:normal;
}

.grey-poloroid p{
display:block!important;
}

.grey-poloroid:hover p{
border-top:1px dotted #cc0099;
}

.grey-poloroid:hover, .grey-poloroid:hover p, .grey-poloroid:hover h3{
background:#000!important;
color:#CC0099!important;
}

.pink-info{
margin-top:140px;
float:right;
}

.push-further{
margin-top:180px;
}

.orange h3, .orange p{color:#ffcd6a !important;}
.green h3, .green p{color:#ccff97 !important;}
.blue h3, .blue p{color:#8bb8df !important;}
.yellow h3, .yellow p{color:#fffe94 !important;}
.red h3, .red p{color:#fe978e !important;}
.purple h3, .purple p{color:#9a67d0 !important;}
.turquois h3, .turquois p{color:#97cdcf !important;}
.peach h3, .peach p{color:#e0b68e !important;}

.orange p{border-top:1px dotted #ffcd6a;}
.green p{border-top:1px dotted #ccff97;}
.blue p{border-top:1px dotted #8bb8df;}
.yellow p{border-top:1px dotted #fffe94;}
.red p{border-top:1px dotted #fe978e;}
.purple p{border-top:1px dotted #9a67d0;}
.turquois p{border-top:1px dotted #97cdcf;}
.peach p{border-top:1px dotted #e0b68e;}
 
.orange p,.green p,.blue p,.yellow p,.red p,.purple p,.turquois p,.peach p {
padding-top: 5px;
margin-top:-15px;
font-style:normal !important;
}

 
.fixed_height {
height:90px; color:#333;
}

/**** buttons ****/
a.key_button {
width:155px;
display:block;
margin-bottom:10px;
position:relative;
overflow: hidden;
height:67px;
}

a.key_button:hover img 
{
    margin-top:-67px;
}

a.key_button span {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat:no-repeat;
}

a.key_button span:hover {
background-position:0 -67px;
background-repeat:no-repeat;
}

.button_pink, .button_pink_wide {
min-height:30px; padding:5px 5px 10px 5px; margin-bottom:10px; background: #229933; color:#fff; display:inline-block!important;
}

.button_green{
min-height:28px; padding:5px; margin-bottom:10px; background: #229933; color:#fff;
}

a.button_green:hover{
background: #00b200;
}

.button_pink, .button_green {
width:144px; 
}

.button_pink_wide {
width: 226px;
}

.programme_guide_selection .button_pink_wide {
width: 143px;
float:left;
padding-bottom:5px!important;
}

.programme_guide_selection .left-button{
margin-right:0px!important;
}

a.button_pink, a.button_pink_wide{
text-decoration:none;
}

a.button_pink:hover, .button_pink_wide:hover{
background: #00b200;
}

.button_grey {
width:144px; min-height:30px; padding:5px 5px 10px 5px; margin-bottom:10px; background: #ccc; color:#fff;
}

a.button_grey {
text-decoration:none;
}

a.button_grey:hover {
background: #00b200;
}

.button_pink, .button_grey, .button_pink_wide, .button_green{
display:block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: HothouseRegular, Arial Black, Arial, Sans-serif; text-transform:uppercase; font-size:12px; font-weight:normal; letter-spacing:1px; 
}

.button_green h3 {
margin:0;
}

#register{
    float: left;
    height: 30px;
    position: relative;
    width: 154px;
  cursor:pointer;
  margin-bottom:10px;
}
#register span{
background: url("images/button_interest.png") no-repeat scroll left -30px transparent;
    cursor: pointer;
    height: 30px;
    position: absolute;
    width: 154px;
}

#register:hover span{
background-position: 0px 0px;
}

#apply{
    float: left;
    height: 30px;
    position: relative;
    width: 154px;
  cursor:pointer;
  margin-bottom:10px;
}
#apply span{
background: url("images/button_apply.png") no-repeat scroll left -30px transparent;
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 100%;
}

#apply:hover span{
background-position: 0px 0px;
}

.italic_content p{
font-style:italic;
}

.italic_content p strong {font-style:normal!important}

/**** feeds ****/
#background_feeds_home {
    background: url("images/feeds_bg.png") repeat-y 10px transparent;
    float: left;
    margin: 30px 0 20px;
}

#background_feeds_home h3.pink {
margin: -30px 0 0 -10px;
}

#background_feeds_home .mobile_row {
    float:left;
}

#background_feeds_home_header 
{
    min-height:45px;
}

.feed_column {
width:144px; 
margin:0 0 0 0;
padding:4px 4px 0;
word-wrap: break-word;
overflow: visible;
}

.feed_column_right{
width:154px; margin:0 0 28px 0;
}

.feed_column  p, .feed_column_right p{
border-bottom:1px solid #999; padding-bottom:10px; font-style:italic;
}

.feed_column  p.last, .feed_column_right p.last{
border-bottom:none; padding-bottom:0; 
}

.feed_column  h4{
font-weight:strong; margin-top:10px; line-height:18px;
}

.feed_column_right h4 a{
font-weight:strong; line-height:18px; border-bottom: 1px dotted #cc0099; text-decoration:none; color:#333;
}

.feed_column_right  h4 a:hover{
border-bottom: 1px dotted #cc0099;
color: #cc0099;
}

.feed_column  h4 a{ 
border-bottom: 1px dotted #cc0099; text-decoration:none; color:#333;
}

.feed_column  h4 a:hover{
border-bottom: 1px dotted #cc0099;
color: #cc0099;
}

/**** footer ****/
footer {
background:#fff; padding: 14px 0 22px 10px; margin:0; float:left; width:984px;
}

footer .footer_logo{
width:164px; height:110px; float:left; padding:4px 0 0 0;
}

footer .footer_address{
width:163px; height:110px; float:left; 
}

footer .footer_links{
width:164px; height:110px; float:left; 
}

/**** demonstration ****/

footer h3 {
  clear: both;
}

footer ul {
  list-style: none;
  padding-bottom: 10px;
}

footer li {
  display: inline;
  padding-right: 10px;
}

.head2_staff 
{
    display:none;
}

.head2_overview 
{
    display:none;
}
.degree_feature
{
    height:auto!important;
}
.degree_feature h3, .degree_feature p
{
    font-size:11px !important;
}
.degree_feature:hover img
{
    margin-top:0!important;
}
.embeded-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embeded-container iframe,
.embeded-container object,
.embeded-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.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: drupal.org/node/897638 */
.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; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; 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; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

.addthis_toolbox {
    margin-bottom: 20px;
}

/*** (RESPONSIVE) ****/



.show_mobile, .show_tablet {
    display: none;
}

@media (max-width: 1010px) {
    
    .show_tablet {
        display: block;
    }
    
    

    /* only clear on tablets and below */        
    .tablet_clearfix:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
  }    
        
  body {
        background: url(images/tabletbg.png) repeat-y;
        background-size: 100%;
      max-width:100%;
      overflow:hidden;
        padding: 20px 1.46% 20px 2.63%;
        border-top: 10px solid white;
        /* width of background image is 684px
            margin area of image on left (the first white area + first gutter) is 18px
            margin area on right (first white area) is 10px
            18px / 684px = 2.63%
            10px / 684px = 1.46%
          */
  }

  .horizontal_line_bg {
      background: url(images/full_line_tablet.png) no-repeat 0 bottom;
      background-size: 100% 1px;
  }
  
  /* only applies to banners where there is a preceding column (so reducing width to 3/4) */
  #center_3column .single_first + .horizontal_line_bg {
         background: url(images/three_quarter_line_tablet.png) no-repeat 0 bottom;
      background-size: 100% 1px;
  }

  #scrolling_info {
  display: block;
    min-width: 100%;
  }
  
  #scrolling_container {
width: 100%;
}
  
  header, header .header_wrapper {
  width:100%;
  border-top:0;
  }
  
  header .header_wrapper .logo {
  width: 99%;
  padding-top:20px;
  }
  
  header .header_wrapper .search_bar {
        border-bottom: 1px solid #999999;
        float: right;
        margin-bottom: -68px;
        margin-right: 1.68%;
        margin-top: 0;
        padding: 25px 0 30px;
        width: 23.32%;
  }
  
  
  .search_bar .search_inputbox {
  width:100%;
  }
  
  #main .search_bar .search_inputbox {
  width:32.5%;
  position:relative;
  }
  
  #main #xsltsearch .search_bar .search_inputbox {
  width:23.5%;
  position:relative;
  }
  
  #xsltsearch .search_bar .searchInput, #main .search_bar .searchInput 
  {
      width:100%;
  }
  
  #xsltsearch .search_bar .search_btn, #main .search_bar .search_btn {
  position:absolute;
  right:0;
  top:0;
  background:#fff url('images/search_icon.gif') 5px -1px no-repeat;
  }
  
  h2.mobile-menu-header {
      font-size: 1em;
      margin-bottom: 10px;
      color: #383838;
  }
  
  header .header_wrapper .search_bar .searchInput{
    width:100%;
  }
  
  #center_3column .single_first {
        width: 23.32%;
        margin-right: 1.68%;
    }  
    
    #center_3column .single_first + img {
        width: 32.32%;
        margin-right: 1.68%;
    }
    
    #center_3column > div >img {
        width: 48.32%;
        margin-right: 1.68%;
    }

  #center_3column #banner {
      margin-left:0!important;
      width: 98.32%!important;
      margin-right: 1.68%;
  }
  
  /* only applies to banners where there is a preceding column (so reducing width to 3/4) */
  #center_3column .single_first + #banner {
      margin-left:0!important;
      width: 75%!important;
      margin-right: 0;
  }
  
  #banner {
      margin-left:0!important;
      width:100%!important;
  }
  
  #main-slide-holder {
        margin-right: 1.68%;
        overflow: hidden;
        width: 98.32%;
  }

      
  #main-paging {
      width: 98%!important;
  }
  
  #mainmenu {
    width:100%;
  }

  .section_title_single {
      width:100%;
      margin-bottom:10px;
  }
  
  .section_nopadding {
      margin-left: 0px;
  }
  
  #center_3column .section_title_single {
        width: 23.32%;
        margin-right: 1.68%;
  }
  
  #center_3column .tripple {
      width: 73.32%;
      margin-right: 1.68%;
        margin-left: 0;
  }

  #right_2column .tripple_first {
      width: 50%;
        margin-left: 0;
  }

    #right_2column .tripple {
        margin-left: 66px;
        width: 70%;
    }

    #right_2column .single_space {
        width: 50%;
        margin-left: 50%;
    }
    
  .section_title_single h2
  {
      max-width:154px;
  }
  
  .section_title_single img {
      width: 100%;   
  }
  
  .section {
  margin-left:0;
  }
  
  .section_feeds {
  margin-left:0;
  }
  
  header .navigation_condensed {
    width:75%;
    margin-left:0;
    padding-top:10px;
  }
  
  header .navigation_condensed ul {
      width:100%;
      overflow:hidden;
  }
  
  header .navigation_condensed ul li {
        width: 31.1%;
        margin: 0 2.2333% 4px 0;
  }
  
  header .navigation_condensed ul li a {
  width:100%;
  margin:0;
  padding-top:10px;
  }
  
  div.subnav {
    display:none;
  }
  
  .mobilemenu 
  {
      float:right;
      width:51%;
    margin:4px 24.4% 15px 0;
        -webkit-appearance: menulist-button;
  }

  #main {
    width:100%;
  }
  
  #right_2column
  {
      width:100%;
  }
  
  #right_3column,
    #center_3column,
    .event_container
  {
      width:100%;
      margin-left: 0px;
  }
  
   .section .featured_list_homepage .single_first,  .section .featured_list_homepage .single {
  width:100%;
  margin-left:0;
  }

  .polaroid_single, 
  .polaroid_single_prospectus, 
  .polaroid_gray, 
  .polaroid_gray_square,
  .section .featured_list_homepage .single .polaroid_single,
  #right_2column .tablet_second .single .polaroid_single, 
  #right_2column .tablet_second .single .polaroid_gray, 
  #right_2column .tablet_second .single .polaroid_gray_square,
  .fixed_polaroid_people .people_list_wrapper
  {
      /* 
            Each column on the background image is:
            |----71px----|-11px-| = 82px per column
            
            There are 8 columns (so 656px total) so for 4 items per screen
            each item takes up 2 columns.
            
            So each item is 164px wide (2 x 82px) with 11px of gutter margin, 
            so content % width is 153px / 656px = 23.32%
            and margin is 11px / 656px = 1.68%
        */
      width: 23.35%; 
        margin-bottom: 2%;
        margin-right: 1.65%;
        font-style: italic;
        float: left;
        padding: 4px 4px 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
  }
  
  .polaroid_single_prospectus {
      padding:4px;
      width:93.5%;
      margin-right:6.68%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
  }
  
  .polaroid_single img, .polaroid_single_prospectus img {
  width:100%;
  display:block;
  }

  .fixed_polaroid_people .people_list_wrapper {
        position: relative;
    }

  .fixed_polaroid_people .people_list_wrapper .polaroid_single {
      height: auto!important;
      width: 100%!important;
      margin-right: 0!important;
  }
  
    .fixed_polaroid_people .people_list_wrapper .people_list_info {
        height: 60px;
    }

  .fixed_polaroid_people .polaroid_single img {
         padding-bottom: 5px;
  }
  
    .fixed_polaroid .polaroid_single img {
        max-width: 100%;
    }
    
    .fixed_polaroid_people a:nth-child(4n+1) .people_list_wrapper{  
        clear:both;
    }

  #background_feeds_home {
  background:none;
  width:50%;
  margin-left:0%;
  }
  
  #background_feeds_home .mobile_row 
  {
      width:46.65%; /* 153px out of 328px */
      margin-left:0;
      margin-right: 3.35%; /* 11px out of 328px */
  }
  
  #background_feeds_home .nomargin 
  {
      margin-left:0;
  }
  
  #background_feeds_home .single {
  margin-left:0;
  width:100%;
  }
  
  .feed_column {
  margin-bottom:50px;
  background:#d4d4d4;
  width:96%;
  padding: 2% 2% 0;
  }
  
  .section_title {
  width:50%;
  }
  
  .section_title h2{
  width:100%;
  }
  
  .programme_guide_selection {
  width:50%;
  margin-left:0%;
  }
  
  .section .home_studycourse .single 
  {
  width:50%!important;    
  }
  
  .programme_guide_selection .single{
  width:48%;
  margin-left:4%
  }
  
  .prospectus_section {
  width:50%;
  margin-left:50%;
  }
  
  .section .prospectus_section .single {
      width:50%;
      margin-left:0;
  }
  
  a.key_button 
  {
      width:100%;
      font-size:0;
  }
  
  .prospectus_section .nomargin{
    margin-left:0px!important;
    }
    
    .prospectus_area 
    {
        /*border-top:1px solid #969696;
        padding-top:15px;*/
        width:100%;
    }
    
    #background_feeds_home h3.pink {
        margin: -30px 0 0 0;
    }
    
    #programeguide-top-row 
    {
        width:100%;   
    }
    
    #programeguide-top-row .prospectus_area_wide 
    {
        width:50%;
    }
    
    #programeguide-top-row .polaroid_double_prospectus 
    {
        width: 96%;
        padding:2%;
        margin:0;
    }
    
    #programeguide-top-row .polaroid_double_prospectus img 
    {
        width:100%;
    }
    
    #right_2column #more-info-holder 
    {
        background: url(images/full_line_mobile.png) no-repeat 0 top;
        background-size: 100% 1px;
        width:50%;
    }
    
    ul.left_undergrad, ul.right_undergrad 
    {
        background:none;
    }
    
    #right_2column #more-info-holder .nomargin 
    {
        margin-left:0!important;
    }
    
    #right_2column #more-info-holder .single 
    {
        width:50%;
    }
    
    #right_2column .single,
    #right_3column .single,
    .section .single,
    .event_container .inline-poloroid
    {
        float: left;
        margin-left: 0;
        margin-right: 0;
        width: 25%;
    }
    
    .infoforfeatures .single
    {
        float: left;
        margin-left: 0;
        margin-right: 0;
        width: 50%;
    }
    .infoforfeatures .single
    {
        
    }
    #right_2column .double, 
    #right_3column .double 
    {
        float: left;
        margin-left: 0;
        width: 50%;
    }
    
    #right_2column .polaroid_single,
    .section .single .polaroid_single,
    #right_2column .polaroid_gray_square {
    
        width: 93.28%; /* this is the % of 164px (2 x 82px cols) so is 153px / 164px) */
        margin-bottom: 8%;
        margin-right: 6.72%; /* this is the % of 164px (2 x 82px cols) so is 11px / 164px) */
        padding: 4px 4px 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
    #right_2column .polaroid_double,
    #right_2column .polaroid_double_prospectus
    {
        width: 96.65%; /* this is the % of 328px (4 x 82px cols) so is 317px / 328px) */
        margin-bottom: 8%;
        margin-right: 3.35%; /* this is the % of 328px (4 x 82px cols) so is 11px / 328px) */
        padding: 4px 4px 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
    #right_2column .polaroid_double_prospectus 
    {
        padding-bottom:4px;
    }
    
    #right_2column, #center_3column 
    {
        width:100%;
    }
    
    #right_2column .programme_section .single {
        width: 50%;
        margin-left: 0;
    }
    
    #right_2column .prospectus_area
    {
        border-top:0;
        padding-top:0;
    }
    
    #right_2column .programme_guide_selection 
    {
        width: 50%;
        margin-left: 0%;
        margin-right: 0%;
    }
    
    #right_2column .prospectus_section
    {
        width: 50%;
        float:left;
        margin-left:0;
    }

    
    footer 
    {
    background: white;
    padding: 20px;
    margin: -20px;
    width:100%;
    }
    
    footer .footer_address, footer .footer_links 
    {
        width:23%;
        margin-left:2%;
    }
    
    footer .footer_logo 
    {
     width:24%;
     text-align:center;   
    }
    
    footer .footer_logo img 
    {
        max-width:100%;
    }
  
  .inline-poloroid {
      float: none;
  }
  
  .event {
        word-wrap: break-word;
  }
  
   div.key_button_wrapper, .infoforfeatures .key_button {
        position: relative;
        width: 93.35%
    }
    
    a.key_button img {
        width: 100%;
    }

    a.key_button {
        height:auto;
    }
    .infoforfeatures a.key_button 
    {
        width:93%;
    }
    .infoforfeatures .section_title
    {
        height:300px;
    }
    .infoforsingles
    {
        float:left;
        width:50%;
    }
   a.key_button:after {
        content: "";
        display: block;
        margin-top: -43.0%;
    }
    
    a.key_button:hover:after {
        margin-top: 0;
    }
    
    a.key_button:hover:before {
        content: "";
        display: block;
        margin-top: -43.0%;
    }

    a.key_button:hover img {
        margin-top: 0;
        top: 0px;
    }


    .tablet_first {
        width: 50%;
        float: left;
    }
    
    .coursepage_features .tablet_second {
        width: 50%;
        float: right;
    }
    
    .tablet_first .single,
    .tablet_first .single_first {
        float:left;
        width:50%!important;
        margin-right:0;
    }
    
    #right_2column .tablet_second .single {
        width: 100%!important;
    }
    
    .tablet_second .prospectus_area {
        width: 25%;
    }
    
    .programme_downloads {
        margin-bottom: 10px;
    }
    
    #register, #apply 
  {
      width: 93.29%;
        margin-right: 6.71%;
      font-family: HothouseRegular, Arial Black, Arial, Sans-serif;
        color: #000;
        font-size: 0.79em;
        background:#00ff00;
        padding:5px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        text-transform:uppercase;
  }
  
  #register span, #apply span 
  {
      background-image:none;
  }
  
  .coursepage_buttons .width50
    {
        width:50%;
        float:left;
    }    
  
  /*.coursepage_buttons #register, .coursepage_buttons #apply 
  {
      width:25%;
  }*/
  
  .coursepage_feature_area .coursepage_buttons 
  {
      width:100%;
      float:left;
      display:block;
  } 
  
  /*.coursepage_feature_area .coursepage_buttons #register, .coursepage_feature_area .coursepage_buttons #apply 
  {
      width:50%;
  }*/
  
  #register span, #apply span 
  {
      width: 93.29%;
        margin-right: 6.71%;
        background-size: 100%;
  } 
  
  .head_keyfacts 
  {
      width:25%;
  }
  
  .full_important 
  {
      width:100%!important;
  }
  
  .course_inner_single 
  {
      width: 93.29%;
        margin-right: 6.71%;
  }
  
  .feature5_row .double
  {
      width:25%;
      margin-left:0;
  }
  
  .feature5_row .polaroid_double
  {
      width: 93.28%;
        margin-bottom: 8%;
        margin-right: 6.72%;
        padding: 4px 4px 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
  }
  
  .feature5_row .polaroid_double p 
  {
      width:auto;
  }
  
  .feature5_row .polaroid_double img
  {
      width: 100%;
  }
  
  #right_2column .tablet_second .coursepage_feature_area 
  {
      width:50%!important;
      float:right!important;
  }
  
  .coursepage_feature_area .prospectus_area 
  {
      width:50%;
      margin-bottom:15px;
  }
  
  .coursepage_feature_area .coursepage_features > a {
        width: 50%;
        float: left;
        display: block;
    }
    
    .coursepage_feature_area .coursepage_features a .polaroid_single, 
    .coursepage_feature_area .coursepage_features a .polaroid_double,
    .coursepage_feature_area .coursepage_features .polaroid_gray_square
    {
        width: 93.28%!important;
        margin-bottom: 8%!important;
        margin-right: 6.72%!important;
     }
    
    /* for videos */
    #center_3column .tripple iframe {
        width: 100%;
        max-width: 482px;
    }
    
    .kis-wid {
float: left;
}

.kis {
float: left;
}

}



@media (max-width: 800px)
{   

    #right_2column .tripple {
        margin-left: 15px!important;
        width: 73.5%!important;
    }   
    
    
        #right_2column .degreeshow_text {
        margin-left: 10px!important;
        width: 73.5%!important;
    }   
    #right_2column .tripple #banner
    {
        width:100%!important;
    }
    #center_3column .single_first + img {
        width: 73.2%;
    }    
}

@media (max-width: 768px)
{   
    .kis {
        float: left;
    }  
        
    .kis-wid {
    float: left;
    margin-top: 0px;
    }


}

@media (max-width: 661px) 
{
    .kis-wid {
        width: 96.66%!important;
    }
    
    .kis-wid img {
        width: 100%!important;
    }
}


@media (max-width: 646px) 
{
    .show_verticalsm
    {
        display:block;
    }
    
    .remove_horizontalsm
    {
        visibility:hidden;
        height:0px;
    }
}

@media (min-width: 647px) 
{
    .show_verticalsm
    {
        visibility:hidden;
        margin-top: -470px;
    }
}

@media (max-width: 480px) 
{
    
    body.iPhone #scrolling_info 
{
display:none;
}
    
  body {
        background: url(images/mobilebg.png) repeat-y;
        background-size: 100%;
      max-width:100%;
      overflow:hidden;
        padding: 20px 2.81% 0px 5.06%;
        /* width of background image is 356px
            margin area of image on left (the first white area + first gutter) is 18px
            margin area on right (first white area) is 10px
            18px / 356px = 5.06%
            10px / 356px = 2.81%
          */
  }
  
  .ccc-left .ccc-go #ccc-icon.ccc-triangle button {
margin-bottom: -40px!important;
z-index:9999!important;
}

#scrolling_info {
z-index:-1;
}

div#ccc-icon button 
{
    height: 95px!important;
}

  body {
font-size: 12px!important;
}
  .kis-wid {
    width: 96.66%!important;
   }
   
   .kis-wid img {
    width: 100%;
   }
   

   .full_polaroid p {
    font-size: 12px!important;
    line-height: 13px!important;
    }
    
  .map_container
  {
      width: 100%;
  }
  
  .remove_mobile
  {
      display: none;
  }
  
   #right_2column .degreeshow_text {
        margin-left: 10px!important;
        width: 100%!important;
    }   
  
  .tablet_first,
    .tablet_second {
        width: 100%;
    }
    
    .coursepage_features .tablet_first,
    .coursepage_features .tablet_second {
        width: 50%;
        float: left;
    }
  
  #right_2column .tablet_first .double ,
  #right_2column .tablet_second .double {
      width: 93.35%;
  }
  
  .tablet_second .prospectus_area {
      width: 50%;
  }
  
  .horizontal_line_bg,
  #center_3column .single_first + .horizontal_line_bg {
      background: url(images/full_line_mobile.png) no-repeat 0 bottom;
      background-size: 100% 1px;
  }
  
  header, header .header_wrapper {
  width:100%;
  border-top:0;
  }
  
  header .header_wrapper .logo {
  float: left;
  width: 46.65%;
  padding-top:20px;
  }
  
  header .header_wrapper .logo img 
  {
      max-width:100%;
  }
  
  header .header_wrapper .search_bar {
        border-bottom: 0;
        float: right;
        margin-bottom: 0;
        margin-right: 3.35%;
        margin-top: 30px;
        padding: 0 0 10px;
        width: 46.65%;
  }
  
  header .header_wrapper .search_bar .searchInput{
    width:100%;
  }
  
  #xsltsearch input.search_btn, #main input.search_btn  {
  margin:0;
  border:0;
  float:none;
  }
  
  #main .search_bar .search_inputbox 
  {
      width:48.5%;
  }
  
  #main #xsltsearch .search_bar .search_inputbox 
  {
      width:46.5%;
  }
  
  
  #mainmenu {
    width:100%;
  }
  

  header .navigation_condensed {
    width:100%;
    margin-left:0;
    padding-top:10px;
  }
  
  header .navigation_condensed ul {
  width:100%;
  overflow:hidden;
  }
  
  header .navigation_condensed ul li {
      width: 46.65%;
      margin-right: 3.35%;
  }
  
  header .navigation_condensed ul li a {
  width:100%;
  margin:0 0 4px 0;
  padding-top:10px;
  }
  
  div.subnav {
    display:none;
  }
  
  .mobilemenu {
    width: 55%;
        margin:9px 3.35% 15px 0;
  }

  #main {
    width:100%;
  }
  
  #right_2column, .prospectus_area_wide {
      width:100%;
  }
  
  #programeguide-top-row {
  width:100%;
  }
  
  #more-info-holder {
  float:left;
  width:100%;
  }
  
  ul.left_undergrad {
      width:100%;
      background: none;
  }
  
  
  .degreeshow_courses
  {
      width: 100%;
  }
  
  .degreeshow_courses .mobile_first
  {
      float: left;
      width: 50%;
  }
  
  .degreeshow_courses .mobile_second
  {
      float: left;
      width: 50%;
  }
  
  .section_title_tripple 
  {
      width: 100%;
        word-wrap: break-word;
  }
  
  .section_title_tripple h2
  {
      font-size: 1.7em;
  }
  
  #register span {
  background: url("images/button_interest.png") no-repeat scroll left -29px 
  transparent;
  cursor: pointer;
  height: 28px;
  position: absolute;
  width: 145px;
  background-size: 145px;
  }
  
  #main-slide-holder{
      display: none;
  }
  
  .show_mobile {
   display:block;
   margin-bottom:30px;
  }
  
  #banner {
      width:100%!important;
      margin-right: 0!important;
  }

    #mobile-slide-holder ul{
        list-style:none;
        margin-left:0px;
        position: relative;
      width: 100%!important;
    }

    #mobile-slide-holder ul li{
        display:inline;
        list-style:none;
        float:left;
    }
  
  #banner #main-paging {
      display:none;
  }
  
  .feature_underline {
  margin-bottom:10px!important;
  padding-bottom:20px;
  background: url("images/full_line_mobile.png") no-repeat scroll bottom;
  }

  
  #mobile-slide-holder .col_info {
  width:47%;
  background: none;
    border-top: 1px solid #969696;
    margin-top: 15px;
    padding-top: 5px;
  }
  
  #mobile-slide-holder ul li {
      width: 100%;
  }
  
  #mobile-slide-holder ul li img {
      width: 96.65%!important;
      margin-right: 3.35%!important;
      height: auto!important;
      max-width:100%;
       padding-right:0;
  }
  
  .section {
  margin-left:0;
  width:100%;
  }
  
  .section_title {
  max-width: 318px;
  }
  
  .programme_guide_selection {
  margin-left:0;
  width:100%;
  }
  
  .section_title {
  margin-bottom:15px;
  }
  
  .section_title_single {
  margin:0 50% 10px 0;
  width: 99.7%!important;
  }
  
  .section_title_single h2 {
    max-width: 100%;
    }

  .section_title_single img {
      display: none;   
  }

  .single_first, .single {
  float: left;
  margin-left: 0;
  width: 48%;
  }
  
  .programme_guide_selection .single_first, .programme_guide_selection .single {
  width: 50%;
  }
  
  .double {
  float:left;
  margin-left: 0;
  width: 100%;
  }
  
  .prospectus_area {
  width:100%;
  }
  
  .prospectus_section {
  width:100%;
  margin-left:0;
  }
  
    .section > .mobile_first,
    #right_3column > .mobile_first,
    .event_container .mobile_first,
    .featured_list_homepage .mobile_first,
    .fixed_polaroid .mobile_first{
      float: left;
      width: 50%;
  }

  .section > .mobile_second,
    #right_3column > .mobile_second,
    .event_container .mobile_second,
    .featured_list_homepage .mobile_second,
    .fixed_polaroid .mobile_second {
      float: right;
      width: 50%;
  }
    
  .polaroid_single, .polaroid_single_prospectus, .full_polaroid, .polaroid_gray, .polaroid_gray_square,
  .section .featured_list_homepage .single .polaroid_single,
  #right_2column .polaroid_double, #right_2column .polaroid_double_prospectus {
      width:93.29%;
      margin-bottom: 10px;
      margin-right: 6.71%;
      font-style: italic;
      float: left;
      padding: 4px 4px 20px;
      box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
  }
  
  .polaroid_single_prospectus, .right_2column .polaroid_double_prospectus 
  {
      padding-bottom:4px;
  }

  .fixed_polaroid_people .polaroid_single {
        width: 100%!important;
        margin-right: 0!important;
  }
  
  .fixed_polaroid_people .people_list_wrapper {
      width: 46.65%;
      margin-right: 3.35%;
      padding: 4px 0px 20px;
  }
  
    .fixed_polaroid_people .people_list_wrapper:after {
      margin-top: 150%;
      content: "";
      display: block;
  }
  
  .polaroid_single img, .polaroid_single_prospectus img {
      max-width:100%;
      display:block;
  }
  
  .polaroid_double, .polaroid_double_prospectus {
      width:292px;
      margin-left:0;
  }
  
  .polaroid_double img, .polaroid_double_prospectus img{
      max-width:292px;
  }
  
  .polaroid_double h3, .polaroid_double p {
      width: 100%;
  }
  
  .featured_list_homepage .single_first, .featured_list_homepage .single {
      
  }
  
  .programme_guide_selection 
  {
      margin-bottom:15px;
  }
  
  .programme_guide_selection h3 
  {
      display:block;
      margin-bottom:10px;
  }
  
  a.key_button:hover:before {
        margin-top: -18px;
    }
    

  
  a.key_button {
        width: 100%;
        display: block;
        line-height: 0;
        margin: 0;
        text-indent: 0;
        color: #383838;
        text-decoration: none;
        font-size: 0;
        height: auto;
        margin-bottom: 5px;

  }
  
  .infoforfeatures a.key_button
  {
        width: 95%;
        display: block;
        line-height: 0;
        margin: 0;
        text-indent: 0;
        color: #383838;
        text-decoration: none;
        font-size: 0;
        height: auto;
        margin-bottom: 5px; 
  }
.infoforfeatures .section_title {
    height: auto;
    width:100%;
}

    .infoforsingles
    {
        float:left;
        width:100%;
    }
  a.key_button img{
      /*display: none;*/
  }
  
  a.key_button:hover img
  {
      margin-top:-70px;
  }
  
  
  a.key_button:hover 
  {
      color: #C09;
  }
  
  a.key_button span {
  display:none;
  }
  
  #register, #apply 
  {
      width: 93.29%;
        margin-right: 6.71%;
      font-family: HothouseRegular, Arial Black, Arial, Sans-serif;
        color: #000;
        font-size: 0.79em;
        background:#00ff00;
        padding:5px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        text-transform:uppercase;
  }
  
  #register span, #apply span 
  {
      background-image:none;
    }
  
  #right_2column .programme_guide_selection
  {
      width: 100%;
        margin-left: 0%;
        margin-right: 0%;
  }
  
  #right_2column .prospectus_section {
        width: 100%;
        margin-left: 0;
  }
  
  #right_2column .tripple_first {
      width: 100%;    
  }
  
  #right_2column .single_space {
      margin-left: 0;
      width: 100%;
  }
  
  #programeguide-top-row 
    {
        width:100%;   
    }
    
    #programeguide-top-row .prospectus_area_wide 
    {
        width:50%;
    }
    
    #programeguide-top-row .polaroid_double_prospectus 
    {
        width: 93.29%;
        margin-right: 6.71%;
        padding: 4px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
    #programeguide-top-row .polaroid_double_prospectus img 
    {
        width:100%;
    }
    
    #right_2column #more-info-holder 
    {
        width:100%;
        background: url(images/full_line_mobile.png) no-repeat 0 top;
        background-size: 100% 1px;
    }
    
    #right_2column #more-info-holder .nomargin 
    {
        margin-left:0!important;
    }
    
    #right_2column #more-info-holder .single 
    {
        width:50%;
    }
    
    #right_2column .studycourse_mobile 
    {
        width:100%;
        float:left;
        margin-bottom:15px;
    }
    
    #right_2column .studycourse_mobile .single
    {
        width: 50%;
        margin-right: 0%;
    }
    
    #right_2column .studycourse_mobile .single a.key_button
    {
        display:block;
    }
  
  #right_2column .single,
  #right_2column .double  
  {
      width: 50%;
  }
  
  #right_2column .mobile_first .single,
  #right_2column .mobile_second .single,
  #right_2column .mobile_first .double,
  #right_2column .mobile_second .double,
  .event_container .mobile_first .inline-poloroid,
  .event_container .mobile_second .inline-poloroid
  {
      width: 100%;
  }
  
    #center_3column .single_first {
        width: 96.65%;
        margin-right: 3.35%;
  }
  
  #center_3column .single_first + #banner {
        width: 100%!important;
        margin-bottom 30px;
  }
  
  #center_3column .single_first + img {
        width: 97%;
        margin-right: 3.35%;
  }
  
  #center_3column .tripple {
        width: 96.65%;
        margin-right: 3.35%;
  }

  .section_feeds {
  margin:0;
  }
  
  .mobile_row {
    width:100%;
    float:left;
  }
  
  .mobile_row h3 {
    background: url("images/line_mobile.png") no-repeat top left;
    padding-top:8px;
    margin-top: 10px;
  }
  
  .mobile_row a h3 {
    background:none;
    padding-top:0;
  }
  
  #background_feeds_home {
  background:none;
  width:100%;
  }
  
  footer {
  margin:0 -10px;
  width:100%;
  padding:10px;
  }
  
  footer .footer_address, footer .footer_logo {
    width:47%;
  }
  
  #scrolling_info {
    display:none;
    }
  
  #background_feeds_home {
  background:none;
  }
  
  #background_feeds_home h3.pink {
  margin: -50px 0 0 -4px;
  background:none;
  }
  
  .feed_column {
  width: 92%;
  padding: 4%;
  }
  
  .logo_addy
  {
      float: left;
        width: 50%;
  }
  
  .footer_stack
  {
      float:left;
      width: 46%;
        margin-left: 4%;
  }
  
  footer .footer_logo 
  {
      display: block;
        width: 96%;
        margin-right:4%;
        text-align: left;
        margin-bottom: 20px;
        height: auto;
  }
  
  footer .footer_address, footer .footer_links {
      width: 96%;
      float:left;
      height:auto;
        margin: 0 4% 20px 0;
    }
    footer p {
        font-size:10px;
    }

    footer h4{
        font-size:10px;
    }
    
    .head_overview 
    {
        display:none;
    }
    
    .head2_overview 
    {
        display:block;
        background:url(images/full_line_mobile.png) no-repeat left bottom;
      background-size: 100% 1px;
      padding-bottom:5px;
    }
    
    .coursepage_buttons 
    {
        float: left;
        display: block;
        width: 100%;
    }
    
    /*.coursepage_buttons #register, .coursepage_buttons #apply 
  {
      width:50%;
  }*/
  
  .coursepage_feature_area .prospectus_area 
  {
      margin-bottom:10px;
  }
  
  .coursepage_features > a 
  {
      width: 50%;
        float: left;
        display: block;
    }
    
    .coursepage_features > a .polaroid_single 
    {
        width: 93.28%!important;
        margin-bottom: 8%!important;
        margin-right: 6.72%!important;
    }
    
    .feature5_row .single, .feature5_row .double 
    {
        width:50%;
    }
    
    #right_2column .tablet_second .coursepage_feature_area 
  {
      width:100%!important;
      float:none!important;
  }
  
  .head_keyfacts 
  {
      width:50%!important;
  }
  
    #fancybox-wrap {
        left: 10px!important;
        padding: 0!important;
        right: 0!important;
        min-width: 300px;
    }

    #fancybox-content {
        min-width: 300px;
    }

    .col-1, .col-2 {
        width: 100%!important;
    }
    
    #fancybox-content .form-registeraninterest {
        width: 280px!important;
    }
    
    .kisIntro {
    float: left;
    width: 100%;
    margin-top: 0;
}
    
}

@media (max-width: 428px) 
{
    
    a.key_button:hover::before {
    margin-top: 10px;
    }
}

@media (max-width: 419px) 
{
    
    a.key_button:hover::before {
    margin-top: -8px;
    }
}

@media (max-width: 405px) 
{
    
    a.key_button:hover::before {
    margin-top: -6px;
    }
}

@media (max-width: 390px) 
{
    
    a.key_button:hover::before {
        margin-top: -2px;
    }
}

@media (max-width: 374px) 
{
    
    a.key_button:hover::before {
        margin-top: 1px;
    }
}


@media (max-width: 360px) 
{
    
    a.key_button:hover::before {
        margin-top: 3px;
    }
}

@media (max-width: 327px) 
{
    
    a.key_button:hover::before {
        margin-top: 9px;
    }
}

@media (max-width: 320px) 
{
    .fixed_polaroid_people a:nth-child(2n+1) .people_list_wrapper{  
        clear:both;
    }
    a.key_button {
        height: auto;
    }
    
    a.key_button:hover::before {
        margin-top: 2px;
    }
    
    a.key_button:hover img
    {
        margin-top:-59px;
    }
}
em{
  font-style: italic;
}

@media (max-width: 305px) 
{
    
    a.key_button:hover::before {
    margin-top: 9px;
    }
}

@media (max-width: 285px) 
{
    
    a.key_button:hover::before {
    margin-top: 6px;
    }
}

@media (max-width: 261px) 
{
    
    a.key_button:hover::before {
    margin-top: 10px;
    }
}

@media (max-width: 240px) 
{
    
    a.key_button:hover::before {
    margin-top: 15px;
    }
}
@media (max-width:590px ) and (min-width:481px )
{
    .section_title_single h2 {
    font-size: 10px;
    }
}
h5
{
font-family: HothouseRegular, Arial Black, Arial, Sans-serif; font-size: 1.25em; color:#575757; text-transform:uppercase;
font-smooth:always; 
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */