/* CSS Document */

body {
font:Arial, Helvetica, sans-serif;
margin:15px 0px 10px 0px;
padding:0%;
text-align:center;
}

body#home a#nav-home,
body#about a#nav-about,
body#facility a#nav-facility,
body#curriculum a#nav-curriculum,
body#kindergarten a#nav-kindergarten,
body#grades1-2 a#nav-grades1-2,
body#grades3-4 a#nav-grades3-4,
body#grades5-6 a#nav-grades5-6,
body#admissions a#nav-admissions,
body#staff a#nav-staff,
body#contact a#nav-contact,
body#callendar a#nav-calendar  {
position:relative;
background:url(images/link_hover.png) top left no-repeat;
color:#0366dc;
font-weight:bold;
padding:4px 0px 0px 8px;
margin:0px;
}



h3 {
font-family:Arial, Helvetica, sans-serif;
color:#3399FF;
margin:0px 0px 0px 0px;
padding:0px;
}

h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #CCCCCC;
padding:0px 0xp 0px 0px;
margin:0px 0px 0px 0px;
}

h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.hr {
border-bottom:thin solid #000000;
margin:5px 0px 0px 0px;
padding:0px 0px 1px 10px;
}

.bodycopy {
font:14px normal Verdana, Arial, Helvetica, sans-serif;
text-indent: 10px;
margin: 10px 10px 10px 10px;
padding: 7px 0px 7px 0px;
}

.facility_txt {
font:14px normal Verdana, Arial, Helvetica, sans-serif;
text-indent: 10px;
margin: 25px 10px 10px 10px;
padding: 25px 0px 10px 0px;
}

.bodycopy_noindent {
text-indent: 0px;
font:14px normal Verdana, Arial, Helvetica, sans-serif;
margin: 10px 10px 10px 10px;
}

.leftmargin {
margin: 0px 0px 0px 20px;
font:14px normal Verdana, Arial, Helvetica, sans-serif;
}

ol {
font:14px normal Verdana, Arial, Helvetica, sans-serif;
margin:10px 0px 0px 40px;
padding:0px;
}

#shell {
	width:90%;
	margin:0 auto;
	background: #990000;
	border: 1pt solid black;
	text-align:left;
	line-height:130%;
	max-width:844px;
}

#header {
background:#ffcdcc url(images/ctprep_head.jpg) left no-repeat;
height:117px;
padding:0px 0px 0px 0px;
border-bottom: 1px solid #000000;
}

*+html #header #head_grad {
height:12px;
margin: 78px -10px 0px 0px;


}


#head_grad {
height:12px;
padding:0px;
margin: 60px -10px 0px 0px;
background:url(images/blue_grad.png) top right no-repeat;
}


#navwrap {
width:120px;
float:left;
margin:20px 0px 0px 5px;
overflow:hidden;
}



#navwrap .ads {
	float:left;
	width:120px;
	overflow:hidden;
	}

#navwrap .ads img {
	float:left;
	margin:20px 0px 0px 5px;
	width:100px;
	overflow:hidden;
	}




#leftnav {
width: 120px;
margin:0px 0px 0px 0px;
padding:0px;
list-style-type:none;

}


#leftnav ul {

}

#leftnav li {
width:100px;
height:21px;
line-height:22px;
font:13px normal Arial, Helvetica, sans-serif;
padding:4px;
margin:0px 0px 0px 0px; 
}

#leftnav li a:link, #leftnav li, #leftnav li a:visited {
display:block;
margin:0px;
height:21px;
width:100px;
padding:3px 0px 0px 8px;
text-decoration:none;
color: #5dbeff;
}


#leftnav li a:hover {
height:21px;
width:100px;
font:13px normal Arial, Helvetica, sans-serif;
text-decoration: none;
padding:4px 0px 0px 8px;
margin:0px;
background: url(images/link_hover.png) no-repeat 0em 0em;
color:#0366dc;
}



#leftnav li a.active {
font:13px normal Arial, Helvetica, sans-serif;
background: url(images/link_hover.png) no-repeat 0em 0em;
height:21px;
width:100px;
padding:4px 0px 0px 8px;
margin:0px;
text-decoration:none;
color: #0366dc;
}





/* center rounded box */

#head {
background:url(images/box_lgright.gif) top right no-repeat;
margin:0px;
padding:0px;
}

#head h1 {
background:url(images/box_lgleft.gif) top left no-repeat;
margin: 0;
padding: 13px 13px 5px;
}

#boxbody {
margin: 0;
padding: 5px 18px 31px 21px;
background: url(images/box_lgleft.gif) bottom left no-repeat;
}

#contentwrap {

background: url(images/box_lgright.gif) bottom right no-repeat;
margin:0px 170px 0px 120px;
font-size:100%;
}

#contentwrap img.pict {
padding:0px 0px 10px 10px;
}


/* right rounded box */

#rightnav {
float: right;
width: 155px;
margin: 0px 10px;
padding:0px;
}

#rt_head {
background:url(images/box_lgright.gif) top right no-repeat;
margin:0px;
padding:0px;
}

#rt_head h1 {
background:url(images/box_lgleft.gif) top left no-repeat;
margin: 0;
padding: 5px 5px 5px;
}

#rt_boxbody {
margin: 0;
padding: 5px 5px 5px;
background: url(images/box_lgleft.gif) bottom left no-repeat;
}

#rt_boxbody p {
margin: 0px;
padding: 15px;
}

#rt_contentwrap {
width: 155px;
background: url(images/box_lgright.gif) bottom right no-repeat;
margin:0px 0px 0px 0px;
font-size:100%;
}



#footer {
height:auto;
clear:both;
padding:5px 0px 15px 0px;
margin:10px 0px 0px 0px;
background:#ffcdcc;
border-top:1px solid #000000;
}

#footer ul{
margin-left: 0px;
padding:0px 0px 0px 10px;
list-style-type:none;
font:11px normal Verdana, Arial, Helvetica, sans-serif;
display:inline;
}

#footer li {
font: 11px normal Verdana, Arial, Helvetica, sans-serif;
color: #FF6666;
border-left:1px solid #FF6666;
list-style-type:none;
display:inline;
padding:0px 10px 0px 10px;
margin:0px;
}

#footer li a:link, #footer li a:active, #footer li a:visited {
font: 11px normal Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration: none;
}

#footer li a:hover {
color:#FF0000;
}

#footer li.first {
border:none;
padding-left:0px;
margin-left:0px;
}

.copyright {
float:right;
margin:19px 0px 0px 0px;
padding:0px 0px 10px 0px;
font:9px bold Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

#leftnav p {
margin:0px 0px .5em 0px;
}

#rightnav p {
margin:0px 0px .5em 0px;
}

table.cur {
font:10px normal Verdana, Arial, Helvetica, sans-serif;
}

table.cur td {
font:10px normal Verdana, Arial, Helvetica, sans-serif;
padding:3px 5px 3px 5px;
}

table.cur th {
font:10px bold Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:#990000;
padding:3px 5px 3px 5px;
}

img.left {
float:left;
margin:0;
padding: 10px 0px 10px 0px;

}

img.right {
float:right;
margin:0;
padding: 10px 0px 10px 0px;
}

#names {
font:.6em/1.1em bold Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}


#names a:link {
font-size:.9em;
color:#b42426;
}

#names a:link, a:active, a:visited {
font-size:.9em;
text-decoration:none;
}

#names span {
font:bold 1em/1.4em Verdana, Arial, Helvetica, sans-serif;
color:#3399FF;
}

.event {
font:bold .8em Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin:15px 0px -15px 10px;
}

.ltbluehead {
	font: 1.1em bold Verdana, Arial, Helvetica, sans-serif;
	color:#3399FF;
	}

/*
#navbox {
width:100px;
float:left;
background-color:#b42426;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius: 10px;
}
*/

.ptight {
	font:italic 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 10px 5px 10px;
	padding: 0px 0px 7px 0px;
	text-indent:10px;
	}

.boxtops {
	float:left;
	width:70pt;
	height:40pt;
	margin:20px 10px 0px 10px;
	}



div #social {
	float:left;
	margin:50px 0px 0px 10px;
	width:95px;
	height:auto;
	font:13px Arial, Helvetica, sans-serif;
	color:#ffffff;
	overflow:hidden;
	}

#social img {
	margin:0px;
	padding:0px;
	border:none;
	width:27px;
	height:28px;
	float:left;
	overflow:hidden;
	}

#social p.facebook {
	display:block;
	margin:0px;
	padding:0px 0px 1px 0px;
	width:100px;
	font:italic bold 12px/13px Arial, Helvetica, sans-serif;
	color:#7fb8fe;
	border-bottom:1px solid #7fb8fe;
	}
	
#social a:link.fb {
	width:110px;
	height:33px;
	font:bold 9px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	display:block;
	margin:10px 0px 0px 0px;
	}	

#social a:hover.fb {
    text-decoration:underline;
	color:#3399FF;
	}

#social a:visited.fb, #social a:active.fb {
	color:#FFffff;
	}
	
table a {
font: normal 10px/14px Arial, Helvetica, sans-serif;
}

table.staff td img {
	text-align:center;
	padding: 5px 20px 5px 20px;
	}
