body {
	font:normal 1em "Trebuchet MS", helvetica, Arial, sans-serif;
	background:#779E69;
	color:#333;
	margin:0;
	padding:0;
	text-align:center;}

a,
a:link {color:#f90; text-decoration:underline; }
a:visited {color:#c60;}
a:hover {color:#f60; text-decoration:none;}

<!--
h3 {font: 30px/40px Georgia, "Times New Roman", serif; letter-spacing: 1px; background:url(images/h3bg.gif); margin:5px 0 20px 0;}
	h3 a {color:#333 !important;}
-->
h4 {font: 30px Georgia, "Times New Roman", serif;  color:#930; letter-spacing: 1px; background:url(images/h4bg.gif); margin:5px 0 10px 0;}
	h4 a {color:#930 !important;}

h5 {font-size:16px; line-height:20px; color:#c63; margin:10px 0 10px 0; font-weight:normal;}
	h5 a {color:#c63 !important;}

p {margin:5px 0 15px 0;}


/* Layout Blocks
----------------------------------------------- */

#container {width:1000px; margin:0 auto; padding:0 24px; text-align:left; position:relative; z-index:1;}

h1 {margin:0; padding:0; height:140px; background:#6D9158 url(../images/content-h1-green.jpg);}
	h1 a {text-indent:-1337px; font-size:1px; outline:none; display:block; height:125px; width:375px;}

h2 {width:1000px; height:235px; font-size:1px; text-indent:-1337px; margin:0; padding:0;}
h2.family {background-image:url(images/familyheader.jpg);}
h2.faculty {background-image:url(images/facultyheader.jpg);}
h2.site {background-image:url(images/siteheader.jpg);}
h2.maryknoll {background-image:url(images/maryknollheader.jpg);}
h2.posture {background-image:url(images/postureheader.jpg);}
h2.keystone {background-image:url(images/keystoneheader.jpg);}
h2.cert {background-image:url(images/certheader.jpg);}
h2.pub {background-image:url(images/pubheader.jpg);}
h2.post {background-image:url(images/postheader.jpg);}
h2.market {background-image:url(images/markheader.jpg);}
h2.grad {background-image:url(images/gradheader.jpg);}

#topnav {position:absolute; top:20px; margin:0; right:35px; width:360px; height:50px; list-style:none;}
	#topnav li {margin:0; padding:0; display:inline;}
	#topnav li a {
		display:block;
		float:left;
		height:18px;
		width:155px;
		padding-left:20px;
		margin-bottom:2px;
		background:url(images/raquo175-white-orange.gif) no-repeat center left;
		line-height:18px;
		color:#fff; text-decoration:none; text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		white-space:nowrap;}
	#topnav li a.active,
	#topnav li a:hover {color:#f93; background-position:center right;}

#content {background-color: #ffffcc; min-height:300px;}
<!--
h4 {text-align: center; font-size: 300%; color:#333; letter-spacing: 1px; background:url(images/h4bg.gif); margin:5px 0 10px 0;}
-->
#contentleft {float:left; width:200px;}
	#subnav {list-style:none; margin:15px 0 0 20px; padding:0 20px;}
		#subnav li {margin:0; padding:0; display:inline;}
		#subnav li a {
			display:block;
			height:25px;
			line-height:25px;
			padding-left:20px;
			margin-bottom:0;
			background:url(images/raquosubnav.gif) no-repeat 0 0;
			color:#333; text-decoration:none; text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			white-space:nowrap;}
		#subnav li a.active,
		#subnav li a:hover {color:#f93; background-position:0 -25px;}
		.leftblock {background:url(../images/contentleft-green.gif) no-repeat; margin:20px 0; padding:90px 45px 0 30px}
			.leftblock h4 {margin:5px 0; text-transform:lowercase; font-size:18px; font-weight:normal; }
				.leftblock h4 a {display:block; color:#333; text-decoration:none;}
				.leftblock h4 a:hover {text-decoration:underline;}
			.leftblock p {margin:0; font-size:11px; line-height:16px;}
		.leftcontact {background:url(../images/contentleft-green.gif) no-repeat; margin:20px 0; padding:90px 45px 0 30px; font-size:11px; line-height:14px;}
			.leftcontact h5 {margin:10px 0 2px 0;}
			
			
#historynav {
  width: 100%; min-width: 950px; margin: 0 auto; background-color: #ffffcc; border-top: 40px solid #7B0037; list-style-type: none;}
.hist1 {
  float: left; width: 33%; padding-top: 2em; background: #ffffcc 100%;}
.hist2 {text-transform: uppercase; letter-spacing: -1px; }
h3.histyle {
  margin: 0 10px 10px 10px; font-size: 200%; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; color: #a6376a; border-bottom: 1px solid #e94c92;  }
p.histyle {margin: 0 10px; font-size: 150%;}
  
#contentright {float:left; width:800px;}
<!-- #contentright img {float:right; margin:0 0 15px 15px; clear:right;} 
-->
#contentright img {float:left; margin: 0;}

#contentright table {margin: 0; padding: 0;}
#contentright th img {float: none; }
#contentright tr.pic {height: 158px;}
#contentright tr.exp {height: 79px;}
#contentright td.gray {width: 158px; background-color: #c0c0c0; text-align: center;}
#contentright td.arrow {width: 30px;}
#contentright td.spacer {width: 28px;}
#contentright td img  {float:none; margin: 0; border: 0;}
#contentright h4 {font-size: 60px; text-align: center; font-family: Georgia, "Times New Roman", serif;  color:#930; letter-spacing: 1px; background:url(images/h4bg.gif); margin:5px 0 10px 0;} 
ul.homelist {margin:10px; padding:10px; list-style:none; text-align:left;}	
p.homelist {margin: 10px; font-size: 250%;}

table.maryknoll {border: 2px solid #333; width: 790px;}
table.maryknoll td {border: 2px solid #333; padding: 5px;}
p.mary2 {clear: both;}
img.mary1 {float: left; margin: 0; border: 0;}
td.mary {width: 648px; }

#foot {
	background-color:#ffffcc;
	margin:20px 10px 0 10px;
	padding: 15px 0 0 0;
	width:980px;
	display:inline-block;
	clear:both;
	background-image:url(images/doublehorizontal.gif);
	background-repeat:repeat-x;
	text-align:right;
	position:relative;
	font-size:0.75em;}
	#foot a {text-decoration:none;}
	#foot a:hover {text-decoration:underline;}
	#foot ul {float: left; margin: 0; padding: 0; list-style: none; }
    #foot ul li {display:inline; margin:0; padding:0;}
    #foot ul li a {margin-right:15px; color:#333; }

	
/* Color Specific
----------------------------------------------- */
body.violet {background:#8A7393;}
body.violet h1 {background:#342838 url(images/h1-violet.jpg);}
body.violet #container {background:#695370 url(images/bodybg-violet.jpg);}
body.violet #footer {background:#695370 url(footerbg-violet.jpg) no-repeat;}
body.violet .leftblock {background-image:url(../images/contentleft-violet.gif);}

body.rose {background:#9D6159;}
body.rose h1 {background:#492218 url(images/h1-rose.jpg);}
body.rose #container {background:#7F4439 url(images/bodybg-rose.jpg);}

body.green {background:#779E69;}
body.green h1 {background:#6D9158 url(images/h1-green.jpg);}
body.green #container {background:#547A49 url(images/bodybg-green.jpg);}

body.blue {background:#69889E;}
body.blue h1 {background:#23333E url(images/h1-blue.jpg);}
body.blue #container {background:#49647A url(images/bodybg-blue.jpg);}

body.mocha {background:#A8885F;}
body.mocha h1 {background:#42311D url(images/h1-mocha.jpg);}
body.mocha #container {background:#83673F url(images/bodybg-mocha.jpg);}

body.teal {background:#558786;}
body.teal h1 {background:#20514E url(images/h1-teal.jpg);}
body.teal #container {background:#376F6C url(images/bodybg-teal.jpg);}

body.olive {background:#b0ae4d;}
body.olive h1 {background:#524418 url(images/h1-olive.jpg);}
body.olive #container {background:#8A8730 url(images/bodybg-olive.jpg);}



.clear
{
     border: 0;
     clear: both;
     display: block;
     float: none;
     margin: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
	 
}
