/* St. Anne Church screen styles

			Table of Contents:
				generic styles
				layout
				typography
				images
				nav
				footer
				clearfix	
*/

/* generic styles
----------------------------------------------*/
* {
	margin: 0; 
	padding: 0;
}
/*this margin makes lists viewable in CMS*/
ul, ol{
	margin: 0 0 7px 20px;
}
img{ 
	border: none;
}

/* layout
----------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background: white;
	behavior: url("csshover.htc");	/*Menu behavior for IEWin */
} 
body.colored {
	background: #868664 url(/media/bg_tile.jpg) top left repeat;
}
#page{
	width: 770px;
	margin: 10px auto;
}
#header{
	background: url(/media/header_bg.jpg) bottom no-repeat;
	font-family: georgia, times, 'times new roman', serif;	
	height: 130px;
	position: relative;
}
#header h1{
	font-family: times, 'times new roman', georgia, serif;
	font-style: normal;
	color: white;
	font-size: 30px;
	position: absolute;
	top: 30px; 
	left: 190px;
}
#header h1 span{
	font-size: 26px;
	letter-spacing: 0.2em;
}
address{
	font-style: normal;
	font-weight: bold;
	color: #bfbe8f;
	position: absolute;
	top: 50px; 
	left: 350px;
}
#phonefax{
	float: right;
	margin: 100px 8px 0px 0;
}
#contentarea{
	background: white url(/media/contentarea_bg.jpg) top left repeat-y;
	display: block;
	position: relative;
}
#contentarea-open{
	background: white url(/media/contentarea_bg_open.jpg) top left repeat-y;
	display: block;
	position: relative;
}
#leftcol{
	float: left;
	width: 160px;
}
#content{
	float: left;
	padding: 10px;
	width: 430px;	/* Opera 5 */
	\width: 450px;	/* IE5Win */
	w\idth: 430px;	/* Others */
}
#content-open{
	float: left;
	padding: 10px;
	width: 570px;	/* Opera 5 */
	\width: 590px;	/* IE5Win */
	w\idth: 570px;	/* Others */
}
#content table tr.light{
	background: #eeeedd;
}	
#content table tr.dark{
	background: #e3e3cc;
}	
#rightcol{
	float: left;
	width: 150px;	/* Opera 5 */
	\width: 160px;	/* IE5Win */
	w\idth: 150px;	/* Others */
	padding: 15px 5px;
}
#rightcol .rightarea{
	margin-bottom: 15px;
}
#footer{
	clear: both;
	background: #78784d;
	padding: 0.4em 0;
}

/* typography
----------------------------------------------*/
h1, h2, h3, h4, h5{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: 0.2em;
}
h1 {
	font-size: 1.9em;
}
h2 {
	font-size: 1.7em;
}
#leftcol h2{
	font-size: 1.2em;
	color: #34340f;
	background: #acab7b;
	margin: 0;
	padding: 2px 3px;
}
h3{
	font-size: 1.5em;
}
h4{
	font-size: 1.3em;
}
h5, h6{
	font-size: 1.1em;
}
p{	
	margin-bottom: 0.5em;
}
#phonefax{
	color: #e2e2d2;
	font-size: 0.9em;
	font-weight: normal;
}
#leftcol *{
	font-family: verdana, tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
}	
#content, #content-homilies{
	line-height: 1.6;
}
#rightcol{
	text-align: center;
	font-size: 0.9em;
	font-weight: bold; 
}
#rightcol a{
	text-decoration: none;
}
#footer p{
	color: #a9aa80;
	text-align: center;
	font-size: 11px;
}
a:link {color: #666;}
a:visited {color: #666;}
a:hover {color: #888;}
a:active {color: #666;}

/* images
----------------------------------------------*/
#content img{
	margin: 7px;
	padding: 3px;
	border: 1px solid #333;
}

/* nav
----------------------------------------------*/
#nav, #static-nav {
	white-space: wrap;
	font-family: verdana, tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: #78784d;
}
#nav li, #static-nav li{
	background: #78784d url(/media/bullet.jpg) left no-repeat;
	padding-left: 10px;
	margin-left: 10px;
	border-bottom: 1px solid #95945c;
	position: relative;
}
#nav a, #static-nav a {
	display: block;
	text-decoration: none;
	padding: 5px 0px;
}
#nav a:link, #static-nav a:link {color: white;}
#nav a:visited, #static-nav a:visited {color: white;}
#nav a:hover, #static-nav a:hover {color: #bdbc8f;}
#nav a:active, #static-nav a:active{color: white;}
#nav a.current, #static-nav a.current {color: white;}
#nav ul, #static-nav ul {
	cursor: default;
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav ul li:hover ul, #static-nav ul li:hover ul { 
	display: block; /* Display sublist on hover */
	background: #78784d;
}
#nav ul.level0 li, #static-nav ul.level0 li {
	float: none;
	position: relative;
	/* IE hack use following rule if your links are block. IE inexplicabley adds 10px of bottom margin.
	border-bottom: 1px solid #000;*/
}
#nav ul.level1, #static-nav ul.level1 {
	display: none;
	width: 180px;
	position: absolute;
	left: 140px;
	top: 0;
	background: #FFF;
}
#nav ul.level1 li, #static-nav ul.level1. li {	
	float: none;
	display: inline;
	position: relative;
}

/* footer 
----------------------------------------------*/

#footer ul.topLevelNav {
	padding: 0;
	margin-bottom: 0.3em;
	list-style: none;
}
#footer ul.topLevelNav li {
	display: inline;
}
#footer a {
	padding: 0 0.5em;
	font-size: 0.9em;
	text-decoration: none;
	white-space: nowrap;
}
#footer a.cperry{
	padding: 0;
}

#footer a:link {color: #333;}
#footer a:visited {color: #333;}
#footer a:hover {color: black;}
#footer a:active {color: #333;}
#footer a.current {color: #333;}

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