html,body {
margin:0;
padding:0;
background-color: #fff;
font-size: .9em;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
color:#333;
}

a:link {color: #b31b34; text-decoration:underline;}
a:visited {color:#b31b34; text-decoration:underline;}
a:hover {color: #b31b34; text-decoration:none;}
a:active {color:#666;}
img {border:0;}

/* ----------header-------------- */

#header {
position:relative;
width:775px;
height:130px;
padding:0;
margin:0;
clear: both;
}

#logo {
width:250px;
height:130px;
margin:0;
padding:0;
float:left;
}

#headerphotos {
width:525px;
float:right;
height:130px;
margin:0;
padding:0;
}

/* -----------------horz nav--------------------- */

#horznav {
clear: both;
height:35px;
background-image: url(bg_horznav.gif);
background-repeat: no-repeat;
text-align:center;
margin:0;
padding:0;
}

#horznav a {
color:#fff;
}

/* -----------------content--------------------- */

#container {
width:775px;
margin:0 auto;
text-align:left;
}

#content {
float:left;
width:515px;
min-height: 500px;
height:auto !important;
height:500px;
}

#content h1 {
color:#007674;
text-align:left;
font-family: "Times New Roman", Times, serif;
font-size: 165%;
font-weight:bold;
margin:15px 0;
padding:6px 10px 0 10px;
background-image: url(/files/bg_h1.gif);
/*background-position: bottom;*/
background-repeat: no-repeat;
height:50px;
}

#contentarea {
padding:0 20px;
line-height: 175%;
}

#content h2 {
border-bottom:1px solid #eee;
padding:2px 0;
color:#b31b34;
font-family: "Times New Roman", Times, serif;
font-weight:bold;
font-size: 150%;
}

#content h3 {
color:#007674;
font-weight:bold;
font-size: 115%;
}

#content li, #rightcolumn li {
	list-style-image: url(/files/bullet_angel.gif);
	list-style-position: outside;
	line-height:175%;
}

#pullquote {
	float:right;
	width:225px;
	border-left:1px solid #b31b34;
	line-height:175%;
	font-size:115%;
	margin:0 0 10px 10px;
	padding:0 8px 0 15px;
}


hr {border: none 0;
border-top: 1px solid #eee;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

/* --------------right column------------- */

#rightcolumn {
float:right;
width:260px;
}

#rightcolumn h2 {
background-color:#B31B34;
padding:6px 10px 6px 10px;
font-size:125%;
color:#fff;
font-weight:bold;
}

#covenantbg {
background-color: #eee;
border-top:5px solid #666;
border-bottom:2px solid #666;
margin:0;
padding:5px 10px;
}

/*  ----------------footer---------------------- */ 

#footer {
clear:both;
width:775px;
padding:0px;
margin:0px;
text-align: center;
color:#fff;
}

#footer p {
padding:0;
color:#333;
font-size:100%;
}

#footer a:link {color: #b31b34; text-decoration:underline;}
#footer a:visited {color:#b31b34; text-decoration:underline;}
#footer a:hover {color: #b31b34; text-decoration:none;}
#footer a:active {color:#666;}

#footerleft {
float:left;
width: 383px;
height: auto;
text-align:left;
padding:10px 0;
margin:0;
}

#footerright {
float:right;
width: 383px;
height: auto;
text-align:left;
padding:10px 0;
margin:0;
}

#footerleftsm {
float:left;
width: 49%;
height: auto;
text-align:left;
padding:0;
margin:0;
}

#footerrightsm {
float:right;
width: 49%;
height: auto;
text-align:left;
padding:0;
margin:0;
}

/*  ---------------- hope & home ---------------------- */

#hope-home {
background-color:#eee;
border-top:5px solid #666;
border-bottom:2px solid #666;
padding:5px 15px;
margin:10px 0 20px 0;
}

/*  ----------------right navs---------------------- */ 

/* About Section */

#rightnav-about {
padding:0;
margin:15px 10px;
background-color:#0076cc;
/*background-image: url(bg_rightnav-donate.gif);
background-position: top;
background-repeat: no-repeat;*/
}

#rightnav-about h1 {
font-weight:bold;
color:#fff;
font-size:125%;
padding:4px 10px 0 10px;
}

#rightnav-about ul {
margin:15px 0;
padding:0;
list-style: none;
line-height:175%;
font-weight:bold;
}

#rightnav-about li {
display: list-item;
padding:2px 15px;
list-style-image: none;
list-style-type: disc;
list-style-position: inside;
color:#fff;
}

#rightnav-about a {
color:#fff;
}

/* Auxiliary Section */

#rightnav-auxiliary {
padding:0;
margin:15px 10px;
background-color:#3656ab;
/*background-image: url(bg_rightnav-donate.gif);
background-position: top;
background-repeat: no-repeat;*/
}

#rightnav-auxiliary h1 {
font-weight:bold;
color:#fff;
font-size:125%;
padding:4px 10px 0 10px;
}

#rightnav-auxiliary ul {
margin:15px 0;
padding:0;
list-style: none;
line-height:175%;
font-weight:bold;
}

#rightnav-auxiliary li {
display: list-item;
padding:2px 15px;
list-style-image: none;
list-style-type: disc;
list-style-position: inside;
color:#fff;
}

#rightnav-auxiliary a {
color:#fff;
}

/* Donate Section */

a.donatebutton:link, a.donatebutton:visited {
padding:6px 35px;
font-size:150%;
background-color: #ffb917;
color:#fff;
text-decoration:none;
border:2px outset #ffb917;
}
a.donatebutton:hover {
background-color: #ffb917;
color: #fff;
text-decoration:underline;
border:2px outset #ffb917;
}
a.donatebutton:active {
background-color: #ffb917;
color: #fff;
text-decoration:none;
border: 2px inset #ffb917;
}

#rightnav-donate {
padding:0;
margin:15px 10px;
background-color:#ffb917;
/*background-image: url(bg_rightnav-donate.gif);
background-position: top;
background-repeat: no-repeat;*/
}

#rightnav-donate h1 {
font-weight:bold;
color:#fff;
font-size:125%;
padding:4px 10px 0 10px;
}

#rightnav-donate ul {
margin:15px 0;
padding:0;
list-style: none;
line-height:175%;
font-weight:bold;
}

#rightnav-donate li {
display: list-item;
padding:2px 15px;
list-style-image: none;
list-style-type: disc;
list-style-position: inside;
color:#fff;
}

#rightnav-donate a {
color:#fff;
}

/* Programs Section */

#rightnav-programs {
padding:0;
margin:15px 10px;
background-color:#007674;
/*background-image: url(bg_rightnav-volunteer.gif);
background-position: top;
background-repeat: no-repeat;*/
}

#rightnav-programs h1 {
font-weight:bold;
color:#fff;
font-size:125%;
padding:4px 10px 0 10px;
}

#rightnav-programs ul {
margin:15px 0;
padding:0;
list-style: none;
line-height:175%;
font-weight:bold;
}

#rightnav-programs li {
display: list-item;
padding:2px 15px;
list-style-image: none;
list-style-type: disc;
list-style-position: inside;
color:#fff;
}

#rightnav-programs a {
color:#fff;
}

/* Volunteer Section */

#rightnav-volunteer {
padding:0;
margin:15px 10px;
background-color:#9D56BE;
/*background-image: url(bg_rightnav-volunteer.gif);
background-position: top;
background-repeat: no-repeat;*/
}

#rightnav-volunteer h1 {
font-weight:bold;
color:#fff;
font-size:125%;
padding:4px 10px 0 10px;
}

#rightnav-volunteer ul {
margin:15px 0;
padding:0;
list-style: none;
line-height:175%;
font-weight:bold;
}

#rightnav-volunteer li {
display: list-item;
padding:2px 15px;
list-style-image: none;
list-style-type: disc;
list-style-position: inside;
color:#fff;
}

#rightnav-volunteer a {
color:#fff;
}

/* What's On Section */

#rightnav-whatson {
padding:0;
margin:15px 10px;
background-color:#666;
/*background-image: url(bg_rightnav-donate.gif);
background-position: top;
background-repeat: no-repeat;*/
}

#rightnav-whatson h1 {
font-weight:bold;
color:#fff;
font-size:125%;
padding:4px 10px 0 10px;
}

#rightnav-whatson ul {
margin:15px 0;
padding:0;
list-style: none;
line-height:175%;
font-weight:bold;
}

#rightnav-whatson li {
display: list-item;
padding:2px 15px;
list-style-image: none;
list-style-type: disc;
list-style-position: inside;
color:#fff;
}

#rightnav-whatson a {
color:#fff;
}

/*  ----------------rounded corners------------------ */ 

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/*  ----------------calendar---------------------- */ 

.software_monthly_calendar {
width: 100%;
border-collapse: collapse;
}

.software_monthly_calendar td, .software_monthly_calendar th {
line-height: 12px;
padding: 2px;
border: #666666 1px solid;
vertical-align: top;
}

.software_monthly_calendar th {
width: 14%;
background-color: #dbdbdb;
}

.software_monthly_calendar td.inactive {
background-color: #f2f2f2;
}

/* Misc Styles */
.pdfLink {background: url(/files/icon_pdf.gif) right center no-repeat; padding: 5px 20px 5px 0;}
.mp3Link {background: url(/files/icon_mp3.gif) right center no-repeat; padding: 5px 20px 5px 0;}
.docLink {background: url(/files/icon_doc.gif) right center no-repeat; padding: 5px 20px 5px 0;}
.pptLink {background: url(/files/icon_ppt.gif) right center no-repeat; padding: 5px 20px 5px 0;}
.imgLink {background: url(/files/icon_img.gif) right center no-repeat; padding: 5px 20px 5px 0;}

/* styling for the ad region container */
.software_ad_region_dynamic
{
    width: 500px; /* this should probably match the width for the ads_container selector below */
    position: relative; /* set this to relative if the ad region menu is absolutely positioned */
}

/* styling for the ads container */
.software_ad_region_dynamic .ads_container
{
    width: 500px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 250px; /* this is the height of the scrolling area */
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

/*
styling for ads
The height, width, and padding below need to work with the values entered above.
For example, if these values are set too small, then the content might not take up enough space,
and if the values are too large, then the content might be cropped.
*/
.software_ad_region_dynamic .ad
{
    width: 460px;
    height: 210px;
    padding: 20px;
}

/* styling for the ad region menu */
.software_ad_region_dynamic ul.menu
{
	list-style: none;
    padding: 0em;
    margin: 0em;
    position: absolute; /* set the menu so that it is absolutely positioned on top of the ad region */
    bottom: .5em; /* set the location of the absolutely positioned menu, starting from the bottom */
    right: 0em; /* set the location of the absolutely positioned menu, starting from the right */
    z-index: 1; /* you might need to set this so that the menu items are clickable in Firefox */
}

/* styling for the menu items */
.software_ad_region_dynamic ul.menu li
{
	list-style-type: none;
    display: inline; /* set the menu items so they appear horizontally */
    margin-right: .5em;
}

/* styling for the menu item links */
.software_ad_region_dynamic ul.menu a
{
    padding: .25em;
}

/* styling for the current menu item */
.software_ad_region_dynamic ul.menu a.current
{
    background-color: #dddddd;
}

.software_catalog_search_results
{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.software_catalog_search_results .item
{
    margin-bottom: 1.5em;
}

.software_catalog_search_results .item .image
{
    margin-bottom: .25em;
}

.software_catalog_search_results .item .short_description
{
    margin-bottom: .25em;
}

.software_catalog_search_results .item .short_description a
{
    font-weight: bold;
}

/* styling for the comments and add comment form headers */
.comments_heading,
.add_comment_heading
{
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0em .5em 0em;
}

/* styling for the comment container */
.comment
{
    margin: 0em 0em 1em 0em;
    padding: 1em;
    border: 1px solid;
}

/* styling for the comment name */
.comment .name
{
    font-weight: bold;
}

/* styling for the comment date and time */
.comment .date_and_time
{
    font-size: .75em;
    font-style: italic;
}

/* styling for the comment notice */
.comment .notice
{
    color: red;
}

.software_rss_link
{
    text-align: right;
    margin-top: 1em;
    margin-bottom: 1em;
}

.software_icalendar_link
{
    margin-top: 1em;
    margin-bottom: 1em;
}

.software_tag_cloud a
{
    margin-right: .75em;
}

.software_discounted_price
{
    color: #990000;
    font-weight: bold;
}

.watcher_container
{
    margin: 2em 0em .5em 0em;
}

.watcher_count
{
    font-size: 1em;
    font-weight: bold;
    margin: 0em 0em .5em 0em;
}

.watcher_question
{
    margin: 0em 0em .5em 0em;
}