@charset "UTF-8";
/* Our Lady of the Hills Website CSS
	Design By: The Ad Ranch.
	URL:  http://www.adranch.com

*/

/* STRUCTURE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
body
{
	background: #000044;
	color: #000066;
	margin: 0;
  	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#body-wrapper{
	background-color: #FFF;
	width: 800px;
  	margin-left: auto;
  	margin-right: auto;
}
/* TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
a:link, a:visited{
	color: #099;
	text-decoration:none;
}
a:hover{
	color: #ffcc66;
	text-decoration:none;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000066;
	font-weight: 300;
	margin: 0 0 15px 0;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #099;
	text-transform:uppercase;
	font-weight:100;
	margin: 10px 0 3px 0
}
ol{
	color: #000066;
	margin: 0 0 5px 15px;
}


/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */



/* NAV MENU BAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#nav-bar{
	width: 800px;
}

.nav-bar-top{
	float:left;
	background: #ffcc66 url(../images/main/nav-bg.jpg) repeat-x;
	width: 800px;
	height: 42px;
}
.nav-bar-bot{
	float: left;
	width: 800px;
	height: 32px;
}
.nav-bar-bot-trim{
	float: left;
	background: #ffcc66 url(../images/main/nav-band-bot.jpg) repeat-x;
	width: 800px;
	height: 9px;
}
.top-menu-bar{
	float: left;
	width: 800px;
	text-align:left;
	margin: 10px 0 0 0;
	padding: 0;
}
.top-menu-bar li {
	list-style:none;
	float: left;
	width: 88px;
	height: 32px;
}
.top-menu-bar li a{
	background: url(../images/main/tabs/top-menu-tab.jpg) no-repeat;
	float: left;
	width: 88px;
	height: 32px;
	list-style:none;
	display:block;
	margin: 0;
	padding: 4px 0 0 0;
	text-decoration:none;
	color:#000;
	text-align: center;
	font-size: 11px;
}
.top-menu-bar li a:hover{
	background-position: 0 -32px;
}
.bot-menu-bar{
	background-color: #ffcc66;
	float: left;
	width: 800px;
	margin: 0;
	padding: 0;
}
.bot-menu-bar li {
	list-style:none;
	float: left;
}
.bot-menu-bar li a{
	float: left;
	list-style:none;
	display:block;
	margin: 0;
	padding: 6px 0 0 0;
	text-decoration:none;
	color:#000;
	text-align: center;
	font-size: 11px;
}
/* SPECIFIC MENU TABS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#faculty a{
	background: url(../images/main/tabs/bot-menu-tab-short3.jpg) no-repeat;
	width: 59px;
	height: 28px;
}
#faculty a:hover{
	background-position: 0 -32px;
}
#photo-gallery a{
	background: url(../images/main/tabs/bot-menu-tab-short2.jpg) no-repeat;
	width: 69px;
	height: 28px;
}
#photo-gallery  a:hover{
	background-position: 0 -32px;
}
#extra-curricular a{
	background: url(../images/main/tabs/bot-menu-tab.jpg) no-repeat;
	width: 99px;
	height: 28px;
}
#extra-curricular a:hover{
	background-position: 0 -32px;
}
#news-from-the-hill a{
	background: url(../images/main/tabs/bot-menu-tab.jpg) no-repeat;
	width: 99px;
	height: 28px;
}
#news-from-the-hill a:hover{
	background-position: 0 -32px;
}
#administration a{
	background: url(../images/main/tabs/bot-menu-tab.jpg) no-repeat;
	width: 99px;
	height: 28px;
}
#administration a:hover{
	background-position: 0 -32px;
}
#board-members a{
	background: url(../images/main/tabs/bot-menu-tab-short2.jpg) no-repeat;
	width: 69px;
	height: 28px;
}
#board-members a:hover{
	background-position: 0 -32px;
}
#student-handbook a{
	background: url(../images/main/tabs/bot-menu-tab-short1.jpg) no-repeat;
	width: 79px;
	height: 28px;
}
#student-handbook a:hover{
	background-position: 0 -32px;
}
#support-us a{
	background: url(../images/main/tabs/bot-menu-tab-short1.jpg) no-repeat;
	width: 79px;
	height: 28px;
}
#support-us a:hover{
	background-position: 0 -32px;
}
#links a{
	background: url(../images/main/tabs/bot-menu-tab-short3.jpg) no-repeat;
	width: 59px;
	height: 28px;
}
#links a:hover{
	background-position: 0 -32px;
}
#renweb a{
	background: url(../images/main/tabs/bot-menu-tab-short1.jpg) no-repeat;
	width: 79px;
	height: 28px;
}
#renweb a:hover{
	background-position: 0 -32px;
}

/* MAIN CONTNENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#main-content{
	background: #FFF url(../images/main/content-bg-top.gif) repeat-x;
	float:left;
	width: 800px;
}
.the-content{
	float:left;
	width: 400px;
	margin:25px 0 25px 25px;
}
.the-content p{
	margin: 0 0 10px 0;
	color: #000066;
	line-height: 18px;
}

/* SIDE BAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.side-bar{
	float:left;
	width:300px;
	margin: 15px 0 0 25px;
}
.side-bar p{
	margin: 0 0 10px 0;
	color: #000066;
}
/* SPOTLIGHT BOX
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.spotlight-box{
	background: url(../images/main/spotlight/spotlight-bg.jpg) repeat-x;
	width: 325px;
	height: 196px;
}
h2.spotlight{
	color:#FFF;
	font-size:20px;
	padding: 10px;
	font-style:oblique;
}
.spot-img{
	float: left;
	width: 181px;
	font-weight:bold;
	padding: 0 0 0 10px;
}
.spot-txt{
	float:left;
	width: 100px;
	color: #FFF;
	font-style: italic;
	padding: 0 0 0 10px;
}
/* NEWSFLASH BOX
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.news-flash-box{
	background: url(../images/main/news-flash/news-flash-bg.jpg) repeat-x left top;
	border-left: 1px #cc3333 dotted;
	width: 325px;
	margin: 0;
}
h2.news-flash{
	color:#FFF;
	font-size: 20px;
	font-weight:bold;
	padding: 10px;
	font-style:oblique;
}
.news-flash-clear{
	clear:both;
	padding: 20px 0 20px 0;
}
.news-flash-box p{
	margin: 0 0 10px 5px;
	font-style: italic;
	color: #000;
	line-height: 16px;
}
a.read-more{
	float:right;
	display:block;
	color: #cc3333;
	font-size:11px;
	font-weight:700;
}
a:hover.read-more{
	color: #ffcc66;
}
color: #ffcc66;
/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#footer {
	float:left;
	width: 800px;
	background-color:#FFF;
	padding: 20px 0;
}
.footer-text{
	color: #3399cc;
	font-size: 10px;
	text-align:center;
}
.street{
	margin: 0 0 0 15px;
}
.city-state-zip{
	margin: 0 0 0 15px;
}
.phone{
	margin: 0 0 0 15px;
}
.footer-text p{
	color: #000066;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
}
.footer-text p a:link, .footer-text p a:visited {
	color: #000066;
	text-decoration:none;
}
.footer-text p a:hover{
	color: #ffcc66;
	text-decoration:none;
}