@charset "utf-8";
/* CSS Document */


body#acad a#acadnav,
body#admissions a#admissionsnav,
body#resources a#resourcesnav,
body#rc a#rcnav,
body#events a#eventsnav,
body#blog a#blognav,
body#mb a#mbnav,
body#contacts a#contactsnav,
body#teacher a#teachernav,
body#admin a#adminnav,
body#enroll a#enrollnav,
body#features a#featuresnav,
body#policy a#policysnav,
body#faith a#faithnav,
body#purpose a#purposenav,
body#history a#historynav,
body#principles a#principlesnav,
body#news a#newsnav,
body#contact a#contactnav,
body#church a#churchnav,
body#visit a#visitnav,
body#ocResources a#ocResourcesnav,
body#tuition a#tuitionnav,
body#high a#highnav,
body#supply a#supplynav,
body#gallery a#gallerynav
 {
color: #000;
background-image:url(/portal/i/pointer.png);
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:900;
background-repeat: no-repeat;
}


body{
	position:relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;

}



#wraper {
	min-width:1100px;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	margin-top: 0px;
	overflow-x:hidden;
	overflow-y:hidden;
	clear: both;
	border: medium none #FDF7D7;
	margin-left:auto;
	margin-right:auto;
}

#header{
	position:relative;
	width: 100%;
	height: 45px;
	background-color:#0F2554;
}

#headContainer{
	width: 100%;
overflow:hidden;
}

.headColumn1 {
	position:relative;
	width: 50%;
	height: 45px;
	float: left;
	z-index:100;
}

.headColumn2 {
	width: 49%;
	height: 45px;
	float: left;
}



#headSpace{
	margin-top:0px;
	height: 12px;
	width: 100%;
	background-color:#666666;
	background-image: url(/i/theme/headspace.jpg);
	background-repeat: repeat-x;
	

}

#headSpace2{
	margin-top:0px;
	height: 12px;
	width: 100%;
	background-color:#666666;
	background-image: url(/i/theme/headspace2.jpg);
	background-repeat: repeat-x;

}




#imageTop{
	margin-top:0px;
	height: 125px;
	width: 100%;
	background:url(/i/theme/topslideshow/rotate.php);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	vertical-align: top;
	font-size: 12px;
	font-weight: bolder;
	

}

#MenuTop{
	margin-top:0px;
	height: 30px;
	width: 100%;
	background-image: url(/i/theme/menu.png);
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	z-index: 10;
	position: relative;
}


/*** Nav bar styles ***/

/* These styles create the dropdown menus. */
#navbar {
	margin: 0;
	padding: 0;
	height: 1em;
	z-index:1000; }
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 3px 35px;
    border-right: 1px solid #000000;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration: none; }
#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #ffffff;}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index:1000;  }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	width:125px;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	border-right: 2px solid #666666;
	border-left: 2px solid #666666;
	color: #666666;
	font-size:12px;
	padding:4px 35px 4px 10px;
	z-index:1000; 
}
#navbar li li a:hover {
	background-color: #EBECEE; }





#delicious{
position: absolute;
}
#dig{
	position: absolute;
	left: 603px;
	top: 0px;
	width: 88px;
}






#lefttext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:900;}


.page-splits		{
			height: 5px;
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
			}

.smalltext	{ COLOR: #AB6910; 
FONT: 10px; font-weight: normal; }

.subtitle {
font-size:17px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
}










#Content{
	position:relative;
	width:100%;
	overflow: auto;

}




.container {
position: relative;
min-width:900px;
width: 100%;
overflow:hidden;
}

.rightbar {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 200px;
	padding-bottom:4000px;
	margin-bottom:-4000px;
	z-index: 0;
	padding-right: 15px;
}


.centerbar {
	min-width:600px;
	padding-right:10px;
	padding-left:10px;
	margin-right: 210px;
	margin-left: 253px;
	padding-bottom:4000px;
	margin-bottom:-4000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 0;
}

.leftbar {
	position: absolute;
	top: -2px;
	left: 1px;
	width: 249px;
	padding-bottom:4000px;
	margin-bottom:-4000px;
	background-repeat: repeat;
/*background-color: #EBECEE;*/
	background-image:url(/i/theme/bgspleft.jpg)
	height: 420px;
	background-image: url(/i/theme/bgspleft.jpg);
}
.leftbartopimg{
	background-image:url(/i/menutop.jpg);
	height: 50px;
	position: absolute;
	width: 250px;
	left: 0px;
	top: -14px;
	
}





#footerSpace{
position:relative;
width:100%;
 background:#333; 
 margin:auto auto; 
height:30px;
  clear:both; 
  z-index:20;

   color:#fff;

}


fieldset { -moz-border-radius: 8px; border-radius: px; } 


legend
{
	color: #000000;
	background: #ebecee;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
} 



.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("/i/theme/shadeform.gif");
		text-align: left;
		WIDTH: 200PX;
		BORDER: #000000 1px solid; }

.shadeform2	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("/i/theme/shadeform.gif");
		text-align: left;
		WIDTH: 15PX;
		BORDER: #000000 1px solid; }



.dropdown 	{ COLOR: #333333;
		background-color: #F5F6F7;
		WIDTH: 200PX;
		FONT: 11px verdana, arial, sans-serif; }


.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("/i/theme/shadeform.gif");
		text-align: left;
		WIDTH: 275PX;
		BORDER: #000000 1px solid; }

.button 		{
			color: #000000;
	       		font: bold 12px arial, serif;
			text-align: center;
			background-color: #C9D4DA;
	        	background-image: url("/i/theme/button.gif");
        		padding: 2px 7px 2px 7px;
			cursor:pointer;
        		border: #000000 1px solid;
			}

.buttonon 		{
			color: #996600;
	       		font: bold 12px arial, serif;
			text-align: center;
			background-color: #F7D0A1;
	        	background-image: url("/i/theme/buttonon.gif");
        		padding: 2px 7px 2px 7px;
			cursor:pointer;
        		border: #996600 1px solid;
			}































#navcontainer2 { margin-left: 20px; }

#navcontainer2 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
}

#navcontainer2 li { margin: 0; }
   input {
	background-color: #F4F5F6;
}
   

#navcontainer2 a
{
display: block;
color: #333;
background-color: transparent;
width: 140px;
padding: 2px 10px;
text-decoration: none;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
font-size: 12px;
}

#navcontainer2 a:hover
{
background-color: #ddd;
color: #333;
border-right: 10px solid #aaa;
padding: 2px 1px 2px 10px;
}

#navcontainer2 ul ul
{
margin-left: 10px;
padding: 0;
list-style-type: none;
}

#navcontainer2 li li a
{
display: block;
color: #333;
background-color: transparent;
width: 130px;
padding: 2px 10px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 1px solid #aaa;
text-decoration: none;
font-size: 12px;
}




A.rightNav:link
 {
text-decoration:none; 
color:#990000; 
font-family: Arial, Helvetica, sans-serif;
font-weight:600;
font-size:11px;
}
A.rightNav:visited 
{
text-decoration:none; 
color:#990000; 
font-family: Arial, Helvetica, sans-serif;
font-weight:600;
font-size:11px;
}
A.rightNav:active {text-decoration: none; color: #990000;}

A.rightNav:hover 
{
text-decoration:underline; 
color:#990000; 
font-family: Arial, Helvetica, sans-serif;
font-weight:600;
font-size:18px;
}




A.PostTitle:link
 {
text-decoration:none; 
color:#000000; 
font-family: Arial, Helvetica, sans-serif;
font-weight:600;
font-size:22px;
}
A.PostTitle:visited 
{
text-decoration:none; 
color:#000000; 
font-family: Arial, Helvetica, sans-serif;
font-weight:600;
font-size:22px;
}
A.PostTitle:active {text-decoration: none; color: #000000;}

A.PostTitle:hover 
{
text-decoration:none; 
color:#990000; 
font-family: Arial, Helvetica, sans-serif;
font-weight:600;
font-size:22px;
}

td.border{
border-color:#E2E2E2 #E2E2E2 #E2E2E2 #E2E2E2 ;
border-bottom-width:1px;
border-bottom-style: solid;
border-right-style: hidden;
border-top-style: hidden;
}