/*--------------------------
Base Style Sheet
Crossroads Fellowship PCA
http://crossroadsabq.com

Created by: Brian L. Byers
Date: 09/03/2007
-----------------------------*/

* {margin: 0px; padding: 0px;}

html body {margin: 0px; padding: 0px;
/*font-family: Lucida Grande, Tahoma, Verdana, Helvetica, Arial, sans-serif;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 77%;  /*font-size:75%;*/
line-height: 120%;
color:#363636;
background:#3d3d3d;
}

h1 { font-size: 1.6em; font-weight: normal; color: #900;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

h1.offPage {position:absolute; top:-100px; left:-2000px; z-index:-1;}

h2 {
font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; 
font-weight: normal; color: #900; 
border-bottom: 1px solid #ddd; 
font-style:italic; 
letter-spacing: 1px;
padding-bottom: 2px;
margin-bottom: 5px;
}


h3 { font-size: .9em; font-weight:bold; color:#363636;}

h4 { font-size: .9em; font-weight:bold; color:#363636;}

p { font-size: .9em; font-weight:normal; padding-bottom: 7px;}

ul {font-size: .9em;}

ol { list-style: inside decimal; margin:5px 0px 0px 0px;}
ol li {padding: 0px 0px 5px 0px;}

a:link {color:#039; text-decoration: underline;}
a:visited {color:#606;}
a:hover {color:#900;}

a img {border:none;}

hr {background-color:none; border:none;}

br.clearFloat {clear:both; height:0px; line-height:0px; font-size:0px;}

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

div#layoutContainer {
margin:0px auto;
padding:0px;
width:782px;
background:#fff url(/images/body_background_slice.gif) 0px 0px repeat-y;
}


/*-- Theme Image Container -----------------*/

div.themeContainer {
width: 760px;
height: 72px;
background: url(/images/theme_image_downtown.jpg) 0px 0px no-repeat;
margin: 0px auto;
/*border-top:1px solid #9c8d7c;*/
border-bottom:1px solid #bba893;
}

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

div#contentContainer {
position: relative;
top: 0px;left: 0px;
padding:15px 0px;
margin: 0px auto;
width: 760px;
background:#fff url(/images/gray_white_fade_slice.gif) 0px 0px repeat-x;
}



/*-- Left Column -----------------*/

div.leftCol {
float:left;
width: 450px; 
padding:0px 0px 0px 15px;
}

/*-- Right Column -----------------*/

div.rightCol { 
width: 250px; 
background: url(/images/right_col_back.gif) 0% -15px no-repeat; 
float:right;
padding: 0px 15px 0px 10px;
min-height:525px;
}

* html div.rightCol {  /* sets min-height for IE */
height:expression( this.scrollHeight < 525 ? "525px" : "100%" );
}

/*-- Home Message Container -----------------*/

div.messageContainer {
width: 435px;
/*height: 35px;*/
background: #ebe0d0 url(/images/tan_fade1.gif) 0px 0px repeat-x;
border: 1px solid #ddd;
margin:0px 0px 0px 1px;
padding: 0px 7px 0px 7px;
}

/*div.messageContainer h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%; 
line-height: 100%; 
font-weight: bold; 
font-style: normal; 
color: #363636;
border:none;
margin:0px;
padding:2px 0px 1px 0px;
}
*/

div.messageContainer div.sermon {
/*float: left;*/
display: block;
margin:0px; padding:6px 0px;
}

div.sermon table {
vertical-align:middle;
font-size:90%;
width:100%;
border-collapse:collapse;
padding:0px; margin:0px;
}

div.sermon table tr th {
font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em;
font-style:italic; 
letter-spacing: 1px;
/*font-size: 1.2em;*/
font-weight:normal; color: #393939; 
white-space:nowrap;
}

div.sermon table tr td {
padding:6px 10px;
border-left:1px solid #ccc;
text-align:center;
}

div.sermon table tr td.left {
border-left:none;
white-space:nowrap;
}


div.messageContainer div.blog {
float: left;
display: block;
width: 170px;
height:27px;
border-left:1px solid #fff;
margin:0px; padding:2px 0px;
padding-left: 5px;
}


/*-- Get Involved --------------------*/

div.getInvolved {
width:450px;
margin-top: 15px;
}

div.getInvolved h2 {margin-bottom:0px;}

div.getInvolved h3 {font-size:110%;}

div.getInvolved ul {list-style:none; display:block;}

div.getInvolved ul li {
vertical-align:middle;
text-indent:none; 
display:block; 
padding: 7px 0px 7px 0px;; margin:0px; 
width:100%;
/*height:68px;*/
/* *height:1%;*/
border-bottom:1px solid #dfdfdf;
}

div.getInvolved ul li a img, 
div.getInvolved ul li a:visited img {border: 1px solid #ddd; margin: 0px 10px 0px 0px; padding:1px; float:left;}
div.getInvolved ul li a:hover img {border: 1px solid #900;}


.insertLeft {
border: 1px solid #ddd; 
margin: 3px 10px 5px 0px; 
padding:1px; 
float:left;
}

.insertRight {
border: 1px solid #ddd; 
margin: 3px 0px 5px 10px; 
padding:1px; 
float:right;
}


/*-- News & Announcements ---------------*/

div.newsAnnounce {
display:block;
}

div.newsAnnounce div.scrollContainer {
display:block;
max-height:320px;

*height: auto !important;
*height: 320px;

overflow-y:auto;
overflow-x:hidden;
padding:5px 2px 2px 0;
margin-top:-5px;
border-bottom:1px solid #ddd;
}

div.newsAnnounce hr {
height:1px; background-color: #ccc;
margin:.6em 0px 1em 0px;
padding:0px;
}

div.newsAnnounce h3.special {font-size:1em;}

div.newsAnnounce p span.event {color:#900;}

/*-- Events Calendar -------------------*/

div.eventsCal {display:block;
position: relative;
top: 15px;
left:0px;
}

div.eventsCal ul { list-style: none; text-indent:none; margin-top: -6px;}

div.eventsCal ul li { position: relative; padding: 5px 0px; border-bottom: 1px solid #ccc;}

div.eventsCal ul li a, div.eventsCal ul li a:visited { font-weight: bold; color:#039; text-decoration: none;}

div.eventsCal ul li a:hover { font-weight: bold; color:#900; text-decoration: none;}

div.eventsCal ul li span.dateTime {position: absolute; top: 0px; right: 0px; *right: 15px; text-align: right; padding-top: 5px;}

.mapContainer {border:1px solid #ccc;}

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

div.footerContainer {
display:block;
background:#eddeca url(/images/footer_background_tan.gif) 0px 0px repeat-x;
margin: 15px auto 0px auto;
padding: 0px 0px 200px 0px;
width:760px;
}

div.footerContent {padding:13px 15px 5px 15px;color:#656565;}

div.footerContent p {font-size: 90%;}

div.footerContent p.contact {margin-top:4px; padding-top:10px; border-top:1px solid #dbcbb5; width:250px;}

div.footerContent div.socialNetworking {
float:right;
width:35%;
}

div.socialNetworking p {
font-size: 1em;
font-weight:bold;
text-align:right;
margin:0px; padding:0px;
display:block;
}

div.socialNetworking p img {
padding:0; margin:0;
vertical-align:top;
}


/*div.footerContent div.col2 {float:right; width:200px; text-align:right;}*/

/*
div.footer a, div.footer a:visited {
color:#e7c582;
text-decoration: none;
}

div.footer a:hover {
color: #eee;
text-decoration: underline;
}
*/