/****************************************************

    CSS file of http://www.christianca.com/
    Copyright (c) Mark Goldsmith, 2009.

****************************************************/


@import "includes/css/dropdown.css";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}


html, body {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
 }

/* Show only to IE PC \*/
* html .boxhead h3 {height: 1%;} /* For IE 5 PC */

* {
 margin: 0;
 padding: 0;
}

body {
	background-color:#ffffff;
    font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	line-height:16px;
	color:#363636;
}


hr {
	color: #012762;
	background-color: #012762;
	height: 2px;
}

.small {
	font-size:11px;
	line-height:14px;
}

.hidden {
	display: none;
}


.print_img {
border: none;
margin: 0;
padding: 0;
}

.divide {color: #fff; background-color: #fff; border: 1px dotted #ffa221; border-style: none none dotted; }

p {

	margin:8px 0px 4px 0px;
	padding:0;

}	

h2 {
	font-size: 21px;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

#titleTop {
clear:both;
}

#titleHolder {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float:left;
  width:565px;
}

#printHolder {
	padding-left:15px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.print_friendly {
	margin-top:0px;
	padding: 12px 10px 10px 14px;
       width:680px;
}


.print_friendly h2  {
	font-size: 18px;
       font-weight:bold;
	margin: 0;
	padding: 0;
	line-height: 2em;

}

.print_friendly ul  {
font-style: normal;
text-transform: none;
text-decoration: none;
text-indent: 5px;
list-style-position: outside;
margin-left: 24px;
}


.more {
	margin:13px 0px 4px 0px;
	padding:0;
}


 a:link {
	color:#844d02;
	text-decoration:none;
}

 a:visited {
	color:#844d02;
	text-decoration:none;
}

a:hover {
	color:#a25e00;
	text-decoration:underline;
}


/* Container

--------------------------- */
#wrapper {
    margin: 0 auto;
	padding:0;
	width:997px; 
	background-color:#d1d1d1;
}	
	
#content {
    margin: 0 auto;
	padding:0;
	height:100%;
}	
	
	

/* Headers

--------------------------- */
#header_home  { height:407px; background: url(images/header_1.jpg) no-repeat; position: relative; margin:0; padding:0;}
#header_academics  { height:311px; background: url(images/header_academics.jpg) no-repeat; position: relative; margin:0; padding:0;}
#header_about_us  { height:311px; background: url(images/header_aboutus.jpg) no-repeat; position: relative; margin:0; padding:0;}
#header_admissions  { height:311px; background: url(images/header_admissions.jpg) no-repeat; position: relative; margin:0; padding:0;}
#header_athletics  { height:311px; background: url(images/header_athletics.jpg) no-repeat; position: relative; margin:0; padding:0;}
#header_alumni  { height:311px; background: url(images/header_alumni.jpg) no-repeat; position: relative; margin:0; padding:0;}
#header_students  { height:311px; background: url(images/header_students.jpg) no-repeat; position: relative; margin:0; padding:0;}
#header_parents  { height:311px; background: url(images/header_parents.jpg) no-repeat; position: relative; margin:0; padding:0;}
#header_support_cca  { height:311px; background: url(images/header_supportcca.jpg) no-repeat; position: relative; margin:0; padding:0;}
#header_contact_us  { height:311px; background: url(images/header_contactus.jpg) no-repeat; position: relative; margin:0; padding:0;}
#header_calendar  { height:311px; background: url(images/header_calendar.jpg) no-repeat; position: relative; margin:0; padding:0;}
#header_news  { height:311px; background: url(images/header_news.jpg) no-repeat; position: relative; margin:0; padding:0;}
#header_highlights  { height:311px; background: url(images/header_special.jpg) no-repeat; position: relative; margin:0; padding:0;}


/* Navigation
--------------------------- */
#navigation {
	width:997px;
	height:43px;
	position: absolute;
	top: 364px;
	margin:0;
	background:url(images/bgNav.gif) repeat-x;
}

#navigation_internal {
	width:997px;
	height:43px;
	position: absolute;
	top: 268px;
	margin:0;
	background:url(images/bgNav.gif) repeat-x;
}



.defaultBold {
 padding:			3px 0 3px 0;
 font-weight: 		bold;
 background-color:	transparent;
}


.pagecount {
 font-weight:		normal;
 background-color: transparent;
}

.tablePad {
 padding:			3px 3px 5px 3px;
 background-color:	#fff;
}

.resultRowOne {
 padding:           6px 6px 6px 8px;
}

.resultRowTwo {
 padding:           6px 6px 6px 8px;
 background-color:  #eee;
}

.resultHead {
 font-weight: 		bold;
 padding: 			8px 0 8px 8px;
 border-bottom:		1px solid #999;
 background-color:	transparent;
}

.outerBorder {
 border:		1px solid #ffa221;
margin-top: 12px;
}



/* Dynamic Content Area

--------------------------- */

.last, div.last {margin-right:0;}	

.pTitle {margin-bottom:14px;}	

.top {margin-top:0;padding-top:0;}
p img.left { 
float:left; 
margin-top:1.5em; 
margin-right:1.5em; 
padding-top:0; 
}

p img.right {
float:right; 
margin-left:1.5em; 
margin-top:1.5em; 
padding-top:-px; 

}


.img_left { 
float:left; 
margin-top:0.4em; 
margin-right:1.5em; 
padding-top:0; 
}
.img_right {
float:right; 
margin-left:1.5em; 
margin-top:0.4em; 
padding-top:-px; 
}



/* Internal pages

--------------------------- */

#sitemap {list-style-type:none; padding:0; margin:0; font-size:14px; font-weight:bold; margin-top:12px}

#sitemap li { display:block; margin-top:9px}



.subSitemap {list-style-type:none; padding-left:10px; margin:0; font-size:13px; font-weight:normal}

.subSitemap li {display:block; margin-top:0}

.paginate {
  margin-top:13px;
  padding:0;
 text-align:center;
font-size:12px;
}

#intContent {
	margin-top:0px;
	padding: 22px 20px 20px 24px;
	height:100%;
	background-color:#d1d1d1;
}

#mainInt {
    float:left;
    margin-right:12px;
	margin-bottom:27px;
}

#intTop {
	float:left;
	width:936px;
	background: url(images/content_top.gif) left top no-repeat;
}

#intMiddle {
	float:left;
	width:936px;
	background: url(images/content_middle.gif) left top repeat-y;
}

#intBottom {
	float:left;
	width:936px;
	background: url(images/content_bottom.gif) left bottom no-repeat;
}

#sideNav {
    float:left;
	width: 229px;
	margin-right:16px;
	padding:0;
}

#sideNav ul {
	margin-top:19px;
	margin-bottom:13px;
	padding:0;
	list-style:none;
}

#sideNav li {
	padding:6px 20px 6px 20px;
	background: url(images/sideNavBar.gif) left bottom no-repeat;
}


.subpage { 
        padding-left:12px;
}

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

#sideNav a:hover {
	color:#131313;
	text-decoration:underline;
}

#pageContent {
    float:left;
	width: 691px;
	margin-right:0;
	padding:0;
}

#pageContentCopy {
    padding:14px 25px 21px 25px;
    display:block;
}

#pageContentCopy ul  {
font-style: normal;
text-transform: none;
text-decoration: none;
text-indent: 5px;
list-style-position: outside;
margin-left: 24px;
}

#pageContentCopy h3 {
	font-size: 14px;
       font-weight:bold;
	letter-spacing: -.05em;
	margin:8px 0px 4px 0px;
	line-height: 1em;
}


#intTopSpecial {
	float:left;
	width:936px;
	background: url(images/content_topBlank.gif) left top no-repeat;
}

#intMiddleSpecial {
	float:left;
	width:936px;
	background-color:#FFFFFF;
}

#intBottomSpecial {
	float:left;
	width:936px;
	background: url(images/content_bottomBlank.gif) left bottom no-repeat;
}




/* Homepage

--------------------------- */
#homeContent {
	margin-top:0px;
	padding: 22px 20px 20px 24px;
	height:100%;
	background-color:#d1d1d1;
}

#ss {
	margin:0;
       padding:0;
       position: absolute;
	top:114px;
}

#mainHome {
    float:left;
    margin-right:12px;
	margin-bottom:27px;
}

#highlights {
	width: 597px;
	background-color:#FFFFFF;
	margin-bottom:12px;
}

#highlights div.copy, #quicklinks div.copy, #emergency div.copy, #news_headlines div.copy, #upcoming_events div.copy {
    padding:6px 25px 21px 25px;
    display:block;
}


#highlights h3 {
	background: url(images/home/highlights_header.gif) left top no-repeat;
	height: 53px;
	width: 597px;
}

#highlights .bt {
	background: url(images/home/highlights_foot.gif) left bottom no-repeat;
	margin:0;
	padding:0;
}

#quicklinks {
	width: 340px;
	background-color:#023d98;
	color:#FFFFFF;
	margin-bottom:12px;
}

#quicklinks .bt {
	background: url(images/home/quick_foot.gif) left bottom no-repeat;
	margin:0;
	padding:0;
}		

#quicklinks h3 {
	background: url(images/home/quick_header.gif) left top no-repeat;
	height: 54px;
	width: 340px;
}

	

#emergency {
    float:left;
	width: 340px;
	background-color:#023d98;
	color:#FFFFFF;
	margin-bottom:27px;
}

#emergency .bt {
	background: url(images/home/quick_foot.gif) left bottom no-repeat;
	margin:0;
	padding:0;
}		

#emergency h3 {
	background: url(images/home/closing_header.gif) left top no-repeat;
	height: 54px;
	width: 340px;
}

#homeside {
    float:left;
    margin-right:0;
    background-color:#d1d1d1;
}


#newsOuter {
    float:left;
    margin:0;
	padding:0;
	width:598px;
    background: url(images/home/news_upcoming_middle.gif) left top repeat-y;
}
#newsOuterBottom {
    float:left;
	
    margin:0;
	padding:0;
	width:598px;
    background: url(images/home/news_upcoming_footer.gif) left bottom no-repeat;
}

#news_headlines {
    float:left;
    margin-right:12px;
	width: 293px;
}


.dt {
	font-weight:bold;
	font-size:12px;
}


.newsTitle {
	font-weight:bold;
	font-size:14px;
}


#news_headlines h3 {
	background: url(images/home/news_header.gif) left top no-repeat;
	height: 52px;
	width: 293px;
}

#upcoming_events {
    float:left;
	width: 293px;
	margin-right:0;
}


#upcoming_events td {
	padding-top:7px;
}

#upcoming_events .date {
	width:62px;
	font-weight:bold;
	font-size:12px;
}

#upcoming_events h3 {
	background: url(images/home/events_header.gif) left top no-repeat;
	height: 52px;
	width: 293px;
}

#emergency a:link, #emergency a:visited, #quicklinks  a:link, #quicklinks a:visited  {
	color:#c6dcff;
}

#emergency a:hover, #quicklinks a:hover {
	color:#ffffff;
}

#emergency h3 span, #quicklinks h3 span, #highlights h3 span, #news_headlines h3 span, #upcoming_events h3 span {
	display: inline;
	height: 0;
	left: -1000px;
	position: absolute;
	top: -1000px;
	width: 0;
}



/* Footer

--------------------------- */

#footerBlock {
	clear:both;
	margin:0 0 0 21px;
	padding:0;
	height:4px;
	background-color:#ececec;
	width:949px;

}

#footer {
	clear:both;
	color:#0459de;
	background-color:#d1d1d1;
	margin-left:7px;
	margin-right:12px;
	padding-top:8px;
	padding-bottom:12px;
	font-size:12px;
	height:35px;

}



#footer a:link{
	color:#0459de;
	text-decoration:none;
}



#footer a:visited{

	color:#0459de;

	text-decoration:none;

}

#footer a:hover{

	color:#0459de;

	text-decoration:underline;

}



#footer a:action{

	color:#0459de;

	text-decoration:underline;

}

#footer .left{
	padding-left:15px;
	font-weight:bold;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float:left;

}

#footer .right{
	float:right;
	padding-right:15px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



/* Everything else
--------------------------- */

.formList
{
left: -24px;
position:relative;
list-style-type: none;
padding: 0;
margin:0;
list-style-position: inside;
font-style: normal;
text-transform: none;
text-decoration: none;
text-indent: 0px;
}


.radio
{
margin-right: 6px;
margin-top: 4px;
background-color:	transparent;
border: 1px solid #fff;
}

input, select, textarea {
	background-color:#def4f6;
	color: #21353f;
	border: 1px solid #9fbcc1;
	padding: 3px 0 3px 5px;
	margin-top:4px;
	}



input#submit {
	margin-right: 6px;
        padding: 3px 5px 3px 5px;
	font-size: 13px;
	border:0px;
	color: #fff;
       cursor: pointer;
	background-color:#21353f;
	}

input#submit:hover {
	color:#def4f6;
	}


.contactForm{
	border:none;
	padding:10px 1px 1px 1px;
	margin:0;
}


/* Search
--------------------------- */
#search {
	width:260px;
	height:20px;
	position: absolute;
	top: 10px;
	left: 688px;
	margin:0;
	padding:0;
	background:url(images/search_back.gif) no-repeat;
}


.searchInput {
	font-size:13px;
	width:138px;
	color: #363636;
       position: absolute;
       background-color:transparent;
	border:0;
	margin:2px 12px 0px 15px;
        padding:0;
}


.searchInput:hover,.searchButton:hover  {
	border:0;
	}

.searchButton {
	border:0;
	width: 91px;
   	height: 20px;
        position: absolute;
        left: 168px;
        background:url(images/search_btn.gif) no-repeat;
        cursor: pointer;
	background-color:transparent;
        margin:0;
        padding:0;
}