body {
	margin: 0 0;
	background: url(images/bkg.gif) #66ccff;
	font-size:0.8em;
	color: #000;
	font-family: arial, sans-serif;}
#header {
	background-color:#ddd;
	/*margin:0 20px;*/
	text-align: center;
	border: 20px #000099 solid;
	border-bottom:none;
	background-image: url(images/OLL_front.jpg);
	background-repeat: no-repeat;
	height:123px;
	}
#container {
	background: url(images/right-border-bkgd.gif) repeat-y right top; 
	margin:15px 35px 5px 35px; padding:0;
	width:920px; /*was 900*/
	background-color:#fff;
	overflow:hidden;
	}
/* ---------------   TOP NAVIGATION  ----------- */
#topNav {
	width:880px;
	background-color: #ffc600; 
	margin:0;
	padding:0;
	text-align:center; 
	height:2em;
	color:#000;
	margin-left:20px;
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
	}
#topNav ul {
	margin: 0;
	padding: 0; padding-top:5px;
	}
#topNav li {
	display: inline;
	}
#topNav a:link, #topNav a:visited {
	text-decoration: none;
	background-color: #fff;
	color: maroon;
	width:auto;
	margin:2px 10px;
	padding:1px 10px;
	border: outset 1px black;
	text-shadow: 2px 2px 2px #555;
	font-size:1em;
	}
#topNav ul li a:hover,  #topNav ul li a:active {
	color: #fff;
	background-color:#666;
	padding: 1px 10px;
	border: inset 1px black;
	text-shadow: 2px 2px 2px #555;
	font-style: italic;}
	
#content {
	width: 650px;
	float:right;
	border-right:20px #000099 solid;
	padding-top:5px;
	padding-right:20px;
	/*padding-left:20px;*/
	background-color:#fff;}
#content h1, h2, h3{
	border-bottom:5px solid #ccc;
	background:transparent;
	color:#000099;
	font-family: arial, helvetica, helve, sans-serif;}
#content h4{
	color:#000099;
	font-size:18px;
	font-weight: bold; 
	display:inline;
	border-bottom:5px solid #ccc;
	}
.callout{line-height:1.5;
	font: 1.25em arial, sans-serif black;
	font-weight:bold;
	}
/* ----------------  LEFT NAVIGATION  ------------------ */
#nav {
	width:180px;
	float:left;
	background-color:#eee;
	border-left:20px #000099 solid;
	}
#nav ul { list-style-type:none;
	margin:0; padding:0;
	}
#nav ul li a{ background-color:#006699; color:#fff;
	padding:8px; text-decoration:none;
	border-bottom:2px solid #f8f8f8;
	display:block; line-height:1em; font-weight:bold;
	}
a#first{ background-color:#9c9; color:#fff;
	padding:6px; text-decoration:none;
	border-bottom:2px solid #f8f8f8;
	border-top:2px solid #f8f8f8;
	display:block;
	}
#nav li a:hover{
	background:#333;
	font-style:italic; font-weight:bold;
	}
#nav #sidebar {
	padding:8px;
	background: #eee;
	color:#666;
	background-image: url(images/sidebar-bg.gif);
	}
#footer{ height:45px; padding-top:10px;
	background-color:#ffc600;
	/*margin:0 20px;*/
	text-align: center;
	border: 20px #000099 solid;
	border-top:none;
	clear:both;
	}
#footer .top { text-align:right; margin-bottom:20px;
	}
a:link { text-decoration: underline; color: #000099; 
	}
a:visited {text-decoration: none; color: gray;
	}
a:hover { text-decoration: underline; color: green;
	background-color: #eee;
	}
#calendar #nav-calendar a,
#webs #nav-webs a,
#grades #nav-grades a,
#books  #nav-books a,
#handbook #nav-handbook  a,
#sles #nav-sles a,
#admissions #nav-admissions a,
#funds #nav-funds a,
#giving #nav-giving a,
#lady #nav-lady a,
#events #nav-events a,
#princ #nav-princ a,
#student #nav-student a,
#sports #nav-sports a,
#links #nav-links a {
	background:#ccc; color: #000;
	font-weight:bold; font-style:italic;
	}

#home #nav-home a,
#history #nav-history a,
#mission #nav-mission a,
#contact #nav-contact a {
	background:#ccc;
	color:black;
	text-shadow:none;
	text-decoration:none;
	padding: 1px 10px;
	}
.pic {
	float:left;
	width:225px;
	margin:0 20px 15px 0;
	padding:15px;
	border:1px solid black;
	text-align:center;
	}
.cross {
	float:left;
	width:215px;
	margin:0 20px 15px 0;
	padding:15px;
	border:0;
	text-align:center;
	}
.clear {
  clear: both;
	}
.info {
	border-bottom: 1px dotted black;
	cursor: help;
	}
TD  { font: 0.9em verdana, arial, sans-serif  black;}
blockquote {
    display: block;
    padding: 0 60px 30px 60px;
    width: 350px;
	font-family: "Times New Roman", Times, serif;
	font-size:1.25em;
	color:#000000;
	}   
blockquote:before, blockquote:after {
    color: #69c;
    display: block;
    font-size: 700%;
    width: 50px;
    }
blockquote:before {
    content: open-quote;
    height: 0;
    margin-left: -0.55em;
	}
blockquote:after {
    content: close-quote;
    height: 50px;
    margin-top: -70px;   
    margin-left: 360px;
	}
.news {
  background-color:#eee;
  border: solid 1px #999;
  width: 500px;
  margin-top: 10px;
  margin-left: 80px;
	}
.news img {
  float: left;
  padding: 10px 0 10px 0;
  margin-left: -40px;/*This makes the image break-out of the box*/
	}
.news p {
  float: right;
  width: 400px;
  margin: 0;
  padding: 10px 10px 10px 0;
	}
.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
	}