@charset "utf-8";
/* CSS Document */
/* Gold = FFD200; Green = 006225 */
body {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; background-image:url(../images/site-layout/body-background.gif); background-repeat:repeat-x; background-color:#FFD200}
h1 {font-size: 1em; color: #006600; text-align: center; margin-top: 0.5em; margin-bottom: 0.5em; padding-left: 8px}
.indent {padding-left:3em}
h2 {font-size: 0.88em; font-weight: bold; color: #003300; text-align: left; margin-bottom: -10px; padding-left: 8px}
h3 {font-size: 0.75em; font-weight: bold; color: #006600; text-align: left; margin-bottom: -10px; padding-left: 8px}
h2 a {color: #003300; text-align: left; margin-bottom: -10px}
p a, .cell a, h1 a, .normal a {color: #003300}
p a:hover, .cell a:hover, h1 a:hover, .normal a:hover {color: #006600}
p {text-align: left; font-size: 0.75em; padding-left: 8px; padding-right: 8px}
.center {text-align:center}
#top-container {width: 100%; background-image:url(../images/site-layout/stseb-menubackgreen.png); background-repeat:repeat-x; padding: 0; margin: 0; height: 98px}
#top-container2 {width: 990px; margin-left: auto; margin-right: auto}
#logo {float: left; width: 386px; height: 98px}
#menu {float: right; background-image:url(../images/site-layout/images/back_02.png); background-repeat:no-repeat; width: 604px; height: 98px}
#search {height: 30px; overflow: hidden; text-align: right; padding: 0; margin: 0}
#search input {padding-top: 2px}
#menuitem-church, #menuitem-school, #menuitem-foundation, #menuitem-give, #menuitem-contact {height: 50px; text-align:center; font-size: 0.9em; font-weight: bold; width: 120px; padding-top: 17px; cursor: pointer}
#menuitem-church a, #menuitem-school a, #menuitem-foundation a, #menuitem-give a, #menuitem-contact a {color:#FFD200; text-decoration:none;}
#menuitem-church-selected a, #menuitem-school-selected a, #menuitem-foundation-selected a, #menuitem-give-selected a, #menuitem-contact-selected a {color:#006225; text-decoration:none;}
#menuitem-church-selected, #menuitem-school-selected, #menuitem-foundation-selected, #menuitem-give-selected, #menuitem-contact-selected {background-image:url(../images/site-layout/menu-item-selected.gif); background-repeat:repeat-x; height: 50px; text-align:center; font-size: 0.9em; font-weight: bold; width: 120px; padding-top: 17px; cursor: pointer}
#top2-container {clear: both; width: 990px; margin-left: auto; margin-right: auto; padding: 0; height: 172px}
#top {float: left; background-image:url(../images/site-layout/images/back_03.png); background-repeat:repeat-y; width: 495px; height: 172px; padding: 0; margin: 0;}
#show {margin-left: 21px; height: 172px}
.head { text-align: center; font-size: 0.75em; font-weight: bold; border-top: 1px solid #060; border-right: 1px solid #060; border-bottom: 1px solid #060; }
.firsthead { text-align: center; font-size: 0.75em; font-weight: bold; border: 1px solid #060}
.secondhead { text-align: center; font-size: 0.75em; font-weight: bold; border-left: 1px solid #060; border-bottom: 1px solid #060; border-right: 1px solid #060; }
.firstheadnb { text-align: center; font-size: 0.75em; border: 1px solid #060}
.cell { font-size: 0.75em; border-right: 1px solid #060; border-bottom: 1px solid #060; }
.firstcelltop { text-align: left; font-size: 0.75em; border: 1px solid #060}
.celltop { font-size: 0.75em; border-right: 1px solid #060; border-bottom: 1px solid #060; border-top: 1px solid #060 }
.firstcell {font-size: 0.75em; border-right: 1px solid #060; border-bottom: 1px solid #060; border-left: 1px solid #060}
.normal {font-size: 0.75em; line-height: 160%}
.formright {font-size: 0.75em; text-align: right}
.formleft {font-size: 0.75em; text-align: left}
.formcenter {font-size: 0.75em; text-align: center}
.bookmarks {text-align: center; font-size: 0.7em}
.bookmarks a {color: #006600}
.bookmarks a:hover {font-weight: bold}
.righth1 {font-size: 0.9em; text-align: center; font-weight: bold; color: #003300; margin-top: 0px; margin-bottom: 0px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding-top: 4px}
.righth2 {font-size: 0.8em; text-align: center; font-weight: bold; color: #003300; margin-top: 3px; margin-bottom: 0px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif}
.rightp {font-size: 0.75em; text-align: center; margin-top: 0px; margin-bottom: 0px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding-left: 2px; padding-right: 2px; padding-bottom: 4px}
.center {text-align: center}
.topmenleft {text-align: left; font-size:0.75em; font-weight:bold; padding-left: 8px; padding-right: 1em}
.topmen {text-align: left; font-size:0.75em; font-weight:bold; padding-left: 1em; padding-right: 1em}
.topmenleft a {color: #006600; text-decoration: none}
.topmenleft a:hover {text-decoration: underline}
.topmen a {color: #006600; text-decoration: none}
.topmen a:hover {text-decoration: underline}
.quick-link-image {text-align:center; padding-bottom: 14px}
.quick-link-text {font-size:10px; padding-bottom: 14px}
/* 
  ad size is 458px width by 172 px height
  xml url is http://www.stsebastian.org/v3flashslideshow/slideshow_data1.xml
*/
#right-top {float: right; background-image:url(../images/site-layout/images/back_04.png); background-repeat:no-repeat; width: 495px; height: 172px; padding: 0; margin: 0}
#right-top-col1 {float: left; width: 140px; margin-right: 10px; margin-left: 16px; overflow: hidden; height: 170px; _margin-left: 10px}
#right-top-col1 p {_padding-bottom: 0px; _margin: 0; _padding-left: 0}
#right-top-col2 {float: left; width: 140px; margin-right: 10px; margin-left: 10px; overflow: hidden; height: 170px; _margin-left: 6px; _margin-right: 0px}
#right-top-col3 {float: left; width: 140px; margin-right: 10px; margin-left: 10px; overflow: hidden; height: 170px; _margin-left: 12px}
#right-top-col3 li {_padding: 0; _margin: 0}
/* these may need adjusted for each sub site based on content */
#right-top-col1 h1, #right-top-col2 h1, #right-top-col3 h1 {font-size: 11px; font-weight: bold; text-align: center; margin-top: 0; padding-top: 1px; padding-left: 1px; color: #006225}
#right-top-col1 p, #right-top-col2 p, #right-top-col3 p {font-size: 10px; padding-left: 2px; color: #42210B}
#right-top-col1 h1, #right-top-col1 p {padding-top: 2px; padding-bottom: 2px; margin-top: 0; margin-bottom: 0}
/* end right-ad cols adjustments */
#right-top-col1 a, #right-top-col2 a, #right-top-col3 a {color: #024C1C}
#right-top-col1 a:hover, #right-top-col2 a:hover, #right-top-col3 a:hover {color: #333333; text-decoration: none}
#spacer {clear: both; background-image:url(../images/site-layout/images/back_05.png); width: 990px; height: 40px; background-repeat:no-repeat; margin-left: auto; margin-right: auto; padding: 0}
#content-container {width: 990px; margin-right: auto; margin-left: auto; padding: 0;}
#content-container2 {background-image:url(../images/site-layout/images/back_09.png); background-repeat:repeat-y}
#content {float: right; background-image:url(../images/site-layout/images/back_07.png); background-repeat:repeat-y; width: 780px;}
.clear {clear: both}
#content p {font-size: 0.8em; padding-left: 0.5em; padding-right: 1.25em; color: #333333; line-height: 130%}
#content h1 {font-size: 1.05em; color: #006225; padding-left: 0.5em; padding-right: 1.25em}
#content h2 {font-size: 0.95em; color: #006225; padding-left: 0.5em; padding-right: 1.25em}
#content a {color: #024C1C}
#content a:hover {color: #000000; text-decoration: none}
/*#content a:visited {color: #508C66; text-decoration:none}*/
#bottom-spacer {background-image:url(../images/site-layout/images/back_08.png); background-repeat:no-repeat; clear: both; width: 990px; margin-right: auto; margin-left: auto; height: 20px}
#footer {text-align: center; font-size: 0.7em; line-height: 140%}
#footer a {text-decoration: none; color: #024C1C}
#footer a:hover {color: #000000}
#footer a:visited {color: #508C66}

/* begin menu code */
#left-menu {float: left; background-image:url(../images/site-layout/images/back_06.png); width: 210px; background-repeat:repeat-y}

#left-menu-proper {padding-left: 16px}


#nav { color: #fff; font-size: 0.8em; font-family: Helvetica, sans-serif; background-color: #FFD200; }

#nav, #nav ul { /* all lists */
		 padding: 0; margin: 0; list-style: none; float : left; width : 184px; }
	
	#nav li { /* all list items */
		position : relative; float : left; margin-bottom : -1px; width: 184px; }
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 184px;
		margin-top : -2em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 184px;
		w\idth : 170px;
		display : block;
		color : #006225;
		font-weight : bold;
		text-decoration : none;
		background-color : #F4E8B3;
		border : solid 1px #FFD200;
		padding : .35em 0.5em;
	}
	
	#nav li a:hover {
		color : #FFD200;
		background-color : #006225;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
/* end menu code */

.green-box-top {background-image:url(../images/site-layout/green-box-images/green-box_02.jpg); background-repeat:repeat-x}
.green-box-left {background-image:url(../images/site-layout/green-box-images/green-box_04.jpg); background-repeat:repeat-y}
.green-box-right {background-image:url(../images/site-layout/green-box-images/green-box_06.jpg); background-repeat:repeat-y}
.green-box-bottom {background-image:url(../images/site-layout/green-box-images/green-box_08.jpg); background-repeat:repeat-x}
#secondary-top-menu {position: relative; top: -22px; text-align:center; font-size: 0.75em; margin-left: auto; margin-right: auto; padding-left: 1em; padding-right: 1em}
#secondary-top-menu a {color:#FFD200; text-decoration: none}
#secondary-top-menu a:hover {color:#9B893E}
.sub-menu-ce {background-image:url(../images/inside-menu-images/center-sub-menu.png); background-repeat:repeat-x;}
.sub-menu-spacer {background-image:url(../images/inside-menu-images/center-sub-menu.png); background-repeat:repeat-x; padding-left: 0.25em; padding-right: 0.25em; color: #999}