/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

html, body {
    font-family: verdana,arial,helvetica,sans-serif;
    text-align: left;
    background: #B482FF;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

img {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    
}

img.border {
	border:1px solid #4E1C97;
}

p {
    font-size: 14px;
    margin: 4px 0;
    line-height: 20px;
}

p.intro {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 0;
}

h1 {
    font-size: 24px;
    margin: 7px 0;
    color: #4E1C97;
    font-family: arial;
}

h3 {
    margin: 15px 0 5px 0;
    font-size: 15px;
    color: #000000;
}

h4 {
    color: #4E1C97;
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 16px;
    text-decoration: underline;
}

h5 {
    font-size: 14px;
    margin: 20px 0 10px;
}

a { color: #4E1C97; }
a:hover { color: #000000; }

/* Useful Classes */
.top { vertical-align: top; }
.right { text-align: right; }
.bold { font-weight: bold; }
.noBorder { border: 0; }
.clear { clear: both; }

/* Site Wide Styling */
div#container {
    width: 775px;
    background: #FFFFFF;
}

div#mainPage {
    background-color: #FFF;
    padding: 12px 19px 19px;
    overflow: auto;
}

div#headerImage {
    margin-bottom: 20px;
    overflow: hidden;
}

div#header {
	background-image:url(/images/masthead-background.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	padding:0;
	width:771px;
	height: 90px;
}

div#header div#jbdLogo {
    margin-left: 5px;
}

div#header .topRight {
    float: right;
}

div#header .topLinks {
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}

div#header .topLinks ul {
    margin: 0;
    padding: 0;
}

div#header .topLinks li {
    list-style: none;
    display: inline;
    font-size: 11px;
    color: #666666;
}

div#header .topLinks li a {
    color: #666666;
    font-size: 11px;
}

div#mainSidebar {
    width: 170px;
    float: left;
    overflow: auto;
    padding-bottom: 20px;
    padding-right: 10px;
}

div#mainSidebar a {
    display: inline;
}

div#mainSidebar img {
    margin: 10px 0;
}

div#breadcrumbs {
    color: #666666;
    margin-bottom: 14px;
    font-size: 11px;
}

div#breadcrumbs a {
    text-decoration: underline;
    font-size: 11px;
    color: #666666;
}

div#pageContent {
    background-color: #FFF;
    margin-left: 180px;
    overflow: auto;
    padding-bottom: 15px;
}

div#fileDownload {
    margin-top: 20px;
}

/* Errors */
div#error {
    background: #FFEEEE;
    padding: 10px;
    border: 2px solid #DB2929;
    margin-bottom: 15px;
}

div#error ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div#error li {
    padding: 3px 0;
}

/* Success */
div#success {
    background: #dbffcb;
    padding: 10px;
    border: 2px solid #3e9907;
    margin-bottom: 15px;
}

/* Content Sidebar */
div#contentSidebar {
    float: right;
    width: 200px;
    margin-left: 15px;
}

div#contentSidebar div.sidebarItem {
    margin-bottom: 20px;
}

div#contentSidebar h6 {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    font-family: arial,helvetica,sans-serif;
    background: #4E1C97;
    padding: 5px 0 5px 8px;
    margin: 0;
}

div#contentSidebar div.sidebarInfo {
    background: #D6BAFF;
    padding: 8px 15px;
    font-size: 11px;
}

/* Text With Image */
div#textAndImage {
    margin-bottom: 35px;
}

div#textAndImage ul {
    margin: 0 0 0 40px;
    padding: 0;
}

div#textAndImage div.leftImage {
    border: 1px solid #CCCCCC;
    padding: 1px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
 
div#textAndImage div.rightImage {
    border: 1px solid #CCCCCC;
    padding: 1px;
    margin-left: 10px;
    margin-bottom: 10px;
    float: right;
}

 

/* Home Page */
body.homeBody div#homeHeaderImage {
    background: url(/images/donate-home.gif) no-repeat top center;
    width: 730px;
    height: 210px;
    margin-bottom: 20px;
}

body.homeBody div#homeHeaderImage a {
    display: block;
    height: 100px;
    /*left: 50px;*/
    left:540px;
    top:11px;
    /*top: 181px;*/
    position: relative;
    text-indent: -3000px;
    width: 290px;
}


body.homeBody h1 {
    background: url(/images/titles/life-changing.gif) no-repeat top left;
    height: 50px;
    overflow: hidden;
    text-indent: -3000px;
    width: 250px;
}

/* About Us */
body.aboutBody div#contentSidebar div.sidebarInfo ul {
    margin: 0;
    list-style: none;
    padding: 10px 0;
}

body.aboutBody div#contentSidebar div.sidebarInfo ul li {
    margin-bottom: 9px;
}

/* About Us - Meet The Team */
body.aboutBody div#contentSidebar div.sidebarInfo ul#meetTeam {
    margin: 0;
    padding: 0;
}

body.aboutBody div#teamContent div.memberImage {
    float: left;
    margin: 5px 10px 5px 0;
}

body.aboutBody div#teamContent div.memberImage img {
    border: 1px solid #4E1C97;
}

body.aboutBody div#teamContent ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

body.aboutBody div#teamContent ul h5 {
    margin: 6px 0;
}

/* Building - Headers - Locations*/

div#cherry-tree-court {
    background: #EA8320 url(/images/headers/ctc.jpg) no-repeat 20px 0;
    height: 210px;
    width: 737px;
}

div#fairacres {
    background: #EA8320 url(/images/headers/fair.jpg) no-repeat 20px 0;
    height: 210px;
    width: 737px;
}

div#frances-dick-james-court {
    background: #EA8320 url(/images/headers/FDJC4.jpg) no-repeat 20px 0;
    height: 210px;
    width: 737px;
}

div#aztec-house {
    background: #EA8320 url(/images/building-header-default.jpg) no-repeat 20px 0;
    height: 210px;
    width: 737px;
}

div#hilary-dennis-court {
    background: #EA8320 url(/images/headers/hd.jpg) no-repeat 20px 0;
    height: 210px;
    width: 737px;
}

div#milne-court {
    background: #EA8320 url(/images/headers/mc.jpg) no-repeat 20px 0;
    height: 210px;
    width: 737px;
}


div#buildingHeaderMain {
    background: #EA8320 url(/images/building-header-default.jpg) no-repeat 20px 0;
    height: 210px;
    width: 737px;
}

/* Building - Header */

div#buildingHeader ul {
    margin: 0;
    padding: 8px 0 0 0;
    list-style: none;
    width: 178px;
}

div#buildingHeader ul li {
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 0 2px 18px;
    background: url(/images/white-arrow-bullet.gif) no-repeat 10px center;
}

div#buildingHeader ul li a {
    color: #FFFFFF;
    font-weight: normal;
}

div#buildingHeader ul li.header {
    background: none;
    padding-left: 8px;
}

div#buildingHeader ul li.selected {
    background: url(/images/purple-arrow-bullet.gif) no-repeat 10px center;
}

div#buildingHeader ul li.selected a {
    text-decoration: underline;
    color: #4E1C97;
    font-weight: bold;
}

/* Building - Houses */
div#houseContent h1 {
    font-size: 23px;
}

div#houseContent #houseFeatures ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}

div#houseContent #houseFeatures li {
    padding: 4px 0 4px 15px;
    background: url(/images/purple-arrow-bullet.gif) no-repeat 2px center;
}


div#contentSidebar.house td.image {
    height: 60px;
    width: 60px;
    text-align: left;
}

div#contentSidebar.house td.title {
    height: 60px;
    text-align: left;    
}

div#contentSidebar.house img {
    border: 1px solid #4E1C97;
}

/* Our Services */
div.serviceIntro {
    margin-top: 20px;
}

div.serviceIntro div.serviceTitle {
    background: #4E1C97;
    padding: 10px;
}

div.serviceIntro div.serviceTitle h3 {
    margin: 0;
    font-size: 17px;
}

div.serviceIntro div.serviceTitle a {
    color: #FFFFFF;
}

div.serviceIntro div.serviceText {
    background: #D6BAFF;
    padding: 10px;
}

div.serviceIntro div.serviceText p {
    margin-bottom: 10px;
}

/* Events */
#eventList {
    margin-bottom: 50px;
}

#eventContent div.images {
    float: right;
    margin: 0 0 10px 10px;
}

#eventContent div.image {
    margin-bottom: 10px;
}

#eventContent div.images img {
    border: 1px solid #999999;
    padding: 1px;
}

/* News */
div.newsIntro {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
}

div.newsText p.intro {
    font-size: 14px;
}

div#newsContent div.images {
    float: right;
    margin: 0 0 15px 15px;
}

div.newsImage {
    margin-bottom: 10px;
}

div.newsImage img {
    border: 1px solid #999999;
    padding: 1px;
}

/* Links */
div#linkContent div#legend {
    background: #F6F6F6;
    float: left;
    overflow: auto;
    margin-top: 20px;
    margin-bottom: 30px;
}

div#linkContent h3 a, div#linkContent h3 a:hover {
    color: #000000;
}

div#linkContent ul {
    list-style: none;
    margin-left: 0;
    padding: 0 20px;
}

div#linkContent div#legend ul li {
    font-size: 16px;
    padding: 8px 0;
}

div#linkContent div#legend ul li a {
    font-weight: bold;
    text-decoration: underline;
}

div#linkContent div#links {
    clear: both;
}

div#linkContent div#links li {
    padding: 5px 0;
    font-size: 15px;
}

/* Newsletter Signup */
div#newsletterContent input.text {
    width: 300px;
    font-size: 14px;
}

/* Contact Form */
div#contactContent #contactUs {
    margin-top: 20px;
}

div#contactContent textarea {
    height: 100px;
}

div#contactContent .text {
    font-family: tahoma;
    width: 300px;
    font-size: 14px;
}

/* Help */
#donateForm input#amount {
    width: 100px;
}

div#poweredByWP {
    background: transparent url(/images/worldpay/worldpay.gif) no-repeat scroll left top;
    height: 33px;
    margin: 4px 0 10px;
    overflow: hidden;
    text-indent: -3000px;
    width: 139px;
}

div#allCards {
    background: transparent url(/images/worldpay/allcards2.jpg) no-repeat scroll left top;
    height: 54px;
    margin: 4px 0;
    overflow: hidden;
    text-indent: -3000px;
    width: 456px;
}

/* Footer */
div#footerContent {
    margin-left: 180px;
    margin-top: 40px;
    clear: both;
}

div#footerContent, div#footerContent p {
    color: #666666;
    font-size: 11px;
}

div#footerContent div#tclInfo {
    clear: both;
    margin-top: 10px;
}

div#footerContent div#validatorLogos {
    overflow: auto;
}

div#footerContent div#validatorLogos img {
    float: left;
    margin-right: 10px;
}

div#frontNews{
margin:1em 10px;
padding:0 0 1em;
float:left;
line-height:130%;
padding:0 0 1em;
position:relative;
voice-family:inherit;
width:150px;
}

div#frontNews p.title {
	
	font-weight: bold;
    font-size: 18px;
    color:#4E1C97;
}

div#frontNews p{
    font-size: 14px;
}

div#frontBuild {
	margin:1em 10px;
	padding:0 0 1em;
	font-weight:bold;
	line-height:160%;
	float:left;
	width:150px;	
	}
div#frontBuild ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:8px 0 0;

}

div#frontBuild p.title {
	
	font-weight: bold;
    font-size: 18px;
    color:#4E1C97;
}

div#frontServices {
	margin:1em 10px;
	padding:0 0 1em;
	font-weight:bold;
	line-height:160%;
	float:left;
	width:150px;	
	}
	
div#frontServices a {

    font-size: 15px;
	}	
	
div#frontServices p.title {
	
	font-weight: bold;
    font-size: 18px;
    color:#4E1C97;
}

div#frontServices p.intro {
	
	font-weight: normal;
    font-size: 13px;
}

div#helpBox {
	background-color:#FFCC99;
	float:left;
	height:200px;
	margin:0 1em 1em 0;
	padding:0.5em;
	position:relative;
	width:44%;
	}

div#helpBox p.intro {
	font-weight: bold;
    font-size: 15px;
	}
	
div#servicesBox {
	float:left;
	position:relative;
	width: 96%;
	height: 40px;
	background-color:#4E1C97;
	}
	
div#servicesBox p.intro{
	margin: 5px 0 0 1em;
	font-weight: bold;
    font-size: 16px;
    color:#FFFFFF;
}

div#footerServicesBox {
	float:left;
	position:relative;
	width: 96%;
	height: 80px;
	background-color:#D6BAFF;
	}

div#footerServicesBox p.text {
	margin: 5px 1em 1em 1em;
	font-weight: normal;
    font-size: 16px;

}
	
/* PHOTO GALLERIES */
div#photoGalleries div.feature { float: left;
                                 background-color: #F6F6F6; padding: 10px; width:200px;}
div#photoGalleries div.standard { float: left; border: 2px solid #E8E8EA;
                                  padding: 10px; width: 180px; margin-bottom: 20px; }
div#photoGalleries div.marginRight { margin-right: 20px; }
div#photoGalleries div.marginRightThin { margin-right: 10px; }
div#photoCurrent { background-color: #F1F5F8; padding: 10px; }
div#photoCurrent {  text-align: center; }
div#photoCurrent div { height: 355px; text-align: center; }
div#photoCurrent div img { cursor: pointer; }
table#photoCurrentNav { margin-left: 65px; padding: 10px; width: 462px; }
table#photoCurrentNav tr td { width: 33%; padding: 5px; text-align: center; }
td#gallery a img { border: 0px;}
.photoEnlarge img { border: 0px; }
div#photoList { margin-top: 20px; }
div#photoList div.photoItem { float: left; width: 80px; margin: 0px 0px 3px 0px; }
div#photoList div.photoItem img { cursor: pointer; }
div#photoCurrentNav div { width: 100px; }
div.seperator { clear: both; height: 20px; border-bottom: 1px dashed #219FBD;
                margin-bottom: 20px; }


div#photoGalleries { margin: 0px; padding: 0px; width: 520px; float: right; }
div#photoGalleries div#gallery { margin: 0px; padding: 0px; }
div#photoGalleries div.display { background-color: #F1F5F8; text-align: center;
                              overflow: hidden; width: 100%; height: 480px;
                              cursor: pointer; margin: 0px; padding: 0px; }
div#photoGalleries div.display img { margin: 0px auto; }
div#photoGalleries div.nav { width: 100%; overflow: hidden; }
div#photoGalleries div.nav div { padding: 10px; width: 230px; float: left;
                               text-align: center; }
div#photoGalleries div.nav div img { border: 0px; }
div#photoGalleries div.images { width: 100%; overflow: auto; height: 290px; }
div#photoGalleries div.images table tr td { margin: 3px; width: 81px;
                                    height: 81px; text-align: center;
                                    vertical-align: middle; }
div.loading { background-image: url('/images/ajax_loader_photos.gif');
             background-repeat: no-repeat; text-align: center; padding-top: 400px;
             background-position: center; }
div.teamMember p{
	min-height:70px;
	}