/* colbertchapel.com base styles */

* { margin: 0; padding: 0; }
html, body, * html #wrapper { height: 100%; }

A:focus, A:hover, A:active /* Firefox image outline fix */
{
outline: none}


body {
text-align: left; /* for IE */ 
margin: 0 auto; /* for the rest */ 
padding: 0;
background: url('../graphics/bgr.gif') left top;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.0em;
color: #000066;
width: 827px;
font-size: 13px;
}
a:link, a:visited, a:active {
color:#6C80A2;
text-decoration:underline;
}
a:hover {
color:#800000;
text-decoration:underline;
}

h1 {  /* main dark blue heading on pages */
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 130%;
font-weight: bold; 
color: #000066;
margin: 0 0 0 0; 
} 

h2 {  /* second heading - blue-gray color - italicized with line spacing only beneath */
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 110%;
font-style: italic;
color: #5F7194;
margin: 0 0 10px 0; 
} 

h3 {  /* third heading, slightly larger than reg font and bold */
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 117%;
font-weight: bold; 
color: #000066;
margin: 0 0 5px 0; 
} 

h4 { /* fourth heading, larger than reg font, bold, italics */
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 170%;
font-weight: bold; 
font-style: italic;
color: #000066;
margin: 0 0 0 0; 
}

h5 { /* fifth heading, larger than reg font, bold, italic */
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 210%;
font-weight: bold; 
font-style: italic;
color: #000000;
margin: 0 0 0 0; 
}  

#mainpgwrapper{
width: 827px;
background: url('../graphics/hmpgmainbg.jpg') left top;
border: 0px solid #000000;
text-align:left;
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto; 
height: 1%;
}


#logo {
 width: 282px;
 height: 60px;
 background: url('../graphics/colbertchapelname.jpg') no-repeat;
 padding: 0 20px 5px 0;
 position: relative; top: -399px; left: 522px;
}

#banner {
width: 600px; 
height: 150px; 
position: relative; left: 232px; top: -333px; 
background-repeat:no-repeat;
}

#ie6andup #banner { 
position: relative; left: 232px; top: -330px;   /* DO NOT REMOVE - adjusts top dark blue banner on home page in IE */

}
body:nth-of-type(1) #banner {
   position: relative; left: 232px; top: -330px;   /* DO NOT REMOVE - adjusts top dark blue banner on home page in Safari, Chrome, etc. */
}

#homepgnav { 
float: left;
margin: -180px 0 80px 65px;
padding: 0 0 40px 0;
border: solid green 0px;
width: 150px;
height: auto;
display: inline;
}

#ie6only2 #nav {
margin: 10px 0 78px 63px;
border: solid purple 0px;
}

#contentBox {
float: left;
position: relative; top: -364px; left: 40px;
margin: 10px 30px 20px 5px;
border: solid green 0px;
width: 525px;
height: auto;
color: #000066;
display: inline;
}


#ie6only #contentBox {
float: right;
position: relative; top: -368px; left: 0px;
padding-left: 12px;
border: solid yellow 0px;
width: 530px;
text-align: center; 
}

#contentBox p {
padding: 15px 0 30px 0;
text-align: center;
font-size: 1em;
color: #000066;
margin: 0;
padding: 0 0 1em;
}

#contentboxlist ul{ 
background: #fff; 
margin:0 0 0 0px; /* space from left edge of navi div ~ optional */ 
padding:0; 
width:400px; 
list-style: none; 
line-height: 1.5em;
} 

#contentboxlist li{ 
background: #fff; 
list-style-image:url(../graphics/fancybullet.gif); 
margin: 0 0 0 15px; /* width of image + 8px */ 
padding: 0 0 0 15px;  
}

#musicBox {
float: left;
margin: 20px 70px 20px 90px;
border: solid red 0px;
width: 340px;
height: auto;
color: #000066;
display: inline;
}

.musicBox p {
width: 100%;
text-align: left;
font-size: 100%;
color: red;
margin: 0;
padding: 0 0 0;
}

#currenteventsBox {
float: left;
border: solid black 0px;
background: url('../graphics/BG.jpg') no-repeat;
margin: 0 0 10px -5px;
padding: 20px 5px 5px 5px;
width: 515px;
height: 596px;
color: #000066;
display: inline;
}

#outertextWrapper {
float: left;
padding: 0px 7px 0 5px;
margin: 90px 0 0 0;
border: solid blue 0px;
width: 245px;
height: auto;
color: #000066;
display: inline;
}

#textHolder1 {
float: left;
padding: 10px 5px 0 5px;
margin: 0 0 0 15px;
border: solid yellow 0px;
width: 220px;
height: 160px;
color: #000066;
display: inline;
}

#textHolder1a {
float: left;
padding: 10px 5px 0 5px;
margin: 0 0 0 15px;
border: solid green 0px;
width: 220px;
height: auto;
color: #000066;
display: inline;
}

#ie6only #contentBox2 {
float: right;
margin: -374px 5px 15px -60px;
border: solid yellow 0px;
width: 510px;
/*display: inline;*/
}

#contentBox2 {
float: right;
margin: -384px 5px 15px -140px;
border: solid purple 0px;
width: 510px;
/*display: inline;*/
}

#ie7only #contentBox2 {
margin: -374px 10px 15px 0;
}


#textContainer {
float: left;
margin: 0 0 -10px 0;
width: 420px;
height: auto;
color: #000066;
border: solid blue 0px;
display: inline;
}


#contentBox2 p {
padding: 15px 0 10px 0;
text-align: left;
font-size: 1em;
color: #000066;
margin: 0;
padding: 0 0 1em;
}

#ie6only #contentBox3 {
float: right;
margin: 24px 10px 50px 0;
border: solid yellow 0px;
width: 550px;
display: inline;
}

#contentBox3 {
	float: right;
	margin: 24px 10px 30px 0;
	border: solid purple 0px;
	width: 550px;
	/*display: block;*/
}

#ie7only #contentBox3 {
margin: 24px 10px 60px 0;
}

#contentBox3 p {
padding: 15px 0 10px 5px;
text-align: left;
font-size: 1em;
color: #000066;
margin: 0;
padding: 0 0 1em;
}

#textBox {
float: left;
border: solid red 0px;
margin: -50px 0 10px 0;
width: 290px;
height: auto;
color: #000066;
display: inline;
}

#infoBox {
float: left;
margin: 0 30px 0 0;
width: 300px;
height: auto;
color: #000066;
border: solid blue 0px;
display: inline;
}

#miniWrapper {
float: left;
padding: 0px 2px 0px 2px;
margin: 0px 2px 0px 2px;
border: solid #B0C8DB 1px;
background: #D8E3ED;
width: 320px;
height: auto;
color: #000066;
display: inline;
}

#photoBox {
float: left;
padding: 0px 2px 0px 0;
margin: 0 0 0 0;
border: solid red 0px;
width: 125px;
height: auto;
color: #000066;
display: inline;
}

#titleBox {
float: left;
padding: 2px 2px 2px 5px;
margin: 10px 5px 0 0;
border: solid red 0px;
width: 150px;
height: auto;
color: #000066;
display: inline;
}

#lteie7 #smalltextBox {
float: left;
border: solid red 0px;
margin: 10px 0 20px 0;
width: 300px;
height: auto;
color: #000066;
display: inline;
}

#smalltextBox {
	float: left;
	border: solid red 0px;
	margin: 15px 0 25px 0;
	padding: 0px 0 25px 0;
	width: 300px;
	height: auto;
	color: #000066;
	display: inline;
}

#lteie7 #revolutionBox {
float: left;
margin: 0 3px 0 3px;
padding: 2px 3px 5px 3px;
width: 153px;
height: auto;
border: double #5F7194 2px;
display: inline;
}

#revolutionBox {
float: left;
margin: 0 5px 0 5px;
padding: 2px 3px 5px 3px;
background: url('../graphics/bgwhtonwht_z.jpg');
width: 153px;
height: auto;
border: double #5F7194 2px;
display: inline;
}

#revolutionBox p {
padding: 10px 5px 2px 5px;
text-align: center;
font-size: 100%;
color: #000066;
margin: 0;
}

#ie6only #tinyHolder {
float: left;
margin: 25px 10px 30px 0;
padding: 7px 7px 0 7px;
width: 480px;
}


.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*-------- Footer [BEGIN] --------*/
#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #fff;
background-color: #0B1129;
border-top: 2px solid #A7AEBE;
text-align:center;
}
#footer p {
padding: 15px 0 0 0;
text-align: center;
font-size: 0.85em;
color: #fff;
}

.bottom-footer a,
ul#bottommenu.menu li a {
text-decoration:underline;
color:#FFFFFF;
font-size: 0.85em;
}

.bottom-footer p {
color:#FFFFFF;
font-size: smaller;
margin-top:10px;
}

.bottom-footer a:hover,
ul#bottommenu.menu li a:hover {
text-decoration:none;
}

.bottom-footer ul{
list-style:none;
padding:0;
margin:0;
}

.bottom-footer ul li {
display:inline;
padding: 0 11px 0 10px;
border-right: 1px solid #A7AEBE;
}
.bottom-footer ul li.last{
border-right: none;
}

.bottom-footer ul li SPAN{
margin:0 10px;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
/*-------- Footer [END] --------*/