/* CalvaryLife: Cascading Style Sheet */

body {
background:#4391b1 url(../img/page_bkgd.png) top center repeat-x;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:small;
margin:0 auto;
padding:0;
}

/* --- Default Link Settings --------- */

a {
color:#036;
text-decoration:underline;
}

a:hover {
color:#600;
text-decoration:underline;
}

/* --- Header Text - H1, H2, H3 --------- */

h1,h2,h3 {
color:#000;
font-family:Verdana, Helvetica, Arial, sans-serif;
margin:0px;
}

h1 {
background:transparent url(../img/bullet_h1.png) no-repeat 0 50%;
border-bottom:1px solid gray;
color:#5b0101;
font-size:145%;
font-weight:600;
padding:2px 0 3px 24px;
margin-bottom:4px;
}

h2 {
background:transparent url(../img/bullet_h2.png) no-repeat 0 50%;
color:#036;
font-size:130%;
font-weight:400;
padding:2px 0 3px 24px;
}

h3 {
background:transparent url(../img/bullet_h3.png) no-repeat 0 50%;
color:#5b0101;
font-size:115%;
font-weight:200;
padding:2px 0 3px 24px;
}

/* --- Header --------- */

#header {
background:transparent;
color:#fff;
position:relative;
width:800px;
margin:0 auto;
padding:7px 0px;
margin-top:0px;
text-align:center;
}

#header a {
color:#fff;
border-bottom:white dotted thin;
text-decoration:none;
}

#header a:hover {
color:#fff;
border-bottom:white solid thin;
text-decoration:none;
}

/* --- Wrap --------- */

#wrap-outer {
background:#2a1509 url(../img/cl_bkgd.jpg) repeat top center;
height:100%;
text-align:left;
width:800px;
margin:0px auto;
padding:0px;
border:#05111b solid medium;
}

#wrap-inner {
background:transparent url(../img/wrap_bkgd.jpg) repeat-y top center;
height:100%;
text-align:left;
width:784px;
margin:0px auto;
margin-top:7px;
margin-bottom:7px;
padding:0px;
}

/* --- Main Menu Navigation System --------- */

#menu { /*universal settings for the main menu div*/
background:transparent;
font-size:9pt;
height:48px;
margin:0 auto;
padding:0;
position:relative;
width:784px;
border-top:thin solid black;
border-bottom:thin solid black;
}

/* --- Main Menu Nav "ul"--------- */

#nav { /*universal settings for the 9 main menu top level nav words*/
background:transparent url(../img/menu_bkgd.jpg) no-repeat top center;
height:48px;
margin:0;
padding:0;
width:784px;
}

#nav li { /*floats the main menu items*/
display:block;
float:left;
height:48px;
margin:0;
padding:8px 0 2px;
text-align:center;
width:98px;
}

#nav li ul { /*default universal settings for the subnav*/
background:#000000 url(../img/subnav_bkgd_over.jpg) no-repeat;
display:none;
height:36px;
left:0;
margin:0;
padding:0;
position:absolute;
top:24px;
width:784px;
}

#nav a { /*universal default settings for all main menu link states*/
color:#FFF;
display:block;
font-weight:700;
margin:0;
padding:0;
text-align:center;
text-decoration:none;
width:98px;
}

#nav a:hover { /*universal default settings for all main menu hover states*/ 
color:#fff;
padding:0 0 3px;
text-decoration:none;
font-weight:bold;
}

#nav li.on ul { /*default settings for the subnav "on" state*/
background:transparent url(../img/subnav_bkgd_on.jpg) no-repeat;
display:block;
}

#nav li.on a { /*default settings for all links of the "on" state*/
color:#000;
padding:0 0 3px;
}

#nav li.on {
background:transparent url(../img/menu_bkgd_on.jpg) no-repeat;
}

#nav li.off:hover ul, #nav li.over ul  { /*settings for the "off" state subnav items*/
display:block;
z-index:6000;
}

#nav li.off ul a, #nav li.on ul a { /*default state for all subnav links*/
background:transparent;
color:#FFF;
display:block;
font-family:arial, verdana, sans-serif;
font-weight:500;
text-align:center;
width:98px;
}	

#nav li.on ul a { /*settings for the "on" state subnav items*/
background:transparent;
color:#fff;
}	

/* --- IE menu formatting --------- */

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
background:transparent url(../img/subnav_bkgd_over.jpg) no-repeat;
color:#000;
font-weight:bold;
}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
background:transparent;
color:#FFF;
}

#nav li.off a:hover, #nav li:hover a, #nav li.over a { /*for ie*/
background:transparent;
color:#fff;
padding:0 0 3px;
font-weight:bold;
}

#nav li.on ul a:hover,#nav li.off ul a:hover { /*reestablish the hover properties of subnav*/
background:transparent;
color:#000;
font-weight:bold;
}

#nav li.off:hover,#nav li.over,#nav li.on:hover,#nav li.over {/*set the menu's top nav "over" background*/
background:transparent url(../img/menu_bkgd_over.jpg) no-repeat;
}

#nav li.on ul a:hover,#nav li.off ul a:hover {
background:transparent;
color:#000;
font-weight:bold;
}

#nav li.off:hover,#nav li.over,#nav li.on:hover,#nav li.over {
background:transparent url(../img/menu_bkgd_over.jpg) no-repeat;
}

.ie7 #nav li.off ul li, .win.gecko #nav li.off ul li {
margin-top:-2px;
}

/* --- Banner --------- */

#banner {
background:#2a1509 url(../img/cl_bkgd.jpg) repeat top center;
height:115px;
position:relative;
left:1px;
width:784px;
margin:0;
padding:0;
}

/* --- Container --------- */

#container {
background:transparent;
height:100%;
margin:0px 0 0 0;
padding:0 0 30px 0;
position:relative;
width:775px;
}

/* --- Content --------- */

#content {
background:transparent;
float:left;
height:100%;
margin:0 1px;
padding:5px 14px 14px 14px;
position:relative;
width:72%;
}

#content p, #content ol, #content ul {
font-size:100%;
line-height:1.5em;
padding-left:12px;
}

/* --- Sidebar --------- */

#sidebar {
float:right;
padding:6px 5px 0 0;
position:relative;
width:22%;
}

#sidebar li a {
height:100%;
text-decoration:none;
}	

#sidebar ul {
list-style:none;
margin:0;
padding:0;
width:100%;
}

#sidebar li a:link, #sidebar li a:visited {
background:url(../img/submenu.png) no-repeat;
color:#333;
display:block;
line-height:100%;
padding:2px 0 5px 25px;
}
	
#sidebar li a:hover {
background:url(../img/submenu.png) 0 -60px;
color:#FFF;
line-height:100%;
padding:2px 0 5px 25px;
text-decoration:none;
}

#sidebar li a:link, #sidbar li a:visited {
background:url(../img/submenu.jpg) no-repeat;
}

#sidebar li a:hover {
background:url(../img/submenu.jpg) 0 -60px;
}

/* --- Navigation: Sections of the Page Cateogry --------- */

#nav-section {
font-size:10pt;
min-height:156px;
padding-top:12px;
}

/* --- Navigation: Supplemental Links --------- */

#nav-supp {
font-size:10pt;
min-height:156px;
padding:12px 0;
}

/* --- Footer --------- */

#footer {
background:transparent;
clear:both;
color:#FFF;
height:60px;
position:relative;
width:784px;
margin:0 auto;
left:1px;
}

#footer ul {
list-style-image:none;
margin:0;
padding:10px 195px 0 0;
}

/* --- Footer Logo Home Page Link --------- */

#logo-footer a {
height:60px;
left:0px;
position:absolute;
text-decoration:none;
width:400px;
}

/* --- Footer Navigation Bar --------- */

#nav-footer {
background:#000 url(../img/footer_page.jpg) no-repeat top left;
color:#fff;
font-size:9pt;
width:784px;
height:60px;
}

#nav-footer ul {
left:420px;
list-style-image:none;
margin:0;
padding:0;
position:absolute;
width:350px;
}

#nav-footer ul li {
display:inline;
float:left;
margin-top:26px;
padding:2px;
}

#nav-footer ul li a {
background:transparent url(../img/bullet_nav2.gif) no-repeat 0 65%;
color:#fff;
display:block;
padding:0px 9px;
text-decoration:none;
}

#nav-footer ul li a:hover {
background:#FFFFFF url(../img/bullet_nav2.gif) no-repeat 0 65%;
color:#000;
padding:0px 9px;
text-decoration:none;
}

/* --- Code Shared by Both the Header + Footer --------- */

#logo-header a i,#logo-footer a i {
visibility:hidden;
}

/* --- Info Site: Text Below the Footer Bar --------- */

#info-site {
background:transparent;
clear:both;
position:relative;
text-align:center;
top:0px;
width:800px;
margin:0 auto;
padding:10px 0px 20px 0px;
}

#info-site ul {
font-size:9pt;
padding:12px 0 10px 0;
}

#info-site ul li {
color:#000;
display:inline;
text-align:center;
line-height:20px;
}

#info-site ul li a {
color:#000;
padding:3px;
text-decoration:none;
border-bottom:dotted black thin;
}

#info-site ul li a:hover {
border-color:#000;
border-style:solid;
border-width:1px;
color:#000;
padding:2px;
}

/* --- browser corrections --- */

.ie body {
background:#4391b1 url(../img/page_bkgd_ie7.png) top center repeat-x;
}

.ie6 h1 {
background:transparent url(../img/bullet_h1.gif) no-repeat 0 50%;
}
.ie6 h2 {
background:transparent url(../img/bullet_h2.gif) no-repeat 0 50%;
}
.ie6 h3 {
background:transparent url(../img/bullet_h3.gif) no-repeat 0 50%;
}

.ie #header {
padding:20px 0px 15px 0px;
}

.ie6 #banner {
background:transparent;
top:-11px;
}

.ie #info-site {
left:-25px;
}

.gecko #banner, .webkit #banner, .ie #banner, .gecko #footer, .webkit #footer, .ie #footer {
margin-left:-1px;
}