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

body {
	background: #999 url(images/background.gif) repeat;
	font-family: arial, verdana, sans-serif;
}

#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/headbg.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: #33697f;
}
#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; }

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

#header a#logo {
	position: relative;
	top: 25px;
	left: 140px;
	display: block;
	width: 375px;
	height: 65px;
	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: 49px;
	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 #9cb7c0;
}
#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: #33697f none;
	border: 1px solid #9cb7c0;
	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: #4c8197;
}
#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: #4c8197;
}

#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 #9cb7c0;
}

#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;
}

/* ----- 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;
	border-bottom: 1px dotted;
	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;
}
#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;
}

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

#sitemap ul {
	float: left;
	margin: 0 30px;
	max-width: 130px;
	list-style: square outside;
	color: #b2dae7;
	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: #b2dae7;
}
#sitemap ul li a:hover, #sitemap ul li a:active {
	color: #fff;
}
#footer {
	width: 947px;
	margin-top: 2px;
	padding: 15px 15px 11px;
	background-color: #cbcbcb;
	font-family: verdana, arial, sans-serif;
}


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

h2 span.aw80 {
	color: #98b414 !important;
}
h2 span.ssdts {
	color: #5ba0b6 !important;
}
h2 span.bdts {
	color: #734a19 !important;
}
h2 span.ethcre {
	color: #5ba0b6 !important;
}
h2 span.flcr {
	color: #5ba0b6 !important;
}
h2 span.bcc {
	color: #ff7607 !important;
}
h2 span.bls {
	color: #98b414 !important;
}
h2 span.cfm {
	color: #734a19 !important;
}

#cal-aw80, #cal-ssdts, #cal-bdts, #cal-ethcre, #cal-flcr, #cal-bls, #cal-bcc, #cal-cfm {
	position: relative;
	padding: 1em;
	margin-bottom: 2em;
	width: 516px;
	font-weight: bold;
        font-size: 1.2em;
}
#cal-aw80 {
	background-color: #b9ca67;
}
#cal-ssdts {
	background-color: #93becc;
}
#cal-bdts {
	background-color: #a2896a;
}
#cal-ethcre {
	background-color: #93becc;
}
#cal-flcr {
	background-color: #93becc;
}
#cal-bls {
	background-color: #b9ca67;
}
#cal-bcc {
	background-color: #f9a45f;
}
#cal-cfm {
	background-color: #a2896a;
}

/* ----- 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;
}

/* ----- 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;
}
.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;
}