@charset "utf-8";
/* CSS Styles for Unity Baptist Church */

/* helpful pastes
	 testing div borders - border:1px solid #000000;
	 text #254C85;
	 link #A83A3A;
	 headers #25477F;
*/ 

/* Base Styles begin here */

html, body, p, ul, ol, li, h1, h2, h3{ padding:0; margin:0; }

body { text-align:center; background-image:url(../images/blue-gradient-bg.jpg); background-repeat:repeat-x; background-color:#FFFFFF; font-size: 62.5%; }

p, ul, ol { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.5em; color:#254C85; margin:0 0 11px 0; }

a { color:#ce212d; text-decoration:none; }

a:hover { text-decoration:underline; }

h1,h2,h3 { font-family:Verdana, Arial, Helvetica, sans-serif; }

h2 { font-size:1.8em; font-weight:normal; font-family:Arial, Verdana,  Helvetica, sans-serif; color:#25477F; padding-bottom:15px; }

h3 { font-size:1.2em; color:#25477F; padding:8px 0 8px 0; line-height:1.5em; }

ul { padding-left:20px; }

img { border:0; padding:0; margin:0; }



/* Page Structure begin here */

#container { margin:0 auto; background-color:#FFFFFF; width:800px; text-align:left; }

#header { margin:0; padding:0;  position:relative; width:800px; height:150px; background-image:url(../images/top-header-bg.jpg); background-repeat:no-repeat; }

#logo { position:absolute; top:40px; left:60px; width:213px; height:111px; }

#logo span { display:block; width:213px; height:111px; background:url(../images/logo.jpg) no-repeat; cursor:pointer; }

#headerbug { position:absolute; top:40px; right:45px; text-align:right; }

#wrapper1 { position:relative; background:url(../images/border-left-bg2.jpg) repeat-y top left; }

#wrapper2 { position:relative; background:url(../images/border-right-bg2.jpg) repeat-y top right;}

#maincol { position:relative; margin:0; padding:0; width:800px; }

#leftcol { float:left; margin:0; padding:0; }

#rightcol { float:left; margin:0; padding:0; }

#centercol { float:left; margin:0; padding:0; height:auto; width:745px; background-color:#FFFFFF; }


#leftfade { display:block; width:27px; height:580px; background-image:url(../images/border-left-bg.jpg); background-repeat:no-repeat; }

#rightfade { display:block; width:28px; height:580px; background-image:url(../images/border-right-bg.jpg); background-repeat:no-repeat; }

#headerimage { background-color:#FFFFFF; padding:0; margin:0 20px; height:170px; border-bottom:1px solid #fba1a5; }

#navbar { padding:0; margin:0 13px; height:44px; background-image:url(../images/nav-bg.jpg); background-repeat:repeat-x; }
#leftnavbg { display:block; float:left; background-image:url(../images/nav-left-bg.jpg); width:17px; height:44px; }
#rightnavbg { display:block; float:right; background-image:url(../images/nav-right-bg.jpg); width:17px; height:44px; }


.leftbg { background:url(../images/content-left-bg.jpg) no-repeat; }
.rightbg { background:url(../images/content-right-bg.jpg) no-repeat; }

.contentleft, .contentright, .contentfull { min-height:150px; margin:0; padding:0;}
.contentleft { float:left; display:inline; width:414px; margin:25px 0 0 20px; padding:15px 15px 0 15px;} 
.contentright { float:right; display:inline; width:210px; margin:25px 20px 0 0; padding:15px 15px 0 15px; }

.contentrightimages { float:right; display:inline; width:220px; margin:25px 28px 0 0; padding:0; }

.contentrightimages img { padding-bottom:20px; }

.contentfull { background:url(../images/content-bg.jpg) no-repeat; }


#footer { clear:both; margin:0; padding:86px 35px 0 40px; width:725px; height:54px; background:#ffffff url(../images/footer-bg.jpg) no-repeat; }


/* Page Styling begins here */

/* Hide stuff */
h1,h2.hide { position:absolute; top:-10000px; }

/* Navbar styling */
ul.nav { list-style-type:none; font-size:1em; line-height:1em; margin:0; padding:0;}
ul.nav, ul.nav li {float:left;}
ul.nav h3 { font-size:1.1em; color:#eeFFFF; float:left; padding:0; line-height:1.1em; }
ul.nav h3.links { padding:10px 8px 0 8px; height:34px; background:url(../images/roll-nav-bg.gif) repeat-x; }

ul.nav a:link, ul.nav a:visited, ul.nav a:active { color:#eeffff; text-decoration:none; cursor:pointer; }
ul.nav a:hover { text-decoration:none; background-image:url(../images/roll-nav-bg.gif); }
ul.nav a { padding:10px 8px 0 8px; display:block; height:23px; float:left; }

.navdivider { display:block; float:left; background-image:url(../images/nav-divider.gif); width:1px; height:44px; }

/* Make nested lists the right size */
ul.nestlist { font-size:1em; line-height:1.5em; }

.red { color:#ce212d; }