/* CalvaryLife: Cascading Style Sheet */

body {
background:transparent url(../shared_images/thrive/bkgd.jpg) top center fixed repeat;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:small;
margin:0;
padding:0;
text-align:center;
}

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

a {
color:#213f42;
text-decoration:underline;
}

a:hover {
color:#993366;
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(../shared_images/thrive/bullet_h1.png) no-repeat 0 50%;
border-bottom:1px solid gray;
color:#5b1f01;
font-size:145%;
font-weight:600;
padding:2px 0 3px 24px;
}

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

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

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

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

#wrap {
background:transparent;
height:100%;
text-align:left;
width:784px;
margin:10px auto;
padding:0px;
}

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

#header {
background:transparent url(img/thrive/header_bkgd.png) top left no-repeat;
color:#fff;
height:50px;
position:relative;
width:784px;
}

.ie6 #header {
background:transparent url(../shared_images/thrive/header_bkgd_home_ie6.jpg) top left no-repeat;
}

#header ul {
font-size:9pt;
left:320px;
list-style-image:none;
margin:0;
padding:0;
position:absolute;
width:500px;
top:3px;
}

/* --- Header Logo Home Page Link --------- */

#logo-header a {
height:36px;
left:0px;
position:absolute;
text-decoration:none;
width:235px;
}

/* --- Header Navigation Bar --------- */

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

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

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


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

#banner {
background:#000;
height:150px;
position:relative;
width:784px;
}

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

#menu { /*universal settings for the main menu div*/
background:transparent;
font-size:10pt;
height:61px;
margin:0;
padding:0;
position:relative;
width:784px;
}

#address {
position: absolute;
top: 24px;
left: 0px;
background:url(img/thrive/subnav_on_homepage.jpg) no-repeat top left;
margin: 0;
padding: 8px 35px 2px 0;
height: 26px;
width: 749px;
color: #fff;
text-align: center;
}

#address li {
list-style:none;
color:#fff;
margin:0px;
padding:0px;
margin-top:10px;
}

.gecko #address li, .webkit #address li {
margin-top:-10px;
}

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

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

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

#nav li ul { /*default universal settings for the subnav*/
background:#000000 url(../shared_images/thrive/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:87px;
}

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

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

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

#nav li.on {
background:transparent url(../shared_images/thrive/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:87px;
}	

#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(../shared_images/thrive/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:#000;
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(../shared_images/thrive/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(../shared_images/thrive/menu_bkgd_over.jpg) no-repeat;
}

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

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

#content {
background:transparent;
height:100%;
margin:0px;
padding:7px 0px 10px 0px;
position:relative;
width:784px;
}

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

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

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

#content li a:link, #content li a:visited {
color:#005366;
line-height:100%;
padding:0px;
}
	
#content li a:hover {
color:#840141;
line-height:100%;
padding:0px;
text-decoration:underline;
}

#content p {
padding-left:5px;
}

#level1 {
width:784px;
margin:0px;
}

#feature {
float:left;
background:transparent;
width:516px;
height:299px;
margin:0px;
padding:0px;
border:2px solid #000;
}

#feature a img {
padding:0px;
margin:-2px 0px 0px -2px;
border:2px solid #000;
}

#feature a:hover img {
border:2px solid #00adc6;
}

#vitals {
float:right;
background:#e2d6b5;
width:242px;
height:285px;
margin:0px;
padding:7px;
border:2px solid #000;
}

#vitals li {
list-style:none;
padding-left:20px;
font-size:0.8em;
}

.ie7 #vitals li {
font-size:9px;
}

.webkit #vitals li {
font-size:0.8em;
}



#vitals li a {
text-decoration:none;
font-weight:600;
}

#vitals h4 {
background:#01657b;
color:#fff;
font-size:1em;
font-variant:small-caps;
font-weight:bold;
margin:0px;
margin-bottom:2px;
padding:2px;
text-align:center;
}

#vitals h4 a {
text-decoration:none;
color:#fff;
}

#vitals h4 a:hover {
text-decoration:underline;
color:#fff;
}

li.podcast {
background:url("../shared_images/thrive/podcast.png") no-repeat 0 50%;
} 

li.mp3 {
background:url("../shared_images/thrive/mp3.png") no-repeat 0 50%;
}

li.newspaper {
background:url("../shared_images/thrive/newspaper.png") no-repeat 0 50%;
}

li.car {
background:url("../shared_images/thrive/car.png") no-repeat 0 50%;
}

li.information {
background:url("../shared_images/thrive/information.png") no-repeat 0 50%;
}

li.circlearrow {
background:url("../shared_images/thrive/circlearrow.png") no-repeat 0 50%;
}

#level2 {
clear:both;
width:784px;
height:166px;
margin:0px;
}

.ie7 #level2 {
margin-bottom:26px;
}

#focus1 {
background:#6b5e4f;
width:240px;
height:168px;
float:left;
margin:0px;
margin-top:5px;
padding:7px 7px 7px 7px;
border:2px solid #000;
}

.ie6 #focus1 {
padding:6px 5px 6px 7px;
}

#focus2 {
background:#6b5e4f;
width:240px;
height:168px;
float:left;
margin:0px;
margin-top:5px;
margin-left:4px;
padding:7px 7px 7px 7px;
border:2px solid #000;
}

.ie6 #focus2 {
padding:6px 5px 6px 7px;
}

#focus3 {
background:#6b5e4f;
width:242px;
height:168px;
float:right;
margin:0px;
margin-top:5px;
padding:7px 7px 7px 7px;
border:2px solid #000;
}

.ie6 #focus3 {
width:241px;
padding:6px 5px 6px 7px;
}

#focus1 a img, #focus2 a img, #focus3 a img {
padding:0px;
margin:0px 0px 0px -2px;
border:2px solid #213f42;
}

#focus1 a:hover img, #focus2 a:hover img, #focus3 a:hover img {
border:2px solid #00adc6;
}

#level3 {
clear:both;
width:784px;
margin:0px;
margin-top:5px;
}

.ie #level3 {
margin-bottom:0px;
}

#level3 p {
font-size:0.9em;
}

#level3 p.timedate {
font-variant:small-caps;
font-weight:700;
font-size:0.9em;
}

#level3 p.timedate a {
font-weight:bold;
}

#level3 a {
font-weight:600;
}

#textbox1 {
width:175px;
height:175px;
float:left;
background:#fff;
padding:5px 7px;
margin:0px;
margin-top:5px;
margin-bottom:7px;
border:2px solid #000;
}

#textbox2 {
width:175px;
height:175px;
float:left;
background:#fff;
padding:5px 7px;
margin:0px;
margin-top:5px;
margin-bottom:7px;
margin-left:4px;
border:2px solid #000;
}

#textbox3 {
width:175px;
height:175px;
float:left;
background:#fff;
padding:5px 7px;
margin:0px;
margin-top:5px;
margin-bottom:7px;
margin-left:4px;
border:2px solid #000;
}

#textbox4 {
width:175px;
height:175px;
float:right;
background:#fff;
padding:5px 7px;
margin:0px;
margin-top:5px;
margin-bottom:7px;
border:2px solid #000;
}

.ie6 #textbox1, .ie6 #textbox2, .ie6 #textbox3, .ie6 #textbox4 {
margin-top:5px;
margin-bottom:5px;
}

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

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

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

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

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

#footer {
background:transparent;
clear:both;
color:#FFF;
height:120px;
position:relative;
width:784px;
}

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

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

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

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

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

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

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

#nav-footer ul li a {
background:transparent url(../shared_images/thrive/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(../shared_images/thrive/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;
}

/* --- Browser Upgrade Bar ---------- */

#browser-upgrade {
clear:both;
background:transparent url(../shared_images/thrive/browser_upgrade_bar.jpg) no-repeat top left;
width:784px;
height:38px;
margin-top:4px;
}

#browser-upgrade #firefox-button a {
width:135px;
height:38px;
text-decoration:none;
position:absolute;
left:280px;
}

#browser-upgrade #ie-button a {
width:205px;
height:38px;
text-decoration:none;
position:absolute;
left:415px;
}

#browser-upgrade #flash-button a {
width:160px;
height:38px;
text-decoration:none;
position:absolute;
left:620px;
}

#browser-upgrade 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:784px;
height:38px;
}

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

#info-site ul li {
color:#fff;
display:inline;
text-align:center;
}

#info-site ul li a {
color:#fff;
padding:3px;
text-decoration:none;
}

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

/* --- Special div classes and text formats with icons ---------- */

.calendar {
background:transparent url(../shared_images/icons/calendar.png) no-repeat 0 55%;
font-size:100%;
padding:0 0 0 21px;
}