/*
'All source code and design by Bowers Programming
'Source code copyright © 1999, 2006 Randy Bowers, Bowers Programming.
'Source code designated intellectual property of Bowers Programming.
'phn: 360.671.5280
'eml: randy@bowersprogramming.com
'web: www.bowersprogramming.com
'Text and photographs copyright © 2006 Saint James Presbyterian.
'All rights of copyright holders are reserved.
*/
* { margin:0px; padding:0px; }
html { height:100%; }

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: 13px verdana, arial, helvetica, sans-serif;
color: #000000;
background: #fdf9eb url(images/background.gif) repeat-y top center;
text-align: center;
}

#splash {
left:50%;
}

#hcenter {
/* horizontally centers the wrapper. This is done by having the margins (top and left) 
   negative of half the size of the field we want to center). Position must be absolute 
   and top and left settings are at 50%. Works in IE5.5+, Opera 7+, Mozilla, Netscape 7+.
*/
border: 0px solid #8f1919;
background-color: transparent;
text-align: center;
margin-top: 0px;
margin-left: -470px;
position: absolute;
left: 50%;
width: 940px;
visibility: visible;
}

#outer {
margin-top: 30px;
border: 1px solid #000066;
background-color: transparent;
text-align: left;
width: 100%;
visibility: visible;
}


#inner {
border: 2px solid #000066;
background-color:#FFFFFF;
padding-bottom:20px; /*remove this when you bring the footer back in*/
margin: 2px 2px 2px 2px;
color:#000000;
}

#header {
position:absolute;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
left:50%;
top:35px;
margin-left:-466px;
margin-top:0px;
margin-bottom:0px;
width:932px;
height:150px;
visibility:visible;
background: transparent url(images/header.jpg) no-repeat top center;
}

#content {
    padding:20px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
    background:transparent;
    width:910px;
    min-height:300px;
}

#footer {
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px !important;
background: #8f1919;
display:block;
width:100%;
height:24px;
font-family:"century gothic", arial, verdana, helvetica, sans-serif;
font-weight:bold;
font-size:13px;
line-height:22px;
color:#eae8e8;;
text-align:center;
}

#copyright {
position:relative;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
color:#000000;
text-align:center;
font-family: arial, verdana, helvetica, sans-serif;
font-size:12px;
font-weight:normal;
background:transparent;
width:100%;
}

/* %%%%%%%%%%%%%%%%%%%% begin main nav %%%%%%%%%%%%%%%%%% */
#nav_wrap {
position:relative;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width:100%;
    height:25px;
    background:transparent;
}

#nav_bar {
    width: 100%;
    background: #000066;
    height:25px;
    padding:0px 0px 0px 0px;
    margin:150px 0px 0px 0px;
    clear:both;
}


#nav_bar ul { list-style: none; }

#nav_bar li {
    float: left;
    position: relative;
    text-align: left;
    cursor: default;
    background: #000066; }

#nav_bar li.about, #nav_bar li.youth, #nav_bar li.adult, #nav_bar li.outreach, #nav_bar li.resources, #nav_bar li.news  {
    font-family:"century gothic", arial, verdana, helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    color:white;
    padding:3px 0px 0px 0px;
    white-space: nowrap;
    background: transparent;
    display: block;
    width: 175px;
    height: 20px;
    z-index:10;
    border-right: 1px solid white;
}

#nav_bar li.blank {
    background:transparent;
    white-space:nowrap;
    display: block;
    width: 15px;
    height: 20px; 
    z-index:10;
}

#nav_bar li.about:hover, #nav_bar li.resources:hover, #nav_bar li.news:hover, #nav_bar li.youth:hover, #nav_bar li.adult:hover, #nav_bar li.outreach:hover {
    background-position: 100% -40px; 
    background-color:#000066;
    color:#dddddd;
    }

#nav_bar li ul {
    background: #f3f3f8;
    display: none;
    position: absolute;
    top: 20px; /*top-down adjusts dropdown position */
    left: -1px; /*left-right adjusts dropdown position*/
    padding: 5px 0px 5px 0px; /*adjust padding around dropdown text */
    margin: 0;
    border-top: 0px;
    border-bottom: 1px solid #000066;
    border-left: 1px solid #000066;
    border-right: 1px solid #000066;
}

#nav_bar li:hover ul, #nav_bar li.over ul { display: block; }


#nav_bar #about_menu, #nav_bar #youth_menu, #nav_bar #adult_menu, #nav_bar #outreach_menu, #nav_bar #resources_menu, #nav_bar #news_menu {
    position: absolute;
    width: 170px;
    left: 0px;
    z-index: 1; 
}

#nav_bar li > ul { 
    top: auto;
    left: auto; 
}

#nav_bar li li {
    white-space: nowrap;
    display: block;
    float: none;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0;
    background: #370505; /*color of background behind dropdown text*/
    border: 0px; 
}

#nav_bar #nav a { font-weight: bold; text-decoration: none; }

#nav_bar #nav li li a {
    /*settings for dropdown text when not hovered*/
    padding-left:5px;
    display: block;
    font: bold 11px arial, helvetica, sans-serif, verdana; 
    width: 170px;
    color:#444444;
    background: #f3f3f8;
}

#nav_bar #nav li li a:hover {
    /*settings for dropdown text when hovered*/
    padding-left:5px;
    display: block;
    font: bold 11px arial, helvetica, sans-serif, verdana;
    width: 170px; 
    color: #444444;
    background: #d3d3d8;
}

/* %%%%%%%%%%%%%%%%%%%% end main nav %%%%%%%%%%%%%%%%%% */


p {margin-top:0px; margin-bottom:10px; font: 13px verdana, arial, helvetica, sans-serif}

#content ul, ul.content {
    list-style-position: outside;
    list-style-type:disc;
	margin-left: 30px;
	padding-left: 1em;
	text-indent: -1em;
}

table.content {
    border:1px solid #8f1919;
    padding:5px 5px 5px 5px;
    margin:10px 10px 10px 10px;    
}

select, input, textarea {
font-size: 11px; 
line-height: 13px; 
font-style: normal; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

option {
padding-right:5px;
}

.content_ad {
    float:right;
    margin-left:25px;
}

img.border {
    border:2px solid #000066;
}

img.left {
float:left;
margin-right:10px; margin-bottom:10px;
}

img.right {
float:right;
margin-left:10px; margin-bottom:10px;
}

table.curriculum td {padding-bottom:15px;}

hr {
    width:100%; 
    height:3px; 
    color:#000066; 
    margin-top:10px; 
    margin-bottom:10px;
}