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

body {
	background-color:#4e4b46;
	background-image:url(/carbonatedimages/topstripes_repeater.gif);
	background-repeat:repeat-x;
	background-position:top center;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	z-index:-100;
}

img {
	border:0;
}

img.left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

img.right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

table.left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

table.right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

td {
	vertical-align:top;
}

h1, h2, h3, h4, h5 {
	color:#84261c;
}

a {
	color:#84261c;
}

a:visited {
	color:#4e4b46;
}

a:hover {
	/*color:#000000;*/
	background-color:#ddd8d8;
}

.clearer {
	clear:both;
}

/*Standardize Heading Size to Firefox Default*/

h1 {
	font-size:1.5em;
}

h2 {
	font-size:1.3em;
}

h3 {
	font-size:1.1em;
}

h4 {
	font-size:1em;
}

h5 {
	font-size:0.9em;
}


#announcement {
	width:100%;
	background-color:#990000;
	padding:30px;
	font-size:1.2em;
	text-align:center;
}

#wrapper {
	position:relative;
	margin: 130px auto 50px auto;
	width:873px;
	background-color:#605d59;
	background-image:url(/carbonatedimages/vert_repeater.gif);
	background-repeat:repeat-y;
	padding-top:10px;
}

	#header {
		position:absolute;
		left:25px;
		top:-60px;
		width:821px;
		height:50px;
		z-index:500;
	}
	
		#oclogo {
			position:absolute;
			left:-10px;
			top:0px;
		}
		
		#header a:hover {
			background-color:transparent;
		}
	
		#flags {
			position:absolute;
			left:310px;
			top:24px;
			color:#FFF;
		}
		
			.flaghover {
				opacity:1;
				filter:alpha(opacity=100); /* for IE */
			}
			
			.flagnormal {
				opacity:0.7; /* for most browsers */
				filter:alpha(opacity=70); /* for IE */
			
			}
			
			#flags span {
				display:none;
				margin-left:8px;
			}
		
		#searchetc {
			position:absolute;
			right:0;
			top:-9px;
			text-align:right;
		}
		
			#searchetc a {
				color:#e2b038;
			}
			
			#searchetc select {
				margin-top:5px;
				border:0;
				padding:1px;
				width:156px;
				background-color:#ddd;
			}
			
			#searchetc select option {
				background-color:#ddd;
			}
			
			#search-area{
				margin-top:5px;
			}
			
				/* for the search area */
				#search-area p{
					margin: 0;
					padding: 0 5px;
				}
				
				/* needed to overcome IE's form margin */
				#search-area form, #search-area input{
					margin: 0;
					padding: 0;
					border:0;
				}
				
				#search-area #box{
					width: 122px;
					height:1.5em;
					padding-left:4px;
					background-color:#DDD;
				}
				
				#search-area #go{
					vertical-align: bottom;
				}
	
	#watermark {
		position:absolute;
		top:-138px;
		left:540px;
		/*background-image:url(images/eagle2.png);*/
		width:338px;
		height:217px;
	}
	
	#topshadow {
		position:absolute;
		top:0px;
		left:0px;
		background-image:url(/carbonatedimages/top_shadow.gif);
		background-position:top center;
		width:873px;
		height:13px;
	}
	
	#tlshadow {
		position:absolute;
		background-image:url(/carbonatedimages/tlshadow.gif);
		top:0px;
		left:0px;
		width:23px;
		height:43px;
	}
	
	#trshadow {
		position:absolute;
		background-image:url(/carbonatedimages/trshadow.gif);
		top:0px;
		right:0px;
		width:23px;
		height:43px;
	}
	
	
	
	#topmenu {
		position:relative;
		margin-top:13px;
		margin-left:29px;
		width:821px;
		height:30px;
		z-index:200;
	}

#access {
	height: 1px;
	width: 1px;
	border: none;
	margin-left:-999px;
}
	
	
	
	
	/* Modified styles for "Superfish" top menu */
	
		/*** ESSENTIAL STYLES ***/
		.nav, .nav * {
			margin:0;
			padding:0;
			list-style:none;
		}
		.nav {
			/*line-height:1;*/
		}
		.nav ul {
			position:absolute;
			top:-999em;
			/*width:9.45em;*/
		}
		.nav ul li,
		.nav a {
			width: 100%;
		}
		
		.nav a:focus {
			-moz-outline-style: none; /* Get rid of weird dotted line problem on top navigation */
			outline-style: none; /* Updated to work with FF 3.6 */
		}
		
		.nav li {
			float:left;
			position:relative;
			z-index:600;
		}
		.nav a {
			display:block;
			line-height:normal;
		}
		.nav li:hover ul,
		ul.nav li.sfHover ul {
			left:-1px;
			top:30px;
		}
		.nav li:hover li ul,
		.nav li.sfHover li ul {
			top:-999em;
		}
		.nav li li:hover ul,
		ul.nav li li.sfHover ul {
			left:9.45em;
			top:-1px;
		}
		.superfish li:hover ul,
		.superfish li li:hover ul {
			top: -999em;
		}
		
		/*** New "Skin" ***/
		.nav {
			/*float:left;*/
		}
		.nav li {
			/*background:#1a1a1a;*/
		}
		.nav a {
			color: #FFF;
			/*padding: .75em 0;*/
			text-decoration:none;
			text-indent: 2em;
			background-position:bottom;
			height:30px;
		}
		
		.nav li li a {
			height:auto;
		}
		
		.nav li:hover, .nav li.sfHover,
		.nav a:focus, .nav a:hover, .nav a:active {
			background:#2d2c2a;
		}
		.nav li li {
			background:#1a1a1a;
			border-top:1px solid #605d59;
		}
		
		.nav li ul {
			border-left:1px solid #605d59;
			width:15em;
		}
		
		.nav li li li {
			background:#1a1a1a;
		}
		
		.nav li li ul {
			margin-left:5.5em;
			z-index:3000;
		}#servicesli ul ul {
			left:-20.5em;
			z-index:3000;
		}
		
		li#aboutocli a {
			background-image:url(/carbonatedimages/nav_all2.png);
			background-position:0px bottom;
			width:104px;
			text-indent:-9999px;
		}
		
		li#aboutocli a:hover {background-position:0px top;}
		
		
		
		li#academicsli  a {
			background-image:url(/carbonatedimages/nav_all2.png);
			background-position:-104px bottom;
			width:114px;
			text-indent:-9999px;
		}
		
		li#academicsli a:hover {background-position:-104px top;}
		
		
		
		li#admissionsli  a {
			background-image:url(/carbonatedimages/nav_all2.png);
			background-position:-218px bottom;
			width:116px;
			text-indent:-9999px;
		}
		
		li#admissionsli a:hover {background-position:-218px top;}
		
		
		
		li#athleticsli a {
			background-image:url(/carbonatedimages/nav_all2.png);
			background-position:-334px bottom;
			width:102px;
			text-indent:-9999px;
		}
		
		li#athleticsli a:hover {background-position:-334px top;}
		
		
		
		li#calendarsli  a {
			background-image:url(/carbonatedimages/nav_all2.png);
			background-position:-436px bottom;
			width:111px;
			text-indent:-9999px;
		}
		
		li#calendarsli a:hover {background-position:-436px top;}
		
		
		
		li#blogsli  a {
			background-image:url(/carbonatedimages/nav_all2.png);
			background-position:-547px bottom;
			width:84px;
			text-indent:-9999px;
		}
		
		li#blogsli a:hover {background-position:-547px top;}
		
		
		
		li#servicesli  a {
			background-image:url(/carbonatedimages/nav_all2.png);
			background-position:-631px bottom;
			width:101px;
			text-indent:-9999px;
		}
		
		li#servicesli a:hover {background-position:-631px top;}
		
		
		
		li#givingli a {
			background-image:url(/carbonatedimages/nav_all2.png);
			background-position:-732px bottom;
			width:89px;
			text-indent:-9999px;
		}
		
		li#givingli a:hover {background-position:-732px top;}
		
		
		
			li#aboutocli li a,
			li#academicsli li a,
			li#admissionsli li a,
			li#givingli li a,
			li#athleticsli li a,
			li#calendarsli li a,
			li#blogsli li a,
			li#servicesli li a {
				background-image:none;
				text-indent:0px;
				width:auto;
				padding:0.8em;
			}
			
	
	/* Highlight menu items based on class given to body by "ocinterior.js" Javascript */
			
	.aboutocpage #aboutocli a {background-position:0px center;}
	.academicspage #academicsli a {background-position:-104px center;}
	.admissionspage #admissionsli a {background-position:-218px center;}
	.athleticspage #athleticsli a {background-position:-334px center;}
	.calendarpage #calendarsli a {background-position:-436px center;}
	.blogspage #blogsli a {background-position:-547px center;}
	.servicespage #servicesli a {background-position:-631px center;}
	.advancementpage #givingli a {background-position:-732px center;}
	


	#content {
		width:821px;
		margin-left:29px;
		margin-right:23px;
	}	
	
			
			#topcontent {
	   		    background-image:url(/carbonatedimages/topcontentrepeater2.gif);
				background-repeat:repeat-x;
				background-position:top;
				background-color:#fff; /*#eae8e5;*/
				padding-top:25px;
				padding-bottom:40px;
	   		    position:relative;
			    width:100%;
   			}
							
						#leftCol {
						   background-color:#4e4b46;
						   width:175px;
						   float:left;
						   border-top: 1px solid black;
						   border-right: 1px solid black;
						   border-bottom: 1px solid black;
						}
						   
						   	    #menutitle {
								   background-color:#993623;
								   color:#FFFFFF;
								   padding:0.8em;
								   padding-left:0;
								   text-align:right;
								   display:block;
								   border-bottom:1px solid black;
								   font-size:1.2em;
								}
								
								#menutitle a {
									color:#ffffff;
									text-decoration:none;
									display:block;
								}
								
								#menutitle a:hover {
									background-color:transparent;
								}
						   		
								#leftCol ul {
								   list-style:none;
								   padding-left:0;
								   margin-left:0;
								   text-align:right;
								   display:block;
								   margin-top:0;
								   margin-bottom:0;
								}
								   
								#leftCol li {
								}
						   
						   		#leftCol li a {
								   text-decoration:none;
								   color:#c8c2b4;
								   padding:0.8em;
								   display:block;
								}
								
								
									/*#leftCol li a.indent {
										padding-top:0.5em;
										padding-bottom:0.5em;
										padding-right:1.5em;
										font-size:0.9em;
									}*/
								 
								#leftCol ul li a:hover{
								   background-color:#222222;
								   color:#FFFFFF;
								}
								 
						#rightCol {
						   position:relative;
						   margin-left:200px;
						   margin-right:25px;
						}
						
						.cookie_crumb a:link{
							color:#000000;
							text-decoration:none;
						}
						
						.cookie_crumb a:visited {
							color:#000000;
							text-decoration:none;
						}
								
								.cookie_crumb a:hover {
									color:#000000;
									text-decoration:underline;
									background-color:transparent;
								}
			
	  #bottomcontent {
			    background-image:url(/carbonatedimages/bottomcontentrepeater2.gif);
				background-repeat:repeat-x;
				background-position:top;
				background-color:#FFF; /*#e8eae5;*/
				position:relative;
				width:100%;
				padding-bottom:40px;
				padding-top:10px;
			}
			
						#bottomleftCol {
						   background-color:##e8eae5;
						   width:175px;
						   float:left;
						   margin-left:25px;
						}
						
						#bottomleftCol li{
						   margin-left:-39px;
						}
						
						#bottomleftCol ul li{
						   text-decoration:none;
						   list-style:none;
    					   color:#c8c2b4;
						}
						
						#bottomrightCol {
						   position:relative;
						   margin-left:200px;
						   margin-right:25px;
						}
	
#footer {
	padding-top:20px;
	padding-bottom:20px;
	background-image:url(/carbonatedimages/bottomshadow.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#4e4b46;
	width:871px;
	font-size:10px;
	color:#c5bfb8;
}

	#footer table {
		margin-left:27px;
		margin-top:0px;
		width:821px;
	}
	
	#footer td {
		border-left:1px solid #000;
		padding-left:12px;
		padding-right:12px;
		vertical-align:top;
	}
	
		#footer h3 {
			margin-top:0;
			color:#e2b038;
		}
		
		#footer a {
			color:#c5bfb8;
		}
		
		#footer a:hover {
			background-color:transparent;
		}
		
		#footer em {
			font-style:normal;
			color:#e2b038;
		}
		
		#footer address {
			font-style:normal;
		}
	
	#footer #contact {
		border:none;
	}
	
	#footer #copyright {
		width:35%;
	}