/*MAIN LINKS+STYLE CUES*/
html>body {overflow: scroll;}
body {font-family: Garamond,Times,Serif; font-size: 1em; color: #4c4c4c; background: #59554c; margin: 0px; padding: 0px; text-align:center}
a:hover {color: black; text-decoration: none;}
a:active {color: #0045bc;}
a:visited {color: #0045bc;}
a:link {color: #0045bc;}
/*END OF MAIN LINKS+STYLE CUES*/

.heading {font-size: 130%;}

div.maincontent {border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; background: white; width: 37.5em; padding: 1.25em; margin-left: auto; margin-right: auto; line-height: 130%; text-align:left}

.captionedimg {
text-align: center;
}

.intro_head_top {
font-size: 2em;
color: #003288;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: .5em;
margin-bottom: .75em;
}

.intro_head_bottom {
margin-top: 0px;
font-size: 2em;
color: #0045bd;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: .25em;
}

.img_cell {
border: 1px solid black;
}

td.introbullets {
border: 1px solid black;
background: #fbf9e5;
color: #b02600;
}

.rightbutton {
margin-left: auto;
text-align: right;
}

.smalltype {
font-size: .5em;
text-align: center;
display: inline;
}

.centered {
text-align: center;
display: inline;
font-size: .75em;
}

p.centered {
font-size: 1em;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}


div.bottomnav {
width: 40em;
height: 2em;
background: #ffe790;
margin-left: auto;
margin-right: auto;
border: 1px solid #b02600;
text-align: center;
padding-top: .5em;
padding-bottom: .5em;
}

div.bottomnav a:link {
color: #0045bc;
}

div.bottomnav a:visited {
color: #0045bc;
}

div.bottomnav ul {
margin: 0em;
padding: 0em;
}

div.bottomnav li {
list-style-type: none;
display: inline;
padding-left: .5em;
padding-right: .5em;
}


div.topnav {
width: 40em; 
background: #b02600; 
text-align: center; 
margin-right: auto; 
margin-left: auto;
}

div.topnav ul {
background: #b02600;
height: 2.5em; 
margin: 0px;
margin-left: auto;
margin-right: auto; 
float: inherit;
min-width: 200px;
}

div.topnav li {
list-style-type: none; 
display: inline;  
font-weight: bold; 
margin-left: 1em; 
margin-right: 2em;
float: left;
width: 9em;
margin-top: 3px;
height: 2.5em;
line-height: 250%;
}

.clearer {
clear: both;
float: left;
}

/*nav_rollovers*/

div.topnav a {
padding-top: .5em;
padding-bottom: .5em;
padding-left: 1em;
padding-right: 1em;
}

div.topnav a:hover {
background: #E19E59;
color: black;
}

div.bottom {text-align: center;}

.selected {background: #ffe790;}


.content {vertical-align: top;}

.indexfont {font-size: 150%; font-weight: bold;}

.intro {font-size: 120%;}

/*the image on the front page has a white border on some sides to pad it from the text, it also is sized in em, so it zooms with the text*/
#infoimage {
border-right: 1em solid white;
border-top: 1em solid white;
border-bottom: 1em solid white;
float:left;
width: 12em}

#membersimage {
float: right;
width: 12em;
}

#historyimage {
float: right;
width: 15em;
}

#splashimage {
margin-left: auto;
margin-right: auto;
margin-top: 3em;
width: 35em;
}

#introbig {
width: 19em;
display: block;
margin: 0em;
}

#splash {
text-align: center;
margin-left: auto;
margin-right: auto;
}

label {
float: left;
width: 6em;
margin-right: 1em;
}

.label {
display: block;
float: left;
width: 9em;
margin-right: 1em;
}

.or {
text-decoration: underline;
font-weight: bold;
font-style: italic;
display: block;
width: 10em;
text-align: center;
}

td.introbullets {
padding-bottom: 3em;
}

ul.introbullets {
display: block;
list-style-type: square;
line-height: 2em;
}

ul.introbullets span {
color: #4c4c4c;
}

.bottomlogo {
margin-top: .5em;
}

.contacthead {
text-align: center;
padding-bottom: .25em;
border-bottom: 1px solid black;
margin-left: auto;
margin-right: auto;
font-size: 1.4em;
}

.contentborder {width: 620px; background: white; border: 1px solid black; line-height: 130%; font-size: 100%; padding: 10px;}

.inlineimage {
float: left;
padding-right: 10px;
}

.boardtable {
margin-left: auto;
margin-right: auto;
}

/*COURSE TABLE STUFF BELOW HERE*/
/*the coursetable is the table within the maintable containing a listing of all of the courses, two columns divide it, courseheading and courseschedule*/
.coursetable {background: white; width: 38em; line-height: 130%; table-layout: fixed; margin-left: auto; margin-right: auto;}


/*the courseschedule is the td containing the scheduling/instructor information for each course*/
.courseschedule {
width: 38%;
background: #cfb495;
border: 1px solid black;
padding: 10px;
}

/*the coursedescription is the td containing the writeup/information about the course itself*/
.coursedescription {width: 62%; background: white; border: 1px solid black; padding: 15px;}

/*the infotitle is the span tag around the name of the instructor and left-side info bits*/
.infotitle {font-weight: bold;}

/*the courseheading is the name of a specific course, span tags are used to delimit this text*/
.courseheading {font-size: 110%; font-weight: bold; text-align: center; margin-left: auto; margin-right: auto;}
/*END OF COURSE TABLE*/

.head {
font-weight: bold;
text-decoration: underline;
}

.boardtitle {
font-style: italic;
}