/*  
Theme Name: YWAM Oxford
Theme URI: http://www.ywamoxford.org/
Description: 
Version: 1.0
Author: Gertjan Kardol and Philip Renich - 2011 edits by Noah Cremisino
Author URI: http://www.elfboy.com
*/

body {
	background: #2A2A2A url(images/ywam-oxford-background.jpg) repeat-x;
	font-family: arial, verdana, sans-serif;
        background-attachment: fixed;
        z-index: -999;
}	

#shadow-edge {
	margin: 0 auto;
	width: 1088px;
	background: url(images/shadow-edge.png) no-repeat top left;
}

#wrap {
	margin: 0 auto;
	padding: 0 4px;
	width: 985px;
	background: url(images/pagebg.png) repeat-y;
}

#page #content {
        background: url(images/content-pagebg.gif) repeat-y;
}
#header {
	position: relative;
	width: 973px;
	margin: 0 2px;
	background: url(images/ywam-oxford-header.jpg) no-repeat top center;
	z-index: 900;
}
#hook {
	position: relative;
	margin-top: 50px;
	width: 100%;
	background: url(images/hook-schools-bottom.gif) no-repeat bottom left;
	z-index: 500;
}
#content {
	position: relative;
	z-index: 300;
}
#sitemap {
	width: 977px;
	padding: 5px 0;
	background-color: #7F7F7F;
}
#wrapEnd {
	margin: 0 auto 20px;
	padding: 0 4px;
	width: 985px;
	height: 8px;
	background: transparent url(images/pagebgFooter.png) no-repeat bottom left;
}
#ie { display: none; }

#apply-now {
  position:absolute;
  background-color: #EFEFEF;
  width: 380px;
  height: 78px;
  bottom:0px;
  right: 19px;
  float: right;
  margin-top: 30px;
  margin-bottom: 11px;
  z-index:800;
}

#apply-now:hover {
	opacity:0.8;
}

/* ----- HEADER ----- */

#header a#logo {
	position: relative;
	top: 45px;
        margin-bottom: -30px;
	left: 350px;
	display: block;
	width: 256px;
	height: 95px;
	text-decoration: none;
	font-size: 3.6em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #efefef;
}
#header a#logo span {
	display: block;
	text-indent: -3000em;
}
#header ul {
	position: relative;
	margin-top: 87px;
	padding-top: 6px;
	height: 26px;
	width: 100%;
	background: url(images/navbg.gif) repeat-x;
}
#header ul li {
	position: relative;
	float: left;
	width: 125px;
	margin-top: -6px;
	padding: 0px 20px 0px 15px;
	border-right: 2px solid #EFEFEF;
}
#header ul li.pay-online-page, #hook li a.last {
	border-right: 0px;
}
#header li a {
	display: block;
	height: 20px;
	padding-top: 6px;
	padding-left: 35px;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	background: no-repeat center left;
}
#header li a:hover, #header li a:active {
	text-decoration: underline;
}
#header ul li ul {
	position: absolute;
	left: -999em;
	margin: 0;
	padding: 0;
	background-image: none;
}
#header ul li:hover ul, #header ul li.sfhover ul {
	left: auto;
}
#header ul li ul li {
	margin-top: 0;
	border: none;
}
#header ul li ul li a {
	width: 150px;
	height: auto;
	margin: 0 0 0 -31px;
	padding: 5px;
	background: #7F7F7F none;
	border: 1px solid #6F6F6F;
	border-top: 0;
	color: #fff;
	font-size: 1.2em;

	opacity: 0.95;
	-moz-opacity: 0.95;
	filter: alpha(opacity=95);
}
#header ul li ul li a:hover {
	text-decoration: underline !important;
	background-color: #6F6F6F;
}
#header ul li:hover ul li ul, #header ul li.sfhover ul li ul {
	position: absolute;
	top: .5em;
	margin-left: 147px;
	left: -999em;
	z-index: 999;
}
#header ul li ul li:hover ul, #header ul li ul li.sfhover ul {
	left: 0;
}
#header ul li ul li ul li a {
	background-color: #7F7F7F;
}

#header ul li ul li ul li.around-the-world-in-80-days-page a,
#header ul li ul li ul li.base-staff-page a,
#header ul li ul li ul li.new-building-project-page a {
	border-top: 1px solid #6F6F6F;
}

#header li.home-page a { background-image: url(images/nav-home.gif); }
#header li.schools-uri a { background-image: url(images/nav-schools.gif); text-decoration: none; cursor: default; }
#header li.about-uri a { background-image: url(images/nav-about.gif); text-decoration: none; cursor: default; }
#header li.contact-us-page a { background-image: url(images/nav-contact.gif); }
#header li.resources-page a { background-image: url(images/nav-resources.gif); }
#header li.pay-online-page a { background-image: url(images/nav-pay.gif); }

#header li ul li a { background-image: none !important; cursor: pointer !important; }

#header ul li ul li.staff-profiles-\%c2\%bb-uri a:hover {
	text-decoration: none !important;
	cursor: default !important;
}
#header ul li ul li.staff-profiles-\%c2\%bb-uri ul li a:hover {
	text-decoration: underline !important;
	cursor: pointer !important;
}

/* ----- HOME PAGE ----- */

#slider {
	width: 962px;
	height: 266px;
	background-color: white;
        background-image: url(images/highlight-bg.jpg);
	position: relative;
        margin: 0px 0px 0px 8px;
	padding-top: 14px;
	display: block;
        overflow:hidden;
}

#highlight-top {
	width: 962px;
	height: 5px;
	background-color: white;
        background-image: url(images/highlight-top.jpg);
	position: relative;
        margin: 5px 0px 0px 8px;
	display: block;
}

#highlight-bottom {
	width: 962px;
	height: 5px;
	background-color: white;
        background-image: url(images/highlight-bottom.jpg);
	position: relative;
        margin: 0px 0px 14px 8px;
	display: block;
}

#schools-selector {
	width: 952px;
	height: 104px;
	background-color: #A1A1A1;
        background-image: url(images/highlight-bg-menu.jpg);
	position: relative;
        margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 8px;
	display: block;
        overflow:hidden;
}

#schools-menu {
	width: 940px;
	height: 104px;
        margin: 0px 0px 0px 0px;
        overflow:hidden;
}

/* ----- ADJUST SCHOOL MENU - TO CENTER CHANGE MARGIN-LEFT ----- */

#schools-menu-adjuster {
	width: 940px;
	height: 104px;
	background-color: transparent;
        margin: 0px 0px 0px -8px;
}

/* ----- END ADJUST SCHOOL MENU ----- */

#schools-top {
	width: 962px;
	height: 24px;
	background-color: white;
        background-image: url(images/highlight-top-menu.jpg);
	position: relative;
        margin: 5px 0px 0px 8px;
	display: block;
}

#schools-bottom {
	width: 962px;
	height: 24px;
	background-color: white;
        background-image: url(images/highlight-bottom-menu.jpg);
	position: relative;
        margin: 0px 0px -14px 8px;
	display: block;
}

#dash-line {
	width: 962px;
	height: 3px;
	background-color: white;
        background: url(images/dash-line.gif) repeat-x;
	position: relative;
        margin: 6px 0px 14px 8px;
	display: block;
}

#homegraphics {
	width: 974px;
	height: 100%;
	position: relative;
        margin-bottom: 16px;
        margin-left: 1px;
        margin-top: -18px;
	display: block;
        float: left;
}

#homegraphics-cell {
	width: 300px;
	height: 110px;
	position: relative;
        margin: 8px 0px 0px 19px;
	display: block;
        float: left;
	background-color: white;
}

.twitter-share-button {
        margin-left: 14px;
}

/* ----- HOOK ----- */

#hook img {
	position: absolute;
	top: -35px;
	left: 38px;
}
#hook ul {
	padding: 9px 0 9px 8px;
	background: url(images/hook-schools-top.gif) no-repeat top left;
}
#hook li { display: inline;}
#hook li a {
	display: block;
	float: left;
	height: 45px;
	padding-top: 195px;
	width: 191px;
	border-right: 3px solid #fff;
	color: #fff;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

#hook li#hook-sdts a { width: 135px; background: #5ba0b6 url(images/hook_sdts.jpg) no-repeat top left; }
#hook li#hook-aw80 a { width: 135px; background: #98b414 url(images/hook_aw80.jpg) no-repeat top left; }
#hook li#hook-bdts a { width: 135px; background: #734a19 url(images/hook_bdts.jpg) no-repeat top left; }
#hook li#hook-ethcre a { width: 135px; background: #5ba0b6 url(images/hook_ethcre.jpg) no-repeat top left; }
#hook li#hook-flcr a { width: 135px; background: #98b414 url(images/hook_flcr.jpg) no-repeat top left; }
#hook li#hook-bls a { width: 135px; background: #efd710 url(images/hook_bls.jpg) no-repeat top left; }
#hook li#hook-bcc a { width: 137px; background: #ff7607 url(images/hook_bcc.jpg) no-repeat top left; }

#hook li#hook-sdts a:hover, #hook li#hook-sdts a:active { background-color: #9dc6d3; }
#hook li#hook-aw80 a:hover, #hook li#hook-aw80 a:active { background-color: #c1d272; }
#hook li#hook-bdts a:hover, #hook li#hook-bdts a:active { background-color: #ab9275; }
#hook li#hook-ethcre a:hover, #hook li#hook-ethcre a:active { background-color: #9dc6d3; }
#hook li#hook-flcr a:hover, #hook li#hook-flcr a:active { background-color: #c1d272; }
#hook li#hook-bls a:hover, #hook li#hook-bls a:active { background-color: #f5e770; }
#hook li#hook-bcc a:hover, #hook li#hook-bcc a:active { background-color: #ffad6a; }

/* ----- CONTENT ----- */

#content {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #646464;
	text-align: justify;
}
#content h1 {
	font-size: 1.5em;
	margin-bottom: .5em;
	letter-spacing: -.05em;
}
#content h1 span {
	color: #33697f;
}

#content a:link, #content a:visited {
	color: #33697F;
}
#content a:visited { text-decoration: none; }

#content a:hover, #content a:active {
	color: #4A7F95;

	text-decoration: none;
}

#content a.nobdr:hover, #content a.nobdr:active { border-bottom: none; }

#content p.more {
	padding: 0 7px 2px 0;
	background-color: #33697f;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;

}
#content p.more a:link, #content p.more a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
#content p.more a:hover, #content p.more a:active {
	color: #b2dae7;
	font-weight: bold;
	border-bottom: none;
	text-decoration: underline;
}
#primary, #secondary, #tertiary {
	padding: 30px 10px;
	width: 299px;
	float: left;
}
#primary {
	padding-left: 20px;
}
#tertiary {
	padding-right: 20px;
}
#quote {
	position: relative;
	margin: 10px 48px 30px;
}
ol {
	margin: 0 0 1em 19px;
	list-style: decimal outside;
}


/* ----- PAGE CONTENT ----- */
#page #content {
	margin-top: -4px;
	text-align: left;
}
#page #content p {
	margin-bottom: 1em;
}
#page #primary {
	width: 541px;
	margin: 0 2px;
	padding: 0 15px;
}
#page #primary .sub-head {
	position: relative;
	height: 5.5em;
	margin: 0 -15px 20px;
	color: #fff;
}
#page #primary h1, #page #primary h2, #page #secondary h2 {
	margin-bottom: .5em;
	font-size: 1.5em;
	letter-spacing: normal;
}
#page #primary h1 {
	padding: .66em 15px;
	text-transform: uppercase;
}
#page #primary .sub-head h2 {
	float: right;
	padding: .66em 15px;
	font-size: 1.2em;
}
#page #content p.dts-link {
	float: right;
	margin-bottom: 0;
	font-weight: bold;
}
#content h3 {
	margin-bottom: .25em;
	font-size: 1.15em;
}
.sub-head ul {
	position: absolute;
	bottom: 0;
	list-style: none;
}
.sub-head ul li {
	float: left;
	margin-left: 4px;
	padding-right: 15px;
}
#content .sub-head ul li a {
	display: block;
	padding: 2px 0 1px 15px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
}
#content .sub-head ul li.active a {
	text-decoration: none;
}
#content .sub-head ul li a:hover, #content .sub-head ul li a:active {
	text-decoration: underline;
}
#content .sub-head ul li.active a:hover, #content .sub-head ul li.active a:active {
	cursor: default;
	text-decoration: none;
}

#page #secondary {
        width: 370px;
	margin: 0;
	padding: 88px 15px 0 15px;
}

.fee {
	font-weight: bold;
	font-variant: small-caps;
}

#primary > ul {
	list-style: disc;
	list-style-position: inside;
	margin-bottom: 1em;
}
#primary > ul > li {
	margin: .2em 0;
}
.photos {
	text-align: center;
}

.gallery-block {
	text-align: center;
	font-weight: bold;
}
.gallery-block img {
	border: 10px solid #DEDEDE;
	border-bottom-width: 25px;
	margin: 25px 0 -22px 0;
}

.flickr-gallery-block {
        border: 12px solid #EFEFEF;
        z-index:-9999;
}

/* ----- FOOTER ----- */

#sitemap ul {
	float: left;
	margin: 0 30px;
	max-width: 130px;
	list-style: square outside;
	color: #EFEFEF;
	font-size: 1.1em;
}
#sitemap ul li {
	margin: 10px 0;
}
#sitemap ul li.section {
	list-style: none;
	margin-left: -14px;
	font-weight: bold;
}
#sitemap ul li a {
	text-decoration: none;
	color: #EFEFEF;
}
#sitemap ul li a:hover, #sitemap ul li a:active {
	color: #fff;
}
#footer {
	width: 947px;
	margin-top: 2px;
	padding: 15px 15px 11px;
        color:#9D9D9D;
	background-color: #3E403F;
	font-family: verdana, arial, sans-serif;
}


/* ----- CALENDAR ----- */

h2 span.aw80 {
	color: #D57C32 !important;
}
h2 span.ssdts {
	color: #75CBCD !important;
}
h2 span.bdts {
	color: #734a19 !important;
}
h2 span.ethcre {
	color: #99A441 !important;
}
h2 span.flcr {
	color: #C66847 !important;
}
h2 span.bcc {
	color: #F7AB4C !important;
}
h2 span.bls {
	color: #F9CE5B !important;
}
h2 span.sosm {
	color: #24B5BE !important;
}
h2 span.jdts {
	color: #9F364F !important;
}

#cal {
	padding: 7px;
	margin-bottom: 36px;
	margin-top: -6px;
	padding-left: 82px;
	padding-bottom: 22px;
	width: 450px;
	font-weight: bold;
        font-size: 1.2em;
        color: #8B8B8B;
        background-color: #E5E5E5;
}


/* ----- APPLICATIONS ----- */
#appTable {
	margin-bottom: 2em;
}
#appTable tr td {
	padding-left: 1em;
	width: 100%;
}
#appTable tr td h2 {
	margin: 1em 0 0 -1em;
}
#appTable tr td a:hover, #appTable tr td a:active {
	border-bottom: none;
}

#application {
	position: relative;
	width: 900px;
        height: 100%;
	margin: 0 0 10px 0;
	z-index: 999;
        display: inline;
        border: none;
}
#application2 {
	padding: 30px 10px;
	width: 938px;
	float: left;
	padding-left: 20px;
        border: none;
}
#application3 {
	padding: 50px 0 50px 0;
	width: 912px;
	float: left;
        border: none;
}
#applicationwrap {
	margin: 0 auto;
	width: 900px;
        border: none;
}

#app-aw80, #app-ssdts, #app-bdts, #app-ethcre, #app-flcr, #app-bls, #app-bcc, #app-sosm, #app-jdts {
	padding: 7px;
	margin-bottom: 10px;
	margin-top: -6px;
	padding-left: 82px;
	padding-bottom: 2px;
	width: 450px;
	font-weight: bold;
        color: #8B8B8B;
        background-color: #E5E5E5;
}

#app-style {
	padding: 7px;
	margin-bottom: 10px;
	margin-top: -6px;
	padding-left: 12px;
	padding-bottom: 2px;
	width: 520px;
	font-weight: bold;
        color: #8B8B8B;
        background-color: #E5E5E5;
}

/* ----- STAFF PROFILES ----- */

.member {
	position: relative;
	width: 941px;
	margin-bottom: 2em;
	padding-bottom: 2em;
	background: transparent url(images/profileBdr.gif) no-repeat bottom left;
}
.member.last {
	background: none;
}

.bio {
	float: left;
	width: 541px;
	margin: 0 15px 0 2px;
	text-align: justify;
	text-justify: newspaper;
}

.bio h3 {
	font-size: 1.1em;
}
.bio h4 {
	font-size: 1.3em;
        color: #47899E;
        margin-bottom: 10px;
}
.member .photo {
	float: left;
	width: 365px;
	margin-left: 15px;
	text-align: center;
}
.photo img, .photos img {
	border: 10px solid #efefef;
}
.photo img.caption, .photos img.caption {
	border-bottom-width: 25px;
	margin: 25px 0 -22px 0;
}
.photo img.first, .photos img.first {
	margin-top: 0;
}