html { min-height: 100%; margin-bottom: 1px; }

body { 	
	width:900px;
	background-color:#ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	}
/* main ais a div wrapping the body 
	content of the general site (interior) pages */

#main {	
	background-color:#ffffff;
    width: 900 px;	
	margin: 0px;
	padding: 0px;
	}	

/* general tag css */
p {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:14px;
	color:#000000;	
	margin-left:10px;
	margin-right:10px;
}

		
h1 {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:24px;;
	font-weight:bold;
	color:#b4682e;	
	margin-left:10px;
	margin-right:10px;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:18px;;
	font-weight:bold;
	color:#702785;	
	margin-left:10px;
	margin-right:10px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:14px;;
	font-weight:bold;
	color:#000000;	
	margin-left:10px;
	margin-right:10px;
	margin-bottom:-10px;
}

/* removes border from any linked image */
img {
	border:0px;
}

/* general link CSS */
a:visited {
	color: #702785;
	text-decoration: none;
}
a:active {
	color: #702785;
	text-decoration: none;
}
a:link {
	color: #702785;
	text-decoration: none;
}
a:hover {
	color: #cd996f;
	text-decoration: none;
}

/* top navigation CSS */

div.topNav {
	height:30px;
	margin-left:10px;
	text-align:left;
	font-weight:bold;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#cd996f;
}


/* Purple box CSS */

div.purpleHeader {
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Purple box header text*/

p.purpleWhiteTextTop{
	text-align:center;
	font-size:16px;
	color:#ffffff;	
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.purplePurpleText{
	text-align:center;
	font-size:22px;
	color:#702785;		
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
}


p.purpleWhiteTextBottom{
	text-align:center;
	font-size:16px;
	color:#ffffff;	
	margin-top: 0px;
	margin-bottom: 0px;
}

/*Home Page specific CSS */

div.boxedContent{
	margin-top: 15px;
	margin-bottom: 20px;
}

p.boxTitle {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:18px;
	color:#702785;	
	text-align:center;
	margin-top:-3px;
	margin-bottom:0px;
	text-transform: uppercase;
}

div.boxPurpleContent {
	text-align:center;
	font-size:16px;	
	margin-top: 10px;
	margin-bottom: 0px;
	vertical-align : middle; 
	display : table-cell;
	height:55px;
	width:288px;
}

div.homeHeaderButton {
	text-align:center;
	font-size:16px;
	margin-top: 20px;
	margin-bottom: 20px;
	

}

div.newsItemScroll{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	margin-bottom:10px
}

div.eventClassItemScroll {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	margin-bottom:10px
}

/*footer css */

div.purpleFooter {
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

p.smallFooterText {
text-align:center;
	font-size:11px;
}	





/* We also have some static positioning here for the maintext - 
	maintext is a Div that holds all the body content from the initial 
	header up to the footer. Same deal as above: we needed the static 
	positioning to get over browser compatibility issues. 
*/


/* Hack for min height*/
  .prop {
    height:400px;
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

/* Section title in side nav bar */
p.navTitle {
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	color: #702785;
	font-size: 20px;
	text-transform: uppercase;	
	line-height: 18px;
	margin-bottom:5px;
	margin-top:25px;
	margin-left:10px;
	font-weight:bold;
}

/* menus CSS  */
dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {		
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 0px;
	width: 198px;
	line-height: 35px;	
	padding-top:0px;
	margin-top: -20px;
	text-transform: uppercase;
	
}

#menu dl {
	padding: 0px;
}

#menu li a, #menu dt a {
	text-decoration: none;
	display: block;
	cursor: pointer;
	color: #000000;	
	font-size: 16px;
	padding-left: 10px;
	border: 0px;
	text-align: left;
}

#menu dt a:hover {
	color:#000000;	
	background-color: #cd996f;	
	text-decoration: none;
}

#menu dd {
	position: absolute;
	z-index: 101;
	left: 147px;
	margin-top: -30px;
	width: 198px;
	background-color: #000000;
	border: 1px #ffffff solid;
	border-bottom: 0px;
	display:none;
}

#menu ul {
	padding: 0px;
}
#menu li {
	text-align: left;	
	text-indent:0px;
	font-size: 12px;
	font-weight: bold;	
	color: #ffffff;	
	height: 25px;
	line-height: 25px;
	border-bottom: 1px #ffffff solid;
}

#menu li a:hover {
	color:#000000;	
	background-color: #ffffff;
	text-decoration: none;
}

/* CSS to add an active state if we ever want it */
#menu dt #sideActive {
	color:#000000;
	text-decoration: none;
	background: #ffffff;
}
.resizer {font-size: 10px}

.error { color: red; font-weight: bold; }