/* CSS Document */

/* ---- SITE WIDE ELEMENTS ---- */

* {margin: 0; padding: 0;}

body {
    background: #0083A9 url(http://www.calvin.edu/admin/provost/engagement/teagle/images/bkgd.gif) repeat-x top left;
    color: #000000;
    margin: 0px;
	font-family: Arial;
	font-size: 90%;
}

a:link {
	color: #0083A9;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #0095B7;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	color: #000000; 
	text-decoration: underline; 
	font-weight: bold;
}
a:hover {
	color: #0095B7; 
	text-decoration: underline;
	font-weight: bold;
}

p {
	margin-top: 10px;
}
p.msg {color: #7d8033;}

blockquote p {
	padding: 0 0 0 20px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */




/* ---- FESTIVAL LAYOUT ---- */

#content {
    width: 960px;
    margin: 0;
	background: #FFFFFF url(http://www.calvin.edu/admin/provost/engagement/teagle/images/bkgd_project.gif) repeat-y 0 -1px;
}

#project {
	width: 945px;
	margin-left: 15px;
	height: auto;	
}


/* calvin header */

#calvinheader {
    height: 40px;
    background: #439639;
	padding: 5px 0 0 15px;
}
#calvinheader h1 {
   display: none;
}
#calvinheader h2 {
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	text-align: right;
	padding-top: 6px;
}


/* project banner */

#projectbanner {
	float: left;
	width: 745px;
    height: 200px;
}
#projectbanner h2 {
   display: none;
}

/* case study banner */

#casebanner {
	float: left;
	width: 745px;
    height: 120px;
}
#casebanner h2 {
   display: none;
}

	


/* NAVIGATION */

#skipnav {display: none;}

.nav {
	width: 200px; 
}




/* LEFT COLUMN */

#left {
	float: left;
	width:  200px;
	background:  #0095B7;
}
#left h3 {
	padding: 5px 0 0 5px; 
	margin-bottom: 0; 
	color: #fff1e7;
	font-size: 100%;
}


/* left nav */

#left .nav ul {
 	margin: 5px 0 20px 0;	
	padding-left: 0; 
 	list-style-type: none;
 	font-size: 100%;
}
#left .nav li {
	border-bottom:  #FFFFFF thin dotted;
}
#left .nav p.tiny {font-size: 6px; line-height: 1em;}
#left .nav a {
	display: block;
	text-decoration: none;
	font-weight:normal;
	color: #FFFFFF;
	padding: 10px 5px;
	width: 190px;
}
#left .nav a:hover {
	background-color: #0083A9;
	color: #FFFFFF;
}

#sponsors a#lsponsors {font-weight: bold; text-decoration: none;}
/* for right nav */
#right #currentpage a {color: #000;font-weight: bold;}



/* CENTER COLUMN */

#center {
	float: left;
	width:  480px;
	padding: 10px;
	text-align: justify;
	overflow: visible;
}

#center ul, #center ol {
	padding: 0 0 0 20px;
}

#center h3 {
	color: #AB5410;
	font-size: 120%;
	text-align: left;
}


/* case studies */

.cases li, .biblio li {
	margin-top: 10px;
	text-align: left;
}
.cases h4 {
	font-size: 80%;
	color:#666666;
	text-transform:uppercase;
	font-weight:normal;
	margin: 0;
	padding: 0;
}

/* contact */

.contact-left {
	float: left;
	width: 230px;
	padding: 0 10px 0 0;
	text-align: left;
}
.contact-right {
	float: right;
	width: 230px;
	padding: 0 0 0 10px;
	text-align: left;
}




/* RIGHT COLUMN */

#right {
	float: left;
	width:  245px;
	overflow: visible;
}
#right h4 {
	background: #AB5410;
	font-size: 70%;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:normal;
	padding: 5px; 
}
#rightcolumn a {
	color: #FFFFFF;
}
#right p {
	padding: 0 10px 10px 10px;
	font-size: 85%;
}
#right div img {
	padding: 10px 0 0 10px;
}
#right div {
	background: #E5E5E5;
}
.EOPlogo {
	margin: 10px 0 10px 0;
}


/* right nav */

#right h3 {
	padding: 5px;
}

#right ul {
	list-style-type: none;
	font-size: 90%;
}
#right ul a {
	text-decoration: none;
	color: #AB5410;
	display: block;
}
#right li {
	padding: 5px 15px;
}

#right div {
	margin-bottom: 30px;
}

#footnotes ol {
	padding: 0 10px 10px 35px;
	font-size: 75%;
}





/* ---- FOOTER ---- */

#footer-css {
	float: right;
	margin: 0;
	padding: 0;
	width: 745px;
	font-size: 85%;
	background: #FFFFFF;
	border-top: 2px solid #0083A9;
}

#footer-css a {
	text-decoration: none;
}

#footer-css dl {
	float: left;
	width: 24%;
	margin: 0;
	padding: 15px 0 15px 0;
}

#footer-css dt {
	font-weight: bold;
	color: #000000;
	padding: 0 10px 0 10px;
}

#footer-css dt a {
	color: #000000;
}

#footer-css dt a:hover {
	color: #9999cc;
}

#footer-css dd {
	margin: 0;
	padding: 0 10px 0 10px;
}

a#footer-contact-name {
	text-decoration: underline;
}

a#footer-contact-name:hover { 
	color: #9999cc;
}
.bodycopy-small { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 75%;
}