/*****************************************************/
/* stPhil_Layout.css                                   */
/* Use with pages for the StPhilomenaOnline.org site */
/*****************************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	height: 100%;
	font-family: Arial,sans-serif;
	font-size: 10pt;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #ffffcc;
}

html {
	height: 100%;
}
/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #CC0033;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #cc0033;
 margin: 0px;
 padding: 0px;
}

h2{
	font: bold 114% Arial,sans-serif;
	color: #cc0033;
	margin: 0px;
	padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #CC0033;
 margin: 7px 0px 0px 0px;
 padding: 0px;
}

h4{
 font: bold 100% Arial,sans-serif;
 color: #FFFFCC;
 margin: 0px;
 padding: 0px;
}

h5{
 font: bold 100% Arial,sans-serif;
 color: black;
 margin: 0px;
 padding: 0px;
}

.weekly{
	font-size:80%;
}
.date{
	font-size:90%;
	font-color:#ffffcc;
	background-color:#CC0033;
	color: #FFFFCC;
	font-weight: bold;
}

/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container {
	width: 750px;
	margin-left: auto;
	margin-right:auto;
	background-color:#ffffcc;
	padding: 0;
	text-align: left;
	height:100%;
}

#top {
	position: absolute;
	width: 750px;
	height: 100px;
	background: #ffcc00;
	border-bottom: 1px solid #999999;
}

#left {
	position: absolute;
	font: 75% Verdana,sans-serif;
	padding: 0px 0px 10px 10px;
	top: 101px;
	width: 140px;
	
	background: #CC0033;
	border-top: 1px solid black;
	border-right: 1px solid black;
	color: #ffffcc;
	margin: 0px;
}

#contentarea {
	position:absolute;
	margin-left: 150px;
	padding-left:10px;
	padding-top:10px;
	margin-top: 101px;
	border-top: 1px solid black;
	width: 590px;
}
#contentarea font{text-align:left;}

#content_1col {
/*	position:absolute;*/
	width: 450px;
	padding: 5px;
}

#upperLeft {
/*	margin: 101px 0 0 150px;
	position: absolute;
	border-top: 1px inset black;
	border-left: 1px inset black; */
	width: 290px;
	height: 100px;
	padding: 5px;
}

#upperRight {
	position: absolute;
/*	top: 101px;
	border-top: 1px solid black; */
	width: 290px; 
	top: 0px;
	margin-left: 300px;
	padding: 5px;
}

#center {
	position: relative;
/*	border-left: 1px solid black; */
	padding: 5px;
	margin: 0px 0 0 1px;
	width: 589px;
	background:#66CC99;
}
body#Home #center {
	width:390px;
}

/*	Calendar
-------------------------------------------------------------------------------*/
#CalendarList {
	float:right;
	margin-right:10px;
	border:1px solid black;
	padding:10px;
	width:140px;
	clear:right;
}
#cal1Container{
	text-align:center;
}
#CalendarList ul {
	margin-left:15px;
	padding-left:0px;
	margin-top:0px;
}
.calcell:hover, .calcell.calcellhover {
	background-color:white;
	border-color:white;;
}
.calcell:hover a, .calcell.calcellhover a {
	color:black;			
}
.calbordered {
	background-color:white;
}
.calweekdaycell {
	color:white;
}
.EventDate {
	font-weight:bold;
	background-color:#FFD21F !important;
}
.EventDate a:link, .EventDate a:visited {
	color:white !important;				
}

/*	Header
-------------------------------------------------------------------------------*/
#lowerLeft {
	position: absolute;
	width: 290px;
	height: 100px;
	padding: 5px;
}

#lowerRight {
	position: absolute;
	width: 290px;
	margin-left: 300px;
	padding: 5px;
}

/************* center styles *********/
#center h1{
	color: #ffffcc;
}

/************ left styles ************/

#navlist 
{
	margin-left: -40px;
	* margin-left:0px;
	margin-top: 0;
	font: 11px verdana, sans-serif;
	width: 15em;
	_ width: 12em;}

#navlist li 
{
	list-style: none;
	margin: 0px;
	margin-top: 0px;
	text-align: left;
}

#navlist li a 
{
	display: block;
	padding: 0.3em 0em 0.3em 3px;
	text-decoration: none;
}

#navlist li a:link { color: #ffffff; }
#navlist li a:visited { color: #fff; }

#navlist li a:hover
{
	font-weight:bold;
	color: #CC0033;
	background: #ffffcc;
	border-left: 3px #ffcc00 solid;
}



#left h1{
	font: bold;
	color: #FFFFCC;
	margin-top: 10px;
	margin-left: -5px;
}

#left h2{
	font: bold;
	color: #FFFFFF;
	margin:0px;
	padding: 0px;
}


#left a{
	color: #ffffff;
}

#left a:hover{
	text-decoration: underline;
	color: #CC0033;
	background-color: #FFFFCC;
}
	

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #919999;
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}


/************** feature styles *****************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}


/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 99%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}
body#Home p{margin-right:190px;}

/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:   url("bg_nav.jpg");
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}


/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}

/********************* end **********************/

a img {

	border:0px;
}