/* CSS for CatholicFoundation.com */

body {
	background-color:#f9f9f9;
	margin:0;
}

#container {
	width:902px; 
	margin-left:auto; 
	margin-right:auto; 
	background-color:#f9f9f9;
	position:relative;
	margin-top:0;
	/*overflow:visible;*/
}

#main_nav {
	position:absolute; 
	top:25px; 
	left:0; 
	background-color:#f9f9f9;
}

#main_nav ul {
	list-style:none;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:13pt;
	background-color:#f9f9f9;
}

#main_nav ul li.contact {
	color:#ec008c;
	margin-top:15px;	
}

/*
#main_nav a:link {color:#303030; text-decoration:none;} 
#main_nav a:visited {color:#303030; text-decoration:none;} 
#main_nav a:active {color:#50c7f4; text-decoration:none;} 
#main_nav a:hover {color:#50c7f4; text-decoration:none;}
*/


#secondary_nav1 {
	position:absolute; 
	top:25px; 
	left:425px; 
	background-color:#f9f9f9;
}

#secondary_nav2 {
	position:absolute; 
	top:25px; 
	left:625px; 
	background-color:#f9f9f9;
}

ul.secondary_nav, ul.secondary_nav2 {
	list-style:none;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:13pt;
	background-color:#f9f9f9;
}

/*
#secondary_nav a:link {color:#303030; text-decoration:none;} 
#secondary_nav a:visited {color:#303030; text-decoration:none;} 
#secondary_nav a:active {color:#50c7f4; text-decoration:none;} 
#secondary_nav a:hover {color:#50c7f4; text-decoration:none;}
*/


#main_logo { 
	position:absolute;
	top:217px; 
	left:0; 
	width:902px;
	overflow:visible;
}


a:link {color:#303030; text-decoration:none;} 
a:visited {color:#303030; text-decoration:none;} 
a:active {color:#50c7f4; text-decoration:none;} 
a:hover {color:#50c7f4; text-decoration:none;}


a.active:link {color:#50c7f4; text-decoration:none;} 
a.active:visited {color:#50c7f4; text-decoration:none;} 
a.active:active {color:#50c7f4; text-decoration:none;} 
a.active:hover {color:#50c7f4; text-decoration:none;}


#portfolio_text h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15pt;
	font-weight:normal;
	color:#2d2d2e;
	margin:22px 40px 0 30px;
}

#portfolio_text p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:12pt;
	color:#ffffff;
	margin-top:14px;
	margin-left:30px;
	margin-right:40px;
}




/* Styles for Photos on US section */
#us_photos {
	background-image:url(../assets/images/us_updated_bg2.gif); 
	width:884px; 
	height:230px; 
	margin-top:0; 
	position:absolute;
	z-index:-100;
}

#us_photos img {
	border:none;
}

/*

span.us_link {
    position: absolute;
}


span.us_link a span {
    display: none;
}

span.us_link a:hover {
	font-size:99%;
}

span.us_link a:hover span { 
	display: block; 
	position: absolute; 
    left:77px;
	top:38px; 
	width: 100px;
	height: 70px; 
	padding: 8px; 
    color: #231f20; 
    background: #b7e6f8; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	line-height:12px;
	text-align: left; 
    text-decoration: none;
	overflow:hidden;
}

 */







/* Trying something new */
a.tip {
	position: absolute;
}

a.tip h2, h3 {
	margin-top:0;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:12px;
	font-weight:normal;
}

a.tip span {
	display: none;
	position: absolute;
	top: 37px;
	left: 77px;
	width: 231px;
	height: 153px; 
	padding: 12px; 
    color: #231f20; 
    background: #b7e6f8; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	line-height:12px;
	text-align: left; 
	/*-moz-border-radius: 5px; /* this works only in camino/firefox */
	/*-webkit-border-radius: 5px; /* this is just for Safari */
}

a.tip span.tip_left {
	top: 37px;
	left: -116px;
	width: 92px;
	height: 62px; 
}

a.tip span.tip_left2 {
	top: -37px;
	left: -116px;
	width: 92px;
	height: 62px;
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
	display: block;
}