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

body {
	background-color:#4e4b46;
	background-image:url(http://www.oc.edu/academics/arts_sciences/arts/images/interiorrepeater3.png);
	background-repeat:repeat-x;
	background-position:top center;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

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, h3, h4, h5 {
	color:#e2b038;
}

a {
	color:#993623;
}

a:visited {
	color:#4e4b46;
}

.clearer {
	clear:both;
}

/*Standardize Heading Size to Firefox Default*/

h1 {
	font-size:4em;
}

h2 {
	font-size:3em;
	color:#993623;
	margin-bottom:5px;
	margin-top:7px;
}

h3 {
	font-size:2em;
	height:28px;
	color:#993623;
}

h4 {
	font-size:1em;
	color:#993623;
}

h5 {
	font-size:0.9em;
	color:#993623;
}

#wrapper {
	position:relative;
	margin: 130px auto 50px auto;
	width:900px;
	padding-top:10px;
}

#topmenu {
		position:relative;
		margin-top:-141px;
		margin-left:29px;
		width:822px;
		height:30px;
		z-index:200;
	}
	
	/* 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 */
		}
		
		.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;
			}
			
#oclogo {
	position:absolute;
	margin-left:570px;
	margin-top:30px;
}
									
	#header {
		position:absolute;
		left:-5px;
	}

	#content {
		width:920px;
		margin-top:127px;
	}	
							
						#leftCol{
							position:relative;
							background-image:url(http://www.oc.edu/academics/arts_sciences/arts/images/leftColrepeater.png);
							background-repeat:repeat-y;
							margin-left:-5px;
							margin-top:-5px;
							width:347px;
							color:#ffffff;
							float:left;
						}		
						
							#leftCol p {
								margin-left:35px;
								margin-right:30px;
								margin-top:30px;
								margin-bottom:30px;
							}					
								
							#rightCol {
								position:relative;
								margin-left:365px;
							}
							
							#toptabs {
								position:relative;
								margin-left:20px;
							}
							
							#toptabs ul {
									padding:0;	
									width:500px;
									padding-bottom:40px;	
										   
								}
								
								#toptabs ul li {
								display:inline;
								margin-right:10px;
								}
								
								#tabs li a {
										background-color:#5f5d58;
										text-decoration:none;
								   		color:#ffffff;
										padding-top:5px;								
										padding-bottom:6px;
										padding-left:30px;
										padding-right:30px;
								}
								
								#tabs li a.selected {
									background-image:url(http://www.oc.edu/academics/arts_sciences/arts/images/selected.jpg);
								}
						
								
								#tabs a:focus {
									-moz-outline-style: none; /* Get rid of weird dotted line problem on top navigation */
								}
															
									#box {
										width:550px;
										padding-bottom:40px;
										margin-top:-30px;
									}
									
										#box .callout p {
											background-color:#fff;
											border:1px solid #993623;
											padding:10px;
										}
										
										#box table h3 {
											margin-bottom:40px;
										}
										
										#box table p {
											margin-bottom:0;
										}
									
									#pasteventsbox {
									}
								
									#aboutbox {
									}
									
									#mediabox {
									}
									
									#ticketsbox {
									}
									
	#footer {
	position:absolute;
	padding-top:10px;
	padding-bottom:35px;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#1a1a1a;
	width:100%;
	font-size:10px;
	color:#ffffff;
}

#footer h1, 
#footer h2,
#footer h3,
#footer h4,
#footer h5 {
	color:#e2b038;
}
				
#footer table {
		margin-left:27px;
		margin-top:0px;
		width:900px;
	}

#footer td {
		border-left:1px solid #4e4b46;
		padding-left:12px;
		padding-right:12px;
		vertical-align:top;
	}

#footer h3 {
			margin-top:0;
			color:#e2b038;
			font-size:11px;
		}
		
		#footer a {
			color:#ffffff;
		}
		
		#footer em {
			font-style:normal;
			color:#e2b038;
		}
		
		#footer address {
			font-style:normal;
		}
	
	#footer #contact {
		border:none;
	}
	
	#footer #copyright {
		width:35%;
	}