/*  CSS Document - styles.css.php */

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img { border: none; }

body {
    font: 12px/17px lucida grande,arial,tahoma,sans-serif;
    background-color: #284375; color: #333;
    margin: 0 auto;
    text-align: center;
}

html p, html ul {

font-size:13px;
line-height:17px;

}

a { color: #000; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

/* Index Layout */

#top, #mast, #mast-bot, #nav, #actual-nav, #nav-bot, #splash-bot, #footer-nav, #footer, #footer-bot {
    width: 799px;
}

#top {
    background: url(../images/wrap-bg.jpg) repeat-y;
    margin: 0 auto;
    text-align: left;
}

#mast { background: url(../images/nativity-prep-academy.jpg) no-repeat; height: 60px; }
#mast-bot { background: url(../images/mast-bot.jpg); height: 26px; }

#mast h1 a span, #mast h2 { display: none; }
#mast h1 a { display: block; width: 398px; height: 49px; position: relative; top: 6px; left: 27px; }

#splash-left, #splash-right { float: left; height: 237px; }
#splash-left { background: url(../images/img-index.jpg); width: 356px; }
#splash-right {
    background: #fff url(../images/splash-bg.jpg) no-repeat left bottom;
    width: 434px;
    font-size: 13px;
    line-height: 18px;
}
    #splash-right p.first { padding-top: 44px; }
    #splash-right p { margin: 0 24px 7px 15px; }

#splash-bot { background: url(../images/splash-bot.jpg); height: 6px; }

#about-our-school, #volunteers-mentors, #our-students, #faculty-staff, #wish-list, #donate { float: left; }

#about-our-school, #volunteers-mentors {
    width: 363px; height: 149px;
    background: url(../images/two-panel-bg.jpg) repeat-y;
}

#about-our-school { margin-left: 29px; }
    #about-our-school p.title-2 { margin: 0 12px 5px; }
    #about-our-school p { margin: 0 12px 14px; }
#volunteers-mentors { margin-left: 16px; }
    #volunteers-mentors p.title-2 { margin: 0 12px 5px; }
    #volunteers-mentors p { margin: 0 12px 14px; }

.two-panel-top { height: 23px; background: url(../images/two-panel.jpg) no-repeat; }
.two-panel-bot { height: 149px; background: url(../images/two-panel-bot.jpg) no-repeat bottom; }

#our-students, #faculty-staff, #wish-list, #donate {
    width: 178px; height: 100%;
    background: url(../images/four-panel-bg.jpg) repeat-y;
}

#our-students, #faculty-staff, #wish-list, #donate { margin: 11px 0 22px 0; }

#our-students { margin-left: 29px; }
#faculty-staff { margin-left: 7px; }
#wish-list { margin-left: 17px; }
#donate { margin-left: 6px; }

.four-panel-bot p.title-2 { padding-top: 8px; margin: 0 12px 5px; }
.four-panel-bot p { margin: 0 12px 14px; }

.four-panel-bot { height: 200px; background: url(../images/four-panel-bot.jpg) no-repeat bottom; }

#footer { text-align: left; background: url(../images/footer.jpg); height: 21px; position: relative;}
    #footer span { display: none; }
	#footer #gearylink1 { position: absolute; margin: 5px 0 0 311px; height: 10px; width: 199px; }
    
#footer-bot { background: url(../images/footer-bot.jpg); height: 88px;}

/* Inside Pages */

#featured-student-container { width: 789px; height: 241px; }
	#featured-student, #featured-student-container blockquote { float: left; }
	#featured-student { width: 315px; height: 241px; background: url(../images/img-featured-student.jpg); }
	#featured-student-container blockquote {
		width: 474px; height: 241px;
		background: url(../images/featured-student-bg.jpg) no-repeat;
		color: #fff;
	}
	#featured-student-container blockquote h3 { height: 84px; display: block; }
	#featured-student-container blockquote h3 span { display: none; }
	#featured-student-container blockquote p {
		padding: 0 124px 8px 0; 
	}
	#featured-student-container blockquote em {
		font: bold normal 14px/15px lucida grande,arial,tahoma,sans-serif;
	}
	#featured-student img {
		position: relative;
		top: 47px;
		left: 147px;
	}
    
#left-col, #right-col { float: left; }

#left-col { width: 577px; }
.header-line {
    width: 498px; height: 15px;
    background: url(../images/header-line.jpg) no-repeat;
    margin-left: 42px;
}
.header-line-long {
    height: 15px;
    background: url(../images/header-line-long.jpg) no-repeat;
    margin-left: 44px;
}

    .header-line hr, .header-line-long hr { display: none; }
#left-col p.title-2 { padding-top: 31px; margin: 0 35px 5px 42px; }
#left-col p { margin: 0 35px 14px 42px; }
#right-col { width: 201px; }

#student-stories { background-color: #284273; color: #fff; width: 184px; }
    #student-stories p { font-size: 12px; padding-bottom: 12px; margin-left: 42px; }
 	#student-stories a { text-decoration: none; }

.student-story {
    width: 169px; 
    margin: 9px 0 6px 7px;
    color: #000;
    font-size: 12px;
    line-height: normal; 
    font-weight: bold;
	text-shadow: #fff 1px 2px;
}
.student-story big { font-size: 14px; }
    .student-story p { padding: 12px 15px 10px 15px; }
	.student-story a {
		display: block;
		width: 169px; height: 96px;
	}
	.student-story span { padding: 44px 15px 0 15px; }

.ss-l { text-align: right; }

.ss-top {
	width: 169px; height: 11px;
	margin: 12px 0 0 8px;
	background: url(../images/ss-top.jpg) no-repeat;
	}
.ss-bg {
	width: 169px; height: auto;
	margin: 0 0 0 8px;
	background: url(../images/ss-bg.jpg) repeat-y;
	}
	.ss-bg p {
		padding: 0 12px 5px;
		font: 12px/12px lucida grande,arial,tahoma,sans-serif;
		color: #fff;
	}
.ss-bot { height: 11px; background: url(../images/ss-bot.jpg) no-repeat bottom left; }


#month-header {
	width: 320px;
	padding: 7px; margin-left: 44px;
	border-top: 1px solid #bb5c00;
	border-right: 1px solid #bb5c00;
	border-left: 1px solid #bb5c00;
	font-size: 14px;
}

.event {
	border: 1px solid #bb5c00;
	float: left;
}

.inside-container p { padding: 0 37px 14px 44px; }

.inside-container p.first,
.inside-container-2 p.first,
.events-container p.first { padding-top: 40px; }

.inside-container p.title-2,
.inside-container-2 #mid-col-ins p.title-2,
.events-container p.title-2 { padding-bottom: 5px; }

.inside-container ul.list { padding: 0 37px 14px 62px; list-style: outside disc; }
.inside-container-2 #mid-col-ins ul.list { padding: 0 14px 14px 34px; list-style: outside disc; }
	.inside-container ul.list li,
	.inside-container-2 #mid-col-ins ul.list li { padding-bottom: 7px;}

.inside-container dl { width: 692px; margin: 0 37px 0 44px; }
.inside-container dd.left, .inside-container dd.right { float: left; height: auto; }
.inside-container dd.left { width: 200px; }
.inside-container dd.left img { margin: 10px 5px 5px 10px;}
.inside-container dd.right { width: 492px; padding-top: 20px; }
.inside-container dd p { margin: 0 0 5px 22px; }
.inside-container dd p strong { font-size: 13px; color: #284375; }

dd.eventsDesc p { padding-left: 0; margin-left: 0; }

.inside-container-2 { width: 779px; margin: 0 auto; background: url(../images/ins-bg.gif) repeat-y; }
.inside-container-2 .header-line-long { margin: 0 12px 0 14px; }
#left-col-ins, #mid-col-ins, #right-col-ins { float: left; }
	#left-col-ins, #right-col-ins { width: 150px; }
	#mid-col-ins { width: 479px; }
		#mid-col-ins p {
			padding-bottom: 22px;
			padding-right: 12px;
			padding-left: 14px;
		}
		.inside-container form {
			padding-bottom: 22px;
			padding-right: 12px;
			padding-left: 44px;
		}
		#mid-col-ins form {
			padding-bottom: 22px;
			padding-right: 12px;
			padding-left: 14px;
		}
		.inside-container fieldset,
		#mid-col-ins form fieldset {
			padding-bottom: 5px;
		}
		.inside-container fieldset.custom,
		#mid-col-ins form fieldset.custom {
			float: left;
			padding-right: 10px;
		}
		
/* Navigation */

#actual-nav { background: url(../images/nav.jpg) no-repeat; }
#actual-nav, #actual-nav li, #actual-nav a { height: 32px; }
#actual-nav li { float: left; _display: inline; }
#actual-nav li, #actual-nav a { display: block; }
#actual-nav li a span { display: none; }

#btn-1 { width: 80px; margin-left: 60px; }
#btn-2, #btn-3, #btn-4, #btn-5, #btn-6, #btn-7 { /*margin-left: 1px;*/ }
#btn-2 { width: 92px; }
#btn-3 { width: 110px; }
#btn-4 { width: 110px; }
#btn-5 { width: 78px; }
#btn-6 { width: 90px; }
#btn-7 { width: 119px; }

#btn-1 a:hover { background: url(../images/nav.jpg) no-repeat -60px -32px; }
#btn-2 a:hover { background: url(../images/nav.jpg) no-repeat -140px -32px; }
#btn-3 a:hover { background: url(../images/nav.jpg) no-repeat -232px -32px; }
#btn-4 a:hover { background: url(../images/nav.jpg) no-repeat -342px -32px; }
#btn-5 a:hover { background: url(../images/nav.jpg) no-repeat -452px -32px; }
#btn-6 a:hover { background: url(../images/nav.jpg) no-repeat -530px -32px; }
#btn-7 a:hover { background: url(../images/nav.jpg) no-repeat -620px -32px; }

#actual-nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #f2b011;
}

#actual-nav li ul li { height: 20px; }

#actual-nav li ul li a {
	width: auto;
	height: 20px;
	line-height: 20px;
}

#actual-nav li ul li a span {
	display: block;
	padding-left: 15px;
}

#actual-nav a:link, #actual-nav a:visited, #actual-nav a:hover, #actual-nav a:active {
	font: 12px/20px lucida grande,arial,tahoma,sans-serif;
	color: #433334;
	text-decoration: none;
}

#actual-nav li:hover ul, #actual-nav li.sfhover ul { left: auto; z-index: 50; display: block; }

#btn-1 ul a:hover, #btn-2 ul a:hover, #btn-3 ul a:hover, #btn-4 ul a:hover, #btn-5 ul a:hover, #btn-6 ul a:hover, #btn-7 ul a:hover{ 
	background-image: none;
	background-color: #ce6702;
	color: #fff;
}

#btn-1 ul, #btn-1 li, #btn-3 ul, #btn-3 li, #btn-4 ul, #btn-4 li, #btn-5 ul, #btn-5 li, #btn-7 ul, #btn-7 li { width: 165px; }	
#btn-2 ul, #btn-2 li, #btn-6 ul, #btn-6 li { width: 200px; }	

#nav-bot { background: url(../images/nav-bot.jpg); height: 15px; }

#actual-footer { background: url(../images/footer-nav.jpg) no-repeat; }
#actual-footer, #actual-footer li, #actual-footer a { height: 22px; }
#actual-footer li { float: left; _display: inline; }
#actual-footer li, #actual-footer a { display: block; }
#actual-footer li a span { display: none; }

#fn-btn-1 { width: 86px; margin-left: 95px; }
#fn-btn-2, #fn-btn-3, #fn-btn-4, #fn-btn-5, #fn-btn-6, #fn-btn-7 { margin-left: 1px; }
#fn-btn-2 { width: 83px; }
#fn-btn-3 { width: 100px; }
#fn-btn-4 { width: 70px; }
#fn-btn-5 { width: 56px; }
#fn-btn-6 { width: 67px; }
#fn-btn-7 { width: 80px; }

/* Classes */

.clear { clear: both; }
.inline li { float: left; _display: inline; padding: 0 5px; border-left: 1px solid #333; font-size: 12px; line-height: 12px; }
    li.first { border-left: none; }
.title {
    font: 21px/21px arial,sans-serif;
    text-transform: uppercase;
}

.title-2 {
    font: 16px/16px arial,sans-serif;
    text-transform: uppercase;
}

.student-container { background: #fff url(../images/student-container.jpg) repeat-y right; width: 779px; margin: 0 auto; }
.inside-container { background-color: #fff; width: 779px; margin: 0 auto; }
.xf3b111 { color: #f3b111; }
.xff8100 { color: #ff8100; }
.xbb5c00 { color: #bb5c00; }
.xf3b111 { color: #f3b111; }
.x284375 { color: #284375; }