body {
	font-family: times new roman, arial, helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	margin-top: 11px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-color: #000000;
	padding-top: 0px;

	/*Unnecessary section, unless you decide you want a picture in the background - where the black is, behind the main table.
	background-image: url(../images/nav/body_bckgrnd.gif);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: scroll;
	*/
}
table {
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	border: none;
}
/* Navtop1&2 and navbot1&2 control things that are behind the top-level menu (2 Year, Intensives, etc). You'll only need to worry about this if you decide to make a big change. */
.navtop1 {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}
.navtop2 {
	background-color: #b4b4b4;
	text-align: center;
	width: 755px;
	height: 36px;
	border: none;
}
.navbot1 {
	width: 755px;
	margin: 0px;
	padding: 0px;
	background-color: #121239;
	border: none;
}
.navbot2 {
	color: #333333;
	text-align: left;
	border: none;
	padding: 0px;
margin-left:auto;
margin-right:auto;
	font-size: 14px;
	font-family: "times new roman", times, serif;
}
.navbot3 {
	letter-spacing: normal;
	word-spacing: normal;
	padding: 5px 5px;
	margin: 0px;
	text-align: center;
}

.navbot3:hover {
background:#333355;
}

/* This navbot4 stuff controls the second-level menu links - eg in the Staff section where you see Cindy, Dave, Peter, Instructors, Directors. As you can see there's options to change the looks of the links depending on whether they've been visited or not, or if they're being hovered over w/the mouse. I decided to keep them all the same. */
a.navbot4:link {
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	padding: 10px 10px;
	margin: 0px;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
}
a.navbot4:visited {
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	padding: 10px 10px;
	margin: 0px;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
}
a.navbot4:hover {
	font-family: arial, helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	margin: 0px;
	font-weight: normal;

}
.footer1 {
	color: #000000;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding-top: 18px;
	padding-bottom: 15px;
	background-image: url(../images/nav/footer_bckgrnd.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.border {

	width: 2px;
	padding: 0px;
	background-color: #ffffff;
}
.border2 {

	height: 12px;
	width: 754px;
	background-color: #ffffff;
	line-height: normal;
	text-align: right;
	padding-bottom: 3px;
}
.border3 {
	height: 3px;
	width: 754px;
	background-color: #ffffff;
	line-height: 0px;
	text-align: right;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}
topbar {
	background-color: #000000;
}
.head1 {
	text-align: left;
	vertical-align: bottom;
	background-image:  url("../images/headers/logo_02.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.head2 {
	text-align: right;
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: bottom;
}

/* standard content */
/* unchanged */
.body1 {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/nav/content_bckgrnd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
}
.body2 {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
/*Controls most anything in the left column. This is also for one-column pages, like the junior school. The content_bckgrnd.gif is the transparent mountain in the left column background.*/
.leftbody {
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #ffffff;
	vertical-align: top;
	margin: 0px;
	width: 420px;
	font-family: times new roman, arial, helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	line-height: 24px;
	background-image: url(images/nav/content_bckgrnd.gif);
	background-repeat: y;
	border: none;
}
/*Controls most anything in the right column.*/
.rightbody {
	vertical-align: top;
	width: 255px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: none;
	color: #000000;
	font-family: times new roman, arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 15px;
}
/*I have a separate set of instructions for the Instructors page. I can't remember why, but I know I had a good reason at one point.*/
.staffbody {
	padding-right: 25px;
	padding-left: 15px;
	padding-top: 0px;
	background-color: #ffffff;
	vertical-align: top;
	margin: 0px;
	width: 418px;
	font-family: times new roman, arial, helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	line-height: 24px;
	background-image: url(images/nav/content_bckgrnd.gif);
	background-repeat: y;
	border: none;
}
.single {
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 5px;
	vertical-align: top;
	width: 720px;
	font-family: times new roman, arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	color: #000000;
}
/*The next two control any links within the body. Again, I've decided to keep the links looking the same regardless of whether or not they've been visited. I took out the hover section here, but you could easily add one in if you wanted to. */
a:link {
	font-family: times new roman, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #000066;
	letter-spacing: normal;
	text-decoration: none;
}
a:visited {
	font-family: times new roman, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #000066;
	letter-spacing: normal;
	text-decoration: none;
}
/*LI and UL are for bullet-point lists, like in the right column of the front page. UL (unordered list) controls the list as a whole; LI (line item) controls each separate item.*/
li {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	color: #000000;
	font-size: 16px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style-position: outside;
	list-style-type: disc;
}
ul {
	padding-left: 0px;
	margin-left: 20px;
	margin-right: 15px;
	margin-top: 0px;
	vertical-align: top;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.floatleft {
	float: left;
	border: 1px solid #666666;
	padding: 3px;
	margin-right: 5px;
	background-color: #ffffff;
}
.doubleleft {

	padding-right: 33px;
	padding-left: 20px;
	padding-top: 0px;
	background-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dotted;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	vertical-align: top;
	margin: 0px;
	width: 267px;
}
.triple1 {
	background-color: #ffffff;
	vertical-align: top;
	margin: 0px;
	width: 231px;
	padding: 0px 10px;
	border: none;
	background-image: url(../images/nav/index_triple1_bckgrnd.gif);
	background-repeat: no-repeat;
	color: #000000;
	font-size: 16px;
	font-weight: normal;
}
/*h1, h2, and h3 control what your headlines would look like, if you're using the h1, h2 and h3 tags. If I remember correctly, all of the headlines are set in h2, but we're not using any h1s throughout the site. h3s are very sparse, if at all. But it's there if you need it.*/
h1 {
	font-family: times new roman, arial, helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: 40px;
	letter-spacing: 0.1em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	padding-right: 45px;
}
.floatl {
	float: left;
	background-color: #ffffff;
	padding-right: 5px;
}
h2 {
	font-family: times new roman, arial, helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: lighter;
	line-height: 35px;
	letter-spacing: 0.1em;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.floatr {
	float: right;
	background-color: #ffffff;
	padding-left: 1px;
}
.triple2 {
	background-color: #ffffff;
	vertical-align: top;
	margin: 0px 3px;
	width: 232px;
	padding: 0px 10px;
	border: none;
	background-image: url(../images/nav/index_triple2_bckgrnd.gif);
	background-repeat: no-repeat;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}
h3 {

	font-family: times new roman, arial, helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: 40px;
	letter-spacing: 0.1em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	padding-right: 45px;
}

#bigheader {
font-weight:bold;
font-size:11pt;
text-align:center;
}

h7{
font-weight:bold;
font-size:11pt;
text-align:center;
}

#bolded{
font-weight:bold;
}

#it{
font-style:italic;
}


/*This is the only image-related instruction - all I've told it is to not put a border around any images. */
img { border-style: none; }

#headeritalic{
font-style:italic;
}