@import url("css/reset.css");
@import url("css/typography.css");


/* The Big Stuff */

body {
	text-align: center;
	background: url('images/bodybg.gif') top repeat-x #656769;
	font-size: 62.5%;
	font-family: 'trebuchet ms', verdana, arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
}
div#body { width: 781px; text-align: left; margin: 0 auto 0 auto; background: url('images/wrapbg.gif') left repeat-y; text-align: left; }
div#header { width: 781px; height: 167px; position: relative; }
div#frame { text-align: left; width: 781px; background: url('images/contentbg.gif') top left no-repeat; }

/* Header (Logo, mainly)  */

div#header h1 { margin-left: 15px; width: 450px; height: 99px; display: block; text-indent: -999em; background: url('images/logo.gif') top left no-repeat; float: left; overflow: hidden; }
div#header h1 a { display: block; width: 450px; height: 99px; }
div#motto {
	width: 290px;
	height: 71px;
	display: block;
	float: left;
	position: absolute;
	top: 41px;
	right: 20px;
}

div#header div.search { position: absolute; top: 10px; right: 20px; padding-left: 60px; background: url('images/search.gif') left 2px no-repeat; }
div#header input.searchInput { font-size: 1.2em; }
div#header input.searchButton { width: 24px; height: 19px; background: url('images/searchbutton.gif') left 2px no-repeat; border: none; text-indent: -999em; }


/* Navigation
--------------------------------------- */

div#navigation {
	width: 610px;
	height: 35px;
	display: block;
	padding-left: 120px;
	padding-top: 5px;
	position: absolute;
	top: 123px;
	right: 20px;
	left: 24px;
}


/* Links */
a {
	color: #a01029;
}
a:hover {
	color: #a01029;
}
a:visited {
	color: #c5c3b6;
}

/* Menu */
div#header ul { position: absolute; bottom: 1px; right: 30px; }
div#header ul li { display: block; float: left; }
div#header ul li a { text-transform: uppercase; padding-top: 5px; text-align: center; color: #961125; text-decoration: none; display: block; float: left; width: 97px; height: 22px; background: url('images/nav_off.gif') top left no-repeat; margin-right: 10px; font-size: 1.1em; }
div#header ul li a:hover, div#header ul li.selectedPage a { background: url('images/nav_on.gif') top left no-repeat; color: white; }


/* Extras (Mainly things that are always hidden.) */
.hide { display: none; }
div.breadCrumb { display: none; }


/* Content */
div#mainCol { margin-top: 10px; width: 740px; float: right; margin-right: 32px; font-size: 1.2em; margin-bottom: 25px; }

div#main { margin-bottom: 30px; }

body.home div#one, body.home div#two { width: 237px; font-weight: bold; }
div#one{ float: left; }
div#two { float: right; }

a.readmore { width: 177px; height: 16px; float: right; background: url('images/readmore.gif') left top no-repeat; text-indent: -999em; }

/* Sidebar */

/* div#sideBar { margin-top: 10px; width: 223px; float: left; margin-left: 5px; background: url('images/divide_up.gif') 208px top no-repeat; margin-bottom: 25px; } */
/* div#sideBar-in { width: 223px; background: url('images/divide_down.gif') 208px bottom no-repeat; } */

div#sideBar div.container { text-transform: uppercase; width: 204px; height: 25px; font-size: .8em; }
div#sideBar div.container h1.title, body.home div#ministries ul li.ministries a, body div#ministries ul li.selectedPage a, div#ministries ul li.selectedPageRoot a { margin-right: 10px; color: #505154; padding-top: 1px; font-size: 2em; text-transform: uppercase; font-weight: bold; text-decoration: none; }
body.home div#ministries li.ministries a:hover, body div#ministries li.selectedPage a:hover, body div#ministries li.selectedPageRoot a:hover { cursor: text; }

div#ministries { position: relative; margin-bottom: 30px; text-align: right; width: 204px; font-size: .8em; }
div#ministries div.container { background: url('images/sidebarh1.gif') right top no-repeat; width: 204px; }
body.home div#ministries li.ministries, body div#ministries li.selectedPage, body div#ministries li.selectedPageRoot  { margin-top: -31px; *margin-top: -44px; list-style-type: none; }
body.home div#ministries li.ministries { *margin-top: -12px; }
body.home div#ministries li.ministries ul, body div#ministries li.selectedPage ul, body div#ministries li.selectedPageRoot ul { margin-top: 15px; }
body.home div#ministries li.ministries ul li, body div#ministries li.selectedPage ul li, body div#ministries li.selectedPageRoot ul li { margin-bottom: 15px; width: 190px; list-style-type: none; }
body.home div#ministries li.ministries ul, div#ministries li.selectedPage ul, div#ministries li.selectedPageRoot ul { width: 204px; margin-left: 0; padding-left: 0; }
body.home div#ministries ul li.ministries ul li a, div#ministries ul li.selectedPage ul li a , div#ministries ul li.selectedPageRoot ul li a { padding-right: 20px; margin-right: 55px; background: url('images/bullet_off.gif') right 6px no-repeat; text-decoration: none; text-transform: capitalize; font-size: 1.6em; font-weight: bold; color: #1a1818; }
body.home div#ministries li.ministries ul li a:hover, body.home div#ministries li.ministries ul li.selectedPage a, div#ministries li.selectedPage ul li a:hover, div#ministries li.selectedPageRoot ul li.selectedPage a, div#ministries li.selectedPageRoot  ul li a:hover, div#ministries li.selectedPageRoot ul li.selectedPage a { background-image: url('images/bullet_on.gif'); color: #black; cursor: pointer; }
div#ministries li, body.home div#ministries ul li.selectedPage a { display: none; }
body.home div#ministries ul li.ministries, body div#ministries ul li.selectedPage, body div#ministries ul li.selectedPageRoot {display: block; }
body.home div#ministries ul li.ministries a, div#ministries ul li.selectedPage a, div#ministries ul li.selectedPageRoot a { background: none; top: 0; right: 0; }
body.home div#ministries ul li.ministries ul li, body div#ministries ul li.selectedPage ul li, body div#ministries ul li.selectedPageRoot ul li { display: block; }

body div#ministries ul li.selectedPageRoot ul li.selectedPage { margin-top: 15px; *margin-top: 0; }


div#calendar { width: 204px; text-align: right; background: url('images/sidebarbg.gif') right 25px repeat-y; }
div#calendar div.container { background: url('images/sidebarh2.gif') right top no-repeat; }
div#calendar div.eventsElement ul { width: 204px; margin-left: 0; padding-left: 0; }
div#calendar div.eventsElement ul li { list-style-type: none; width: 204px; font-size: 1.38em; margin-bottom: 20px; }
div#calendar div.eventsElement div.eventDate { color: #b0b0b3; font-size: .7em; text-transform: uppercase; margin-right: 20px; } 
div#calendar div.eventsElement ul li a { color: #b0b0b3; text-decoration: none; margin-right: 20px; }
div#calendar div.eventsElement ul li:hover a, div#calendar div.eventsElement ul li.sfhover a { color:  #1a1818; }
div#calendar div.eventsElement ul li:hover div.eventDate, div#calendar div.eventsElement ul li.sfhover div.eventDate { color: #961125; }

/* Inside */
/* body.inside div#one { width: 300px; background: url('images/divide_up.gif') right top no-repeat; padding-right: 20px; } */
/* body.inside div#one div#one-in { background: url('images/divide_down.gif') right bottom no-repeat;  width: 300px; padding-right: 20px; } */
body.inside div#two { width: 170px; margin-top: 40px; }
body.inside div#main { margin-bottom: 0; }

/* Text Elements */
div.textElement { color: #1a1818; font-weight: normal; }
div.textElement h1, div#mainCol h1.title { text-transform: uppercase; font-weight: normal; color: #515255; }
div.textElement h1 span, div#mainCol h1.title span { color: #961125; }
div.textElement h2 { color: #961125; font-size: 1.1em; font-weight: bold; }
div.textElement p { font-size: 1em; }


/* Footer */
div#footer { margin-top: 25px; position: relative; clear: both; width: 781px; height: 23px; background: url('images/footerbg.gif') top left no-repeat; color: white; text-align: right; padding-top: 3px; position: relative; }
div#footer span { padding-right: 10px; background: url('images/footerdot.gif') right 6px no-repeat; }
div#footer span.last { padding-right: 0; background: none; margin-right: 90px; }

div#cred { width: 62px; overflow: hidden; float: right;margin-right: 15px; position: relative; bottom: 13px; }
div#cred a { width: 62px; height: 12px; background: url('images/cred.gif') top left no-repeat; float: right; }

/* Admin */
body.editing div#main { width: 85%; margin-left: 7%; }

/* <textEditor> */
a.readmore { width: 177px; height: 16px; float: right; background: url('images/readmore.gif') left top no-repeat; text-indent: -999em; }
/* </textEditor> */

/* IE Fix */
*div#header h1 { margin-top: 11px; }
*div#header ul { bottom: 11px; }
*div#ministries li.ministries { margin-top: -44px; list-style-type: none; }
* html div#header h1 { margin-left: 10px; }
* html div#mainCol { margin-right: 10px; }
* html div#footer span.last { margin-right: 100px; }
* html div#footer { margin-bottom: -10px; }

/* Safari */

@media screen and (-webkit-min-device-pixel-ratio:0) {
div#header ul { bottom: -1px; }
div#header ul li a { padding-top: 7px; }
div#sideBar div.container h1.title { padding-top: 5px; }
div#cred { bottom: 10px; }
}