/* colbertchapel.com base styles for secondary pages */

* { 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: center; /* 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;
}

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

p2 {
padding: 15px 0 30px 0;
text-align: left;
font-size: 1em;
color: red;
margin: 0;
padding: 0 0 1em;
}


h1 {  /* main dark blue heading on pages */
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 140%;
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: 105%;
font-weight: bold; 
color: #000066;
margin: 0 0 5px 0; 
} 

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


#fancy ul
{
margin-left: 0;
padding-left: 0;
position: relative;
list-style-image: none
}

#fancy li
{
padding-left: 10px;
background-image: url('../graphics/fancybullet.gif');
background-repeat: no-repeat;
background-position: 0 0;
/* Keep left margin or bullet does not show consistently in IE6 */
vertical-align:top;
position: relative; margin-left:4px; margin-right:0; margin-top:3px; margin-bottom:0; padding-left:20px; padding-right:0; padding-top:3px; padding-bottom:3px;
}

#fancy2 li
{
padding-left: 10px;
background-repeat: no-repeat;
background-position: 0 0;
/* Keep left margin or bullet does not show consistently in IE6 */
vertical-align:top;
position: relative; margin-left:4px; margin-right:0; margin-top:3px; margin-bottom:0; padding-left:20px; padding-right:0; padding-top:15px; padding-bottom:3px;
}

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


#banner {
width: 827px; 
height: 324px; 
background-repeat:no-repeat;
min-width: 0;
}

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

#bluewave1 {
margin-top: -80px;
background: url('graphics/bluewaves3.jpg') no-repeat;
width: 133px;
height: 70px;
min-width: 0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:5px;
}

#nav { 
float: left;
margin: 50px 0 80px 63px;
padding: 0 0 40px 0;
border: solid green 0px;
width: 150px;
height: auto;
display: inline;
}


#ie8only #nav {  /* DO NOT REMOVE OR PAGE FAILS */
margin: 10px 0 78px -63px;
border: solid purple 0px;
}

#contentBox {
float: left;
position: relative; top: -138px; left: 72px;
padding: 0 0 10px 0;
border-bottom: dotted red 0px;
width: 480px;
height: auto;
overflow: hidden; 
display: inline;
}

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

#smallcontentBox {
float: left;
position: relative; top: -138px; left: 72px;
padding: 0 0 10px 0;
border-bottom: dotted red 0px;
width: 480px;
height: auto;
overflow: hidden; 
display: inline;
}

p.smallcontentBox {
padding: 15px 0 30px 0;
text-align: center;
font-size: 180%;
color: red;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px; 
padding: 0 0 1em;
}

h1.contentBox {   /* Blue-gray, italicized font with textured background */ 
background-image: url(graphics/wh_txt.gif); 
padding: 15px 15px 15px 20px; 
margin-left: 25px; 
margin-right: 35px; 
color: #5F7194; 
font-style: italic; 
font-weight: bold;
font-size: 1em;
}

#musicBox {
float: left;
margin: 50px 50px 20px 110px;
border: solid red 0px;
width: 270px;
height: auto;
color: #000066;
display: inline;
}

p.musicBox    {
text-align: left;
color: #800000;
}

#vidBox {
float: left;
margin: 8px 20px 5px -135px;
border: solid red 0px;
width: 455px;
height: auto;
color: #000066;
display: inline;
}

#textBox4 {
float: left;
margin: 30px 20px 0px 10px;
border: solid red 0px;
width: 455px;
height: auto;
color: #000066;
display: inline;
}

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

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

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

.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 */



/*-------- Table --------*/
table.style1 {
	border: 1px inset #8B8378;
		}
table.style1 td {
	border: 1px solid black;
	padding: 0.2em 2ex 0.2em 2ex;
	color: black;
	width: 60%;
} 

table.style1 tr.d0 td {
	background-color: #5F7194;
	vertical-align: top;
}
table.style1 tr.d1 td {
	background-color: #FFFFFF;
	vertical-align: top;
}

/*-------- END table --------*/

/*-------- Table2 --------*/
table.style2 {
	margin: 30px 0 0 -16px;
	border: 0px inset #8B8378;
	}
table.style2 td {
	border: 0px solid black;
	padding: 0.2em 2ex 0.2em 2ex;
	color: black;
	width: 60%; 
} 

table.style2 th {
background-color: #5F7194;  
text-align: center;
}

table.style2 tr.d0 td {
	background-color: #5F7194;
	vertical-align: top;
}
table.style2 tr.d1 td {
	background-color: #C0C0C0;
	vertical-align: top;
}


/*-------- END table --------*/



/*-------- Table3 --------*/
table.style3 {
	width: 440px;
	border: 1px inset #8B8378;
}

table.style3 td {
	border: 1px solid black;
	padding: 0.2em 2ex 0.2em 2ex;
	color: black;
} 

table.style3 tr.d0 td {
	background-color: #5F7194;
	border: 1px inset #8B8378;
	vertical-align: top;
}
table.style3 tr.d1 td {
	background-color: #FFFFFF;
	vertical-align: top;
}
table.style3 th {
	font-size: 130%;
	color: #000066;
} 

/*-------- END table --------*/

/*-------- Table4 --------*/
table.style4 {
	width: 480px;
	border: 0px inset #C0C0C0;
}

table.style4 td {
	border: 3px outset #A3ACC7;
	padding: 0.2em 2ex 0.2em 2ex;
	color: black;
	width: 50%; 
} 

table.style4 tr.d0 td {
	background-color: #5F7194;
	border: 3px outset #A3ACC7;
	vertical-align: top;
}
table.style4 tr.d1 td {
	background-color: #FFFFFF;
	vertical-align: top;
}
table.style4 th {
	font-size: 130%;
	color: #000066;
} 

/*-------- END table --------*/


/*-------- Table --------*/
table.style5 {
	border: 1px inset #B0C8DB;
		}
table.style5 td {
	border: 1px solid #B0C8DB;
	padding: 0.2em 2ex 0.2em 2ex;
	color: #000000;
	width: 60%;
} 

table.style5 tr.d0 td {
	background-color: #D8E3ED;
	border: 2px outset #B0C8DB;
	vertical-align: top;
	
}
table.style5 tr.d1 td {
	background-color: #FFFFFF;
	border: 2px outset #B0C8DB;
	vertical-align: top;
	
}

/*-------- END table --------*/


/*-------- Footer [BEGIN] --------*/
#footer
{
clear: both;
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;
}

/*-------- Footer [END] --------*/