/*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;}
a:hover {color: black; text-decoration: none;}
a:active {color: #0000FF;}
a:visited {color: #0000FF;}
a:link {color: #0000FF;}
/* links above were acacac       END OF MAIN LINKS+STYLE CUES*/

.heading {font-size: 130%;}

div.maincontent {font-size:1.2em; border-left: 0px solid black; border-right: 1px solid black; border-bottom: 1px solid black; background: white; width: 42.5em; padding: 1.25em; margin-left: auto; margin-right: auto; line-height: 130%; height:950px; overflow:auto}
div.maincontentgeneral {font-size:1.4em; border-left: 0px solid black; border-right: 1px solid black; border-bottom: 1px solid black; background: white; width: 35.0em; padding: 1.25em; margin-left: auto; margin-right: auto; line-height: 130%; height:950px; overflow:auto}
div.maincontentcontact {font-size:1.4em; border-left: 0px solid black; border-right: 1px solid black; border-bottom: 1px solid black; background: white; width: 30.0em; padding: 1.25em; margin-left: auto; margin-right: auto; line-height: 130%; height:950px; overflow:auto}
.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;
}


	  
	  .boxmain {/*this is a box */
  	  background: #FFFFFF;
	  background-image: url(./images/clocktower_web2b.jpg);background-repeat: no-repeat;
	  color : #000099;
	  width: 780px;
	  height: 1040px;
	  font-family : Arial;
	  font-size: 12px;
	  padding : 2px;
	  margin: 2px;
	  margin-left: auto;
	  margin-right: auto;
	  text-align: left;
	  border-color : #FFFFFF;
	  border-style : groove;
	  border-width : 2px;/* the border property in longhand*/
	  }

.box {/*this is a box */
  	  background: #FFFFFF;
	  background-image: url(./images/default_bg.jpg);background-repeat: no-repeat;
	  color : #000099;
	  width: 780px;
	  height: 1040px;
	  font-family : Arial;
	  font-size: 12px;
	  padding : 2px;
	  margin: 2px;
	  margin-left: auto;
	  margin-right: auto;
	  text-align: left;
	  border-color : #FFFFFF;
	  border-style : groove;
	  border-width : 2px;/* the border property in longhand*/
	  }
	  
	  .boxlong {/*this is a box */
  	  background: #FFFFFF;
	  background-image: url(./images/default_bg.jpg);background-repeat: repeat;
	  color : #000099;
	  width: 780px;
	  height: 1410px;
	  font-family : Arial;
	  font-size: 12px;
	  padding : 2px;
	  margin: 2px;
	  margin-left: auto;
	  margin-right: auto;
	  text-align: left;
	  border-color : #FFFFFF;
	  border-style : groove;
	  border-width : 2px;/* the border property in longhand*/
	  }

.boxreg {/*this is a box */
  	  background: #FFFFFF;
	  background-image: url(./images/default_bg.jpg);background-repeat: repeat;
	  color : #000099;
	  width: 780px;
	  height: 1640px;
	  font-family : Arial;
	  font-size: 12px;
	  padding : 2px;
	  margin: 2px;
	  margin-left: auto;
	  margin-right: auto;
	  text-align: left;
	  border-color : #FFFFFF;
	  border-style : groove;
	  border-width : 2px;/* the border property in longhand*/
	  }
	  
	  .contact {/*this is a box */
  	  background: #FFFFFF;
	  background-image: url(./images/default_bg.jpg);background-repeat: repeat;
	  color : #000099;
	  width: 780px;
	  border-left: 180px;
	  height: 1640px;
	  font-family : Arial;
	  font-size: 12px;
	  padding : 2px;
	  margin: 2px;
	  margin-left: auto;
	  margin-right: auto;
	  text-align: left;
	  border-color : #FFFFFF;
	  border-style : groove;
	  border-width : 2px;/* the border property in longhand*/
	  }

.contentl {/*this is a box */
	  color : #000099;
	  width: 150px;
	  font-family : Arial;
	  font-size: 12px;
	  padding : 2px;
	  margin: 2px;
	  margin-left: auto;
	  margin-right: auto;
	  text-align: left;
	  border-color : #FFFFFF;
	  border-style : groove;
	  border-width : 0px;/* the border property in longhand*/
	  }

ul li ul li {
background: #99FF99 /* this sets the second level li */
} 
/* CSS Popout menuv */

/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */

#menuv		                                 /* position, size, and font of  menu */
	{	
	position:absolute;	
	top:0em;
	left:0em;
	z-index: 10;
	width: 8em;						          /* [1] width of menu item (i.e., box) */
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
	font-family: helvetica, arial, geneva, sans-serif;
	}

#menuv a
	{
	width: 100%;
	display:block;						
	padding-top: 0.2em;						/* expands menu box vertically*/
	padding-bottom: 0.2em;
	/*border-bottom:1px solid #555;	*/	/* adds bottom border */
	white-space:nowrap;
	}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
	color: navy;
	/*background-color: royalblue;*/
	text-decoration:none;				       /* removes underlines from links */
	}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuv a:hover				             /* all menus on mouse-over */
	{
	color: #FF6666;
	/*background-color: cornflowerblue;*/
	}
	
#menuv li
	{
	list-style-type:none;		            /* removes bullets */
	}

#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 8em;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 10em;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block;
	}
div.bottomnav {
width: 40em;
height: 1em;
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: #7e7e7e;
}

div.bottomnav a:visited {
color: #7e7e7e;
}

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: 2.7em;
font-size: 1.5em;
color: #b02600;
}

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: 42em; 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;
}