body {
	padding: 0px;
	margin: 20px;
	background-color: #FFFFFF;
}

h1 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size: 36px;
	color:#385871;
	border-bottom: 1px solid #507EA1;
	font-family: "Calisto MT", Georgia, serif;
	font-weight: 400;
	}

h2 {
	font-family: Charcoal, "Arial Black", Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #38715A;
	font-weight: 500;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
h3 {
	font-family: Helvetica, "Arial Black", Charcoal, Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #38715A;
	font-weight: 500;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}	
	

p, li, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	font-size: 12px;
	}

	
	
li {
	list-style-image: none;
	list-style-position: outside;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;

}


#notes {

display: block;

}

#content ul, #widecontent ul, #right ul {
	margin-top: 2px;
	padding-top: 2px;
	margin-bottom: 2px;
	padding-bottom: 2px;


}

#content li, #widecontent li {

	margin-left: -40px;

}

#content li li, #widecontent li li{

	margin-left: -20px;

}

li h2 {
	list-style-image: none;
}	

li img {
	z-index: 1;
	height: 11px;
	padding-left: 5px;

}

fieldset{
	border: 1px solid #507EA1;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 5px 0 10px;
}

legend {
	font-family: Charcoal, "Arial Black", Verdana, Arial, sans-serif;
	font-size: 16 px;
	padding: 0 px, 5 px;
	color: #507EA1;
	}
	
	
/* begin link styles */
p a {
	text-decoration: underline;
	color: #FF0000;
}

a {
	text-decoration:none;
	 color:inherit; 
	}

a:link {
	color:#000000;
}

a:visited {
	color:#000000;
}

a img {
	border:none;
}

a:hover {
	color:#FFFFFF;
	background-color: #FF0000;
	border:  none #FF0000;
}

a:link img { border: none }

a:hover img {
	color:#FFFFFF;
	background-color: #FFFFFF;
	text-decoration: none;
}

a:visited img {
	border: none;
	text-decoration: none;
}

p {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background: transparent;
}

#new_user {
	color: #000099;
	background-color: #B3DAFF;
	padding: 10px 10px 5px 10px;
}

#new_user h2 {
	color: #000099;
	margin-top: 0px;

}

#right ul{
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	margin-bottom: 10px;
	/*doesn't work in IE
	*/
}

#right li {
	font-size: 10px;
	font-family: Verdana, Tahmoma, Arial, Helvetica, sans-serif;
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	margin-bottom: 5px;

}

#right li ul li{
	margin-left: 10px;
}

#right li ul {
	margin-bottom: 0px;
}

#right li img {

	padding-bottom: 0px;
	padding-left: 0px;
	
}

#right fieldset{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 5px 0px 0px;
	border: none;

}

#right legend {
	color:#385871;
	padding-left: 0px;
	}

/* * html #right fieldset{ position: relative; margin-top:1em; padding-top:.75em; background: #000000; }	*/
* html #right legend{ margin-left: 0px; }

.footer {
	font-family: "Calisto MT", "Times New Roman", Times, serif;
	font-size: 10px;
	text-align: left;
}

.logoblue {
	color: #0099FF;
}
.logogreen {
	color: #669933;
}

.footer a {
	text-decoration:none;
	 color:inherit; 
	}


.lists, #calendar ul li {
	
	/*clear: left;*/
}


.monospace {
		font-family: "Lucida Sans Typewriter Regular", "Lucida Sans Typewriter", "Courier New", "Andale Mono",  VT100, monospace;
}

*html .lists, *html #calendar ul li {
	
}

.small {
	font-size: 9px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

.cal_list {
	color: #3366CC;
	font-weight: normal;
}

/*add rules to help IE*/
.cal_list a {
	text-decoration:none;
	color: #3366CC;
	}

.cal_list a:link {
	color: #3366CC;
}

.cal_list a:visited {
	color: #3366CC;
}

.cal_list a:hover {
	color:#FFFFFF;
}



.highlight {
	color: #009900;
}

/*add rules to help IE*/
.highlight a {
	text-decoration:none;
	color: #009900;
	}

.highlight a:link {
	color: #009900;
}

.highlight a:visited {
	color: #009900;
}

.highlight a:hover {
	color:#FFFFFF;
}

#calendar .highlight {
	/*font-weight: 500;*/

}

.flag {
	color: red;
}
/*add rules to help IE*/
.flag a {
	text-decoration:none;
	color: red;
	}

.flag a:link {
	color: red;
}

.flag a:visited {
	color: red;
}

.flag a:hover {
	color:#FFFFFF;
}

#calendar .flag {
	font-weight: bold;
}




.fadeout {
	font-weight: lighter;
	color: #999999;
	/*font-size: x-small;*/
}
/*add rules to help IE*/
.fadeout a {
	text-decoration:none;
	color: #999999;
	}

.fadeout a:link {
	color: #999999;
}

.fadeout a:visited {
	color: #999999;
}

.fadeout a:hover {
	color:#FFFFFF;
}

.list_note {
	font-size: 9px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333;
}


.prereq {
	font-weight: lighter;
	color: #666600;
	
}
/*add rules to help IE*/
.prereq a {
	text-decoration:none;
	color: #666600;
	}

.prereq a:link {
	color: #666600;
}

.prereq a:visited {
	color: #666600;
}

.prereq a:hover {
	color:#FFFFFF;
}

.confirmation {
	background-color:#00CC33;
	padding:10px;
}

.warning {
	background-color:#E44B58;
	padding:10px;
}




/*button style from http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	margin-bottom:5px;

}


a.button{
background: transparent url('../images/css/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
margin-bottom: 5px;
text-decoration: none;
}

a.button#current {
	background: transparent url('../images/css/square-blue-left.gif') no-repeat top left;
}

a.button.previous {
	background: transparent url('../images/css/square-gray-left.gif') no-repeat top left;
}

a:link.button, a:visited.button, a:active.button{
color: #494949; /*button text color*/
}

a.button span{
background: transparent url('../images/css/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
margin-right:5px;
}

a.button#current span {
	background: transparent url('../images/css/square-blue-right.gif') no-repeat top right;
}

a.button.previous span {
	background: transparent url('../images/css/square-gray-right.gif') no-repeat top right;
}

a.button:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.button:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-bottom:0px;

}
a.button .small {
	
	line-height: 12px; /* Subtracted 3px from regular setting. Was causing a problem in FF */
	
}




.subtitle {
	font-size: 10px;
	font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-align: center;
}


#navlist li {
	margin: 0;
	padding: 0.25em 0.5em 0.25em 0.25em;
	border-top: 1px solid #BFE4FF;
	list-style-image: none;

} 

#navlist li a {
	font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 16px;
	color: #385871;
}

/*end navigation styles */

#calendar ul li{
	list-style-image: none;
	list-style-type: none;

}

.printonly {
	display: none;
}
.tiny {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
}