body
{ text-align: center; /*centers the contents of the body */
	font-family: 'gill sans MT', verdana, sans-serif;
	font-size: 1em;


}
#container
{ width: 920px;
	margin: 0px auto;	/* center contents inner body (left and right = auto)*/
	text-align: left; /* counteract text-align center in body */

	color: #445555;
	padding: 0px 0 0px 0;
}
a
{ color: #1155ff;
}
a:visited
{ color: #1155dd;
}
/* general preference ============  */
td
{ vertical-align: top;
}
img, a img, img a
{ border: none;
}

/* global shortcuts ================ */
.normal
{ font-style: normal;
}
.floatR
{ float: right;
	width: auto;
	padding-left: 10px;

}
.floatL
{ float: left;
	width: auto;
	padding-right: 10px;
}
div.floatR, div.floatL
{ font-variant: small-caps;
	text-align: center;
	font-size: 8pt;
}
.clear
{ clear: both;
}
.indent
{ text-indent: 5%;
}
p.indent, div p.indent
{ margin: 0;
	padding: 0;
}
.right
{ text-align: right;
}
.left
{ text-align: left;
}
.center
{ text-align: center;
}
.bold
{ font-weight: bold;
}
.underline
{ text-decoration: underline;
}
.oblique
{ font-style: oblique;
}
.no-bottom
{ margin-bottom: 0;
}
.dropcap
{ font-size: 600%;
	float: left;
	line-height: 70px;
	font-family: 'book antiqua', serif;

}
blockquote
{ font-size: 85%;
}
/* ============================= summer school =========================== */

#av
{	font-size: 90%;
	width: 920px;
}
#av h1
{ color: white;
	text-align: center;
}
#av h1 span
{ font-size: 70%;
}
#av h1.main
{ background-image: url('/images/summerheadernew.jpg');
	padding: 125px 0 5px 0;
}
#av h1.creative
{ background-image: url('/images/creativeheader.jpg');
	height: 448px;

}
#av h1.value
{ background-image: url('/images/valueheader.jpg');
height: 214px;
}

#av #faculty h1
{ margin-bottom: 0;
}
#av #faculty h2
{ background-color: #FF7C00;
	color: white;
	font-size: 120%;
	padding: 1%;
}
#av #faculty img
{ border: 2px outset white;
}
#av #faculty ul
{ list-style-type: none;
	margin: 0;

}
#av #faculty ul li
{ height: 228px;
	font-size: 120%;
}
#av div.floatR ul li
{ font-weight: bold;
	text-align: left;
	list-style-type: none;
	font-size: 120%;
	padding: 0;
	margin: 5px 0;
}
#av ol
{ margin: 0 0 0 30px;
	padding: 0;
	list-style-type: none;
}
#av ol li a
{ font-style: italic;
}
#av ol li a span
{ font-size: 70%;
	font-style: normal;
	color: gray;
}
/* ============ right floating column */
#av div.fees
{	float: right;
margin-left: 10px;
}
#av div.fees div
{	border-left: 3px dotted #cccccc;
padding-left: 10px;
}
#av div.fees p
{ font-size: 75%;
	margin-bottom: 0;
}
#av div.fees ul
{ margin-top: 0;
}
/* ================== left text column  */
#av div.text
{ margin-right: 370px;
}
/* ============ value */

#av.creativity div.text
{ margin-right: 220px;

}
/* short courses ====== */
#av.short div.text
{ margin-right: 440px;

}
#av.short div.fees
{ float: right;
	width: 400px;
}
#av #reflections
{	padding: 10px;
	margin: 0px;

}
div#reflections div
{ padding: 10px 0;
}
/* ================================== menu ============== */
#menu-top
{ position: relative;
	margin: 0 0 0px 0;
	padding: 0;
	text-align: center;
	width: 920px;
}
#menu-top ul
{	margin: 0 0px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
}
#menu-top ul li
{ display: inline;
	float: left;
}
#menu-top ul a
{ float: left;
	background:url('/images/menu-top-left.png') no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	font-family: "gill sans MT", verdana;
	text-decoration: none;
	line-height: 1.5em; /* centers items vertically */
	border: none;
}
#menu-top ul a.on span, #menu-top ul a.on:visited span
{ color: #ff0000;
}
#menu-top ul a span  /* clever way to get the a element to house two background images */
{ background: transparent url('/images/menu-top-right.png') no-repeat right top;
	padding: 5px 8px 4px 6px;
	color: #660000;
	display: block;
	float: left;
	cursor: pointer; /* To make IE  display the hand when roll over */
}
#menu-top ul a:hover
{ background-position: 0% 0px;
}
#menu-top ul a:hover span
{	background-position: 100% 0px;
}
#menu-top ul a:visited span
{	color: #990000;
}

/* =========== footers */

#av #foot
{ padding: 0;
	clear: right;
	width: 100%;
}
#av #foot p
{ margin: 0;
	border: none;
}
#av #foot p.white
{ color: #000000;
}
#av #foot p.blue
{ background-color: #108cff; /* blue */
	color:#108cff;
	height: 25px;
}
#av #foot p.orange
{ background-color: #ff7c00; /* orange */
	color: #ff7c00;
	height: 35px;
}
#av #foot.value p.blue
{ height: 30px;
	color: white;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
}
#av #foot.value p.red
{ color: #941100;						/* red */
	background-color: #941100;
	height: 15px;
}
#av #foot.value p.yellow		/* yellow */
{ color: #ffd400;
	background-color: #ffd400;
	height: 15px;
	}
#av.short #foot p.red
{ color: #ffffff;
	font-weight: bold;
	background-color: #841100;
}
#av.short #foot p.orange
{ height: 30px;
}