/************************
 *initial set up
 ***********************/
* {margin: 0; padding: 0;}
html {
	overflow-y: scroll;
	font-size: 10px;
}
body {
	font-size: 1.2em;
	font-family: 'Century Gothic', arial, sans-serif;
	text-align: center;
	background: #333 url(/_assets/images/common/background.png) repeat fixed;
}
/* end initial set up */












/********************
 * main structure
 ********************/
#container
{
	text-align: left;
	margin: 0 auto;
	width: 934px;
	padding-left: 36px;
	padding-right: 36px;
	background-color: #fff;
}
#header
{
	margin-bottom: 20px;

}

#footer
{
	clear: both;
	height: 31px;
	background-image: url('/_assets/images/common/footer.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-left: -10px;
	padding-top: 30px;
	padding-left: 60px;
	padding-right: 50px;
}

#sub-nav
{
	width: 194px;
	padding-right: 20px;
	float: left;
}

#content-area
{
	float: left;
	width: 412px;
	padding-right: 45px;
	background-image: url('/_assets/images/common/content-footer.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom: 30px;
}

#content-area.full-content-width
{
	width: 675px;
}

#tactical-boxes
{
	float: left;
	width: 263px;
}
/* end main structure */


.calendar
{
	background-color: #333;
	padding: 8px;
}
.calendar thead, .calendar td
{
	background-color: #333;
	border: 0px;
}
.calendar table
{
	width: 659px;
}
.calendar tr.day_names td, .calendar tr.smd_cal_daynames th
{
	height: 20px;
	background-color: #c60070;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	text-transform: uppercase;
	border-bottom: 0;
	width: 14%;
}
.calendar td.timeline_view_nav
{
	background-color: #000;
	text-transform: uppercase;
}
.calendar thead td
{
	padding: 0px 0px 5px 0px;
}
.calendar tbody td
{
	background-color: #fff;
	padding: 0px;
}
.calendar td span.date
{
	background-color: #e6e6e6;
	display: block;
	padding: 3px;
	font-weight: bold;
	text-align: right;
}

.calendar td div.day_details
{
	height: 70px;
	padding: 5px;
}

.calendar td span.date.other_month
{
	background-color: #e6e6e6;
	display: block;
	color: #666;
	padding: 3px;
	font-weight: bold;
}

.calendar th
{
	background-color: #333;
	border-bottom: none;
	text-transform: uppercase;
}

/***********************
 * footer styling
 ***********************/
#footer
{
	font-size: 1em;
}
#footer #copyright
{
	float: left;
	color: #fff;
}
#footer #footer-nav
{
	float: right;
	color: #fff;
}
#footer a
{
	color: #fff;
	text-decoration: none;
}
#footer a:hover
{
	color: #C60071;
}
/* end footer styling */















/*******************
 * subnav
 *******************/
#sub-nav ul li
{
	list-style-type: none;
}
#sub-nav ul li a
{
	display: block;
	width: 180px;
	height: 19px;
	text-decoration: none;
	background-repeat: no-repeat;
}
#sub-nav ul li a.two_lines
{
	display: block;
	width: 180px;
	height: 39px;
	text-decoration: none;

}
#sub-nav ul li
{
	margin-bottom: 5px;
}
#sub-nav ul li a span
{
	position: relative;
	left: -9999px;
}
#sub-nav-place
{
	background-image: url('/_assets/images/common/navigation/place_place.gif');
}
#sub-nav-bedroom
{
	background-image: url('/_assets/images/common/navigation/living_bedrooms.gif');
}
#sub-nav-facilities
{
	background-image: url('/_assets/images/common/subnav/place_facilities.gif');
}
#sub-nav-history
{
	background-image: url('/_assets/images/common/subnav/place_history.gif');
}
#sub-nav-food
{
	background-image: url('/_assets/images/common/subnav/place_food.gif');
}
#sub-nav-events
{
	background-image: url('/_assets/images/common/subnav/activities_events.gif');
}
#sub-nav-trips
{
	background-image: url('/_assets/images/common/subnav/activities_trips.gif');
}
#sub-nav-calendar
{
	background-image: url('/_assets/images/common/subnav/activities_calendar.gif');
}
#sub-nav-map
{
	background-image: url('/_assets/images/common/subnav/location_map.gif');
}
#sub-nav-transport
{
	background-image: url('/_assets/images/common/subnav/location_getting_to_us.gif');
}
#sub-nav-areas-of-interest
{
	background-image: url('/_assets/images/common/subnav/location_placestovisit.gif');
}
#sub-nav-students
{
	background-image: url('/_assets/images/common/subnav/people_students.gif');
}
#sub-nav-community
{
	background-image: url('/_assets/images/common/navigation/people_community.gif');
}
#sub-nav-jobs
{
	background-image: url('/_assets/images/common/subnav/people_jobs.gif');
}

#sub-nav-security
{
	background-image: url('/_assets/images/common/subnav/support_security.gif');
}
#sub-nav-support
{
	background-image: url('/_assets/images/common/navigation/support_support.gif');
}
#sub-nav-religion
{
	background-image: url('/_assets/images/common/navigation/support_faith.gif');
}
#sub-nav-welcome-week
{
	background-image: url('/_assets/images/common/navigation/support_welcome_week.gif');
}
#sub-nav-ethos
{
	background-image: url('/_assets/images/common/subnav/values_ethos.gif');
}
#sub-nav-our-values
{
	background-image: url('/_assets/images/common/navigation/values_values.gif');
}
#sub-nav-background
{
	background-image: url('/_assets/images/common/subnav/values_background.gif');
}

#sub-nav-working
{
	background-image: url('/_assets/images/common/navigation/people_working.gif');
}

#sub-nav-pricing
{
	background-image: url('/_assets/images/common/subnav/pricing-pricing.gif');
}

#sub-nav-booking
{
	background-image: url('/_assets/images/common/subnav/price-bookingform.gif');
}

#sub-nav-internet
{
	background-image: url('/_assets/images/common/subnav/place_internet.gif');
}


#sub-nav a:hover
{
	background-position: -180px 0px;
}

#sub-nav a.active
{
	background-position: -360px 0px;
}
#sub-nav a.active:hover
{
	background-position: -360px 0px;
}




















/*********************/
/* short stay subnav */
/*********************/
#sub-nav-ss-place
{
	background-image: url('/_assets/images/common/subnav/short-stay/place_place.gif');
}
#sub-nav-ss-bedroom
{
	background-image: url('/_assets/images/common/subnav/short-stay/living_bedrooms.gif');
}
#sub-nav-ss-facilities
{
	background-image: url('/_assets/images/common/subnav/short-stay/place_facilities.gif');
}
#sub-nav-ss-history
{
	background-image: url('/_assets/images/common/subnav/short-stay/place_history.gif');
}
#sub-nav-ss-food
{
	background-image: url('/_assets/images/common/subnav/short-stay/place_food.gif');
}
#sub-nav-ss-events
{
	background-image: url('/_assets/images/common/subnav/short-stay/activities_events.gif');
}
#sub-nav-ss-trips
{
	background-image: url('/_assets/images/common/subnav/short-stay/activities_trips.gif');
}
#sub-nav-ss-calendar
{
	background-image: url('/_assets/images/common/subnav/short-stay/activities_calendar.gif');
}
#sub-nav-ss-map
{
	background-image: url('/_assets/images/common/subnav/short-stay/location_map.gif');
}
#sub-nav-ss-transport
{
	background-image: url('/_assets/images/common/subnav/short-stay/location_getting_to_us.gif');
}
#sub-nav-ss-areas-of-interest
{
	background-image: url('/_assets/images/common/subnav/short-stay/location_placestovisit.gif');
}
#sub-nav-ss-students
{
	background-image: url('/_assets/images/common/subnav/short-stay/people_students.gif');
}
#sub-nav-ss-community
{
	background-image: url('/_assets/images/common/subnav/short-stay/people_community.gif');
}
#sub-nav-ss-jobs
{
	background-image: url('/_assets/images/common/subnav/short-stay/people_jobs.gif');
}

#sub-nav-ss-security
{
	background-image: url('/_assets/images/common/subnav/short-stay/support_security.gif');
}
#sub-nav-ss-support
{
	background-image: url('/_assets/images/common/subnav/short-stay/support_support.gif');
}
#sub-nav-ss-religion
{
	background-image: url('/_assets/images/common/subnav/short-stay/support_faith.gif');
}
#sub-nav-ss-welcome-week
{
	background-image: url('/_assets/images/common/navigation/support_welcome_week.gif');
}
#sub-nav-ss-ethos
{
	background-image: url('/_assets/images/common/subnav/short-stay/values_ethos.gif');
}
#sub-nav-ss-our-values
{
	background-image: url('/_assets/images/common/navigation/values_values.gif');
}
#sub-nav-ss-background
{
	background-image: url('/_assets/images/common/subnav/short-stay/values_background.gif');
}

#sub-nav-ss-working
{
	background-image: url('/_assets/images/common/subnav/short-stay/people_working.gif');
}

#sub-nav-ss-pricing
{
	background-image: url('/_assets/images/common/subnav/short-stay/pricing-pricing.gif');
}

#sub-nav-ss-booking
{
	background-image: url('/_assets/images/common/subnav/short-stay/price-bookingform.gif');
}

#sub-nav-ss-internet
{
	background-image: url('/_assets/images/common/subnav/short-stay/place_internet.gif');
}


#sub-nav-ss a:hover
{
	background-position: -180px 0px;
}

#sub-nav-ss a.active
{
	background-position: -360px 0px;
}
#sub-nav-ss a.active:hover
{
	background-position: -360px 0px;
}










/* end subnav */














/***********************
 * styling
 **********************/
p, ul, table
{
	margin-bottom: 1.9em;
}

#content-area li
{
	margin-left: 20px;
}

h2.lead, h2
{
	color: #68003d;
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: 1.2em;
}

a img
{
	border: none;
}


ul.bible
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.bible li
{
	margin-left: 0px !important;
	padding-left: 0px !important;
}

h3
{
	color: #68003D;
	font-weight: bold;
}

ul.bible h3
{
	font-weight: bold;
	font-size: 1em;
	color: #68003D;
}

ul.bible cite
{
	font-size: 1.3em;
	font-style: normal;
}

ul.bible span.chapter
{
	color: #AC0054;
}

a
{
	color: #ac0055;
	text-decoration: none;
}
a:hover
{
	color: #850040;
	text-decoration: underline;
}

a:visited
{
	color: #c14a81;
}

table
{
	width: 412px;
}

td, th
{
	margin: 0;
	padding: 2px 5px 2px 10px;
	border-bottom: 1px solid  #fff;
}
tr
{
	margin-bottom: 5px;
	background-color: #e6e6e6;
}
tr.even
{
	background-color: #f2f2f2;
}
th
{
	background-color: #ac0055;
	color: #fff;
}


.activity-container p
{
	margin-bottom: 0.5em;
}

.activity-container h3
{
	margin-bottom: 0.5em;
}


.activity-container
{
	margin-bottom: 3em;
}








/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;

    position: fixed;
    top: 5%;
    left: 50%;

    margin-left: -432px;
    width: 840px;

    background-color: #fff;
    color: #333;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



		.push
		{
			height: 46px;
		}

		#container {
			min-height: 100%;
			height: auto !important;
			height: 100%;
			margin: 0 auto -46px; /* the bottom margin is the negative value of the footer's height */
		}








#gallery-container
{
	background-color: #fff;
}

#gallery-container #gallery-left
{
	float: left;
	width: 595px;
}

#gallery-container #gallery-right
{
	float: left;
	height: 200px;
	width: 245px;
}

#gallery-container #large-picture
{
	width: 595px;
	height: 397px;
}

#gallery-container #close-button
{
	float: right;
	margin-top: -5px;
	margin-right: -5px;
}









.jqmWindow#modal2 {
    display: none;
    position: fixed;
    top: 5%;
    left: 50%;

    margin-left: -473px;
    width: 947px;

    background-color: #fff;
    color: #333;
    padding: 5px;
    height: 590px;
}

#case-study-container
{
	background-image: url(/_assets/images/case-studies/background.jpg);
	height: 590px;
	width: 937px;
}



#case-study-left
{
	float: left;
	width: 300px;
	padding-left: 100px;
	margin-top: 50px;
}

#case-study-right
{
	float: left;
	width: 537px;
}

#case-study-content
{
	overflow-y: auto;
	width: 340px;
	height: 370px;
	text-align: left;
	padding-left: 100px;
	padding-right: 10px;
}

#case-study-content h2
{
	font-weight: bold;
	margin-bottom: 0px;
}

#case-study-content h3
{
	margin-bottom: 1em;
	font-weight: normal;
	color: #AC0054;
}

#case-study-close-button
{
	float: right;
	margin-bottom: -80px;
}

#case-study-left h2#testimonials-header
{
	display: block;
	background-image: url(/_assets/images/case-studies/casestudies_txt.png);
	width: 233px;
	height: 63px;

}

#case-study-left h2#community-header
{
	display: block;
	background-image: url(/_assets/images/case-studies/community.png);
	width: 233px;
	height: 49px;
}

#case-study-left li#gillian a
{
	display: block;
	width: 225px;
	height: 63px;
	background-image: url(/_assets/images/case-studies/gilliancampbell.png);
}
#case-study-left li#gillian a:hover
{
	background-position: 224px 0px;
}


#case-study-left li#abraham a
{
	display: block;
	width: 225px;
	height: 64px;
	background-image: url(/_assets/images/case-studies/abrahammennen.png);
}
#case-study-left li#abraham a:hover
{
	background-position: 223px -1px;
}

#case-study-left li#tatjana a
{
	display: block;
	width: 226px;
	height: 62px;
	background-image: url(/_assets/images/case-studies/tatjanadjacanin.png);
}
#case-study-left li#tatjana a:hover
{
	background-position: 223px -1px;
}

#case-study-left li#eun-hye a
{
	display: block;
	width: 226px;
	height: 60px;
	background-image: url(/_assets/images/case-studies/eun-hyeyum.png);
}
#case-study-left li#eun-hye a:hover
{
	background-position: 223px 0px;
}


#case-study-left li#lauren a
{
	display: block;
	width: 226px;
	height: 60px;
	background-image: url(/_assets/images/case-studies/lauren_greta.png);
}
#case-study-left li#lauren a:hover
{
	background-position: 223px 0px;
}




#case-study-left ul
{
	list-style-type: none;
}

#case-study-left h2 span, #case-study-left a span
{
	display: none;
}










#gallery-navigation
{
	background-color: #F0F0F0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-top: 20px;
	padding-top: 6px;
	margin-bottom: 20px;
	padding-bottom: 6px;
}



/** scrollables **/
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 535px;
    height:90px;
    float: left;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a super large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated on horizontal scrolling
    typically this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div {
    float:left;
    margin-right: 4px;
}

/* you may want to setup some decorations to active item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}




div.prev
{
	display: block;
	float: left;
	background-image: url(/_assets/images/gallery/scroll_left.jpg);
	width: 13px;
	height: 26px;
	cursor: pointer;
	margin-right: 10px;
	margin-left: 5px;
	margin-top: 30px;
}

div.next
{
	float: left;
	display: block;
	background-image: url(/_assets/images/gallery/scroll_right.jpg);
	width: 13px;
	height: 26px;
	cursor: pointer;
	margin-left: 10px;
	margin-top: 30px;
}

/****************
 * DEV
 ***************/
/*
#sub-nav ul li a
{
	background-color: #68003d;
}
#sub-nav ul li a:hover
{
	background-color: #A40255;
}

#sub-nav ul li a.active
{
	background-color: #CC3C81;
}
*/