/*

	TITLE:	Iglesia Casa de Alabanza (ICA)
	DATE:	10-24-08

*/

/*
 MAIN 
-----------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

blockquote {
	padding: 1em 1.5em;
	display: block;
	}

dt {
	margin-top: .5em;
	font-weight: bold;
	}

dd {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1em;
	}

table { 
	border-collapse: collapse;
	border-spacing: 0;
	}

/* img {
	border: none;
	} */

p {
	margin: .5em auto 1em;
	}

strong { 
	font-weight: bold;
	}

em {
	font-style: italic;
	}

/* links */

a{color: #4a8398; font-weight: bold; }
a:hover{text-decoration: none;}

/*
 LAYOUT.
-----------------------------------------------*/

#bg{width: 100%; float: left; background: #fff url('images/mainBg.jpg') repeat-x;}
#bgStretch{width: 100%; height: auto; min-height: 700px; _height: 700px; float: left; background: url('images/bgStretch.jpg') center top no-repeat;}

#mastCon{width: 780px; margin: -4px auto 0 auto;}

#header{
	width: 780px;
	float: left;
	height: 126px;
}
#header h1#logo{margin: 0;}
#header h1#logo a{
	width: 352px;
	float: left;
	text-indent: -9999px;
	display: block;
	font-size: 0px;
	height: 126px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#header .search{width: 166px; float: right; padding: 85px 0 0 0;}
#header .search .searchInput{
	width: 93px;
	height: 21px;
	float: left;
	background: url('images/searchTxt.jpg') no-repeat;
	border: 0;
	font-size: 11px;
	font-weight: normal;
	padding-left: 4px;
	padding-right: 4px;
}
#header .search .searchButton{width: 51px; height: 21px; float: right; font-size: 0; background: url('images/searchBtn.jpg') no-repeat; border: 0;}

#container{width: 780px; float: left; background: #fff; border-top: 4px solid #6498a7;}
#container #mainNav{width: 740px; float: left; padding: 15px 20px; background: #1b1b1b url('images/mainNav.jpg') repeat-x;}
#container #mainNav li{
	display: inline;
	margin: 0px;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
}
#container #mainNav li a{text-transform: Uppercase; text-decoration: none; color: #fff;}
#container #mainNav li a:hover{color: #6bcae8;}

/* Home */

#container #flash{ width: 780px; float: left; height: 249px; background-color: #000000;}
#container #flash #nodisplay{
	width: 780px;
	float: left;
	height: 200px;
	background-color: #000000;
	color: #666666;
	text-align: center;
	padding-top: 40px;
}

#container #intro{width: 780px; float: left; color: #18434d;}
#container #intro #welcome{width: 458px; float: left; margin: 15px 0 15px 20px; padding: 10px 10px 10px 20px; display: inline; background: #6bcae8 url('images/welcome.jpg') 0 top no-repeat;}
#container #intro #welcome h1{color: #fff; font-weight: normal; font-size: 2.1em;}
#container #intro #welcome h2{font-size: 1.2em; color: #335b69;}
#container #intro #news{width: 210px; padding: 15px 25px; float: right;}
#container #intro #news h1{ color: #ff4683; padding: 0px; margin-top: 0.4em; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#container #intro #news .linksModule{padding: 10px 0 0 0;}
#container #intro #news .linksModule ul{ width: 210px; float: left; background: url('images/linksSep.jpg') top repeat-x;}
#container #intro #news .linksModule li{width: 210px; float: left; list-style: none; background: url('images/linksSep.jpg') bottom repeat-x;}
#container #intro #news .linksModule li a{color: #4a8398; text-decoration: none; float: left; padding: 6px 10px 6px 20px; background: url('images/listArrow.jpg') 0 9px no-repeat;}
#container #intro #news .linksModule li a:hover{color: #4a8398; text-decoration: underline; float: left; padding: 6px 10px 6px 20px; background: url('images/listArrow.jpg') 0 9px no-repeat;}
#container #intro #news .linksModule br {display: none;}


/* Internal */

body#internal 
#container{background: url('images/container.jpg') right top repeat-y;}
#container #mainCol{width: 575px; float: left;}
#container #mainCol #image{width: 575px; float: left;}
#container #mainCol #content{width: 515px; float: left; padding: 20px 30px;}

#container #mainCol #content h1{
	font-size: 2.5em;
	color: #79d1e5;
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: .5em;
}

#container #mainCol #content h2{
	font-size: 1.8em;
	color: #000000;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding: 0px;
}

#container #mainCol #content h3{
	font-size: 1.6em;
	color: #9CB926;
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: .5em;
}

#container #mainCol #content h4{
	font-size: 1.3em;
	color: #F5477C;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 0.5em;
}

#container #mainCol #content h5{
	color: #000000;
	font-weight: normal;
	margin-bottom: .5em;
	margin-top: .5em;
}

#container #mainCol #content h6{
	color: #79d1e5;
	font-weight: normal;
	margin-bottom: .5em;
	margin-top: .5em;
}

#container #mainCol #content ul{padding: 5px 15px;}

#container #subCol{width: 205px; float: right;}
#container #subCol #sideNav{width: 205px; padding: 15px 0; float: left; background: #6bcae8;}

#container #subCol #sideNav h1{
	color: #fff;
	font-weight: normal;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#container #subCol #sideNav ul{width: 205px; float: left; background: url('images/sideNavSep.jpg') 0 top repeat-x;}
#container #subCol #sideNav li{width: 205px; float: left; list-style: none; background: url('images/sideNavSep.jpg') 0 bottom repeat-x;}
#container #subCol #sideNav li a{width: 205px; float: left; color: #fff; text-decoration: none; padding: 7px 0 7px 30px; background: url('images/sideNavArrow.jpg') 12px 9px no-repeat; text-transform: uppercase;}
#container #subCol #sideNav li a:hover{color: #4b809c; background: url('images/sideNavOver.jpg') 12px 9px no-repeat;}

* html #container #subCol #sideNav, * html #container #subCol #sideNav ul, * html #container #subCol #sideNav li, * html #container #subCol #sideNav li a {width: 175px !important;}

/* Second Level */

#container #subCol #sideNav ul ul{width: 205px; float: left; background-image: none;}
#container #subCol #sideNav ul ul li{width: 205px; float: left; list-style: none; background-image:none;}
#container #subCol #sideNav ul ul li a{width: 195px; float: left; color: #33576C; text-decoration: underline; padding: 7px 0 7px 40px; background-image: none; text-transform: none;}
#container #subCol #sideNav ul ul li a:hover{color: #4b809c; background-image: none; text-decoration: none;}

*html #container #subCol #sideNav ul ul, * html #container #subCol #sideNav ul ul li, * html #container #subCol #sideNav ul ul li a {width: 155px !important;}

/* Third Level */

#container #subCol #sideNav ul ul ul{width: 205px; float: left; background-image: none;}
#container #subCol #sideNav ul ul ul li{width: 205px; float: left; list-style: none; background-image:none;}
#container #subCol #sideNav ul ul ul li a{width: 185px; float: left; color: #33576C; text-decoration: underline; padding: 7px 0 7px 50px; background-image: none; text-transform: none;}
#container #subCol #sideNav ul ul ul li a:hover{color: #4b809c; background-image: none; text-decoration: none;}

*html #container #subCol #sideNav ul ul ul, * html #container #subCol #sideNav ul ul ul li, * html #container #subCol #sideNav ul ul ul li a {width: 135px !important;}


/* Fourth Level */

#container #subCol #sideNav ul ul ul ul {width: 205px; float: left; background-image: none;}
#container #subCol #sideNav ul ul ul ul li{width: 205px; float: left; list-style: none; background-image:none;}
#container #subCol #sideNav ul ul ul ul li a{width: 175px; float: left; color: #33576C; text-decoration: underline; padding: 7px 0 7px 60px; background-image: none; text-transform: none;}
#container #subCol #sideNav ul ul ul ul li a:hover{color: #4b809c; background-image: none; text-decoration: none;}

*html #container #subCol #sideNav ul ul ul ul, * html #container #subCol #sideNav ul ul ul ul li, * html #container #subCol #sideNav ul ul ul ul li a {width: 135px !important;}


#container #subCol #sideSec{width: 187px; float: left; padding: 10px 8px 10px 10px;}
#container #subCol #sideSec h1{color: #fb6696; font-weight: normal; padding: 5px 0px 10px 0px; margin: 0 0 10px 0; background: url('images/sideHeadSep.jpg') left bottom repeat-x;}
#container #subCol #sideSec ul{padding: 5px 15px;}

#admin{width: 740px; padding: 20px; float: left; background: #fff;}

#footer{width: 740px; padding: 20px; float: left; text-align: right; font-size: .9em; font-weight: normal; text-transform: Uppercase; color: #989898;}
#footer a{color: #989898; font-weight: normal; text-decoration: none;}
#footer a:hover{text-decoration: underline;}
#footer #footerNav li{padding: 2px 5px;}
#footer p#sky a{width: 119px; height: 32px; float: right; text-indent: -9999px; font-size: 0; display: block; background: url('images/sky.jpg') no-repeat;}

img.right{float: right; margin: 0px 5px 5px 15px; display: inline;}

/* clearing */

#ListOfDivs:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}