* {
font-family:Arial,Helvetica,"sans serif";
}

body {
	margin:0px 0px; padding:0px;
	text-align:center;
	/*background-image: url(../images/demask3.gif);
	background-repeat: repeat;*/
	background-image: url(../images/demask-gradient-center.gif);
	background-color: #000000;
	background-position: top;
	background-repeat: no-repeat;
	
	}
	
#Content {
	width:1024px;
	margin:0px auto;
	/*text-align: left;*/
	background-color: transparent;
	color: #FFFFFF;
/*	border-left: 2px solid #31D5B3;
	border-right: 2px solid #31D5B3;*/
	border: 2px solid #31D5B3;
	border-top: 0px solid #31D5B3;
	}
	
#masthead {
display: block;
width: 100%;
height: 204px;
padding: 0px;
margin: 0px;
background: transparent url(../images/masthead-smaller.gif) repeat;
}

#masthead ul {
float: right;
display: inline;	
width: 35%;
height: 45%;

}

#masthead ul li, #masthead ul li a {
list-style: none;
/*list-style-image: url(../images/bullet.gif);
list-style-position: outside;*/
font-family: "Lucida Sans", "Lucida Grande", Lucida, sans-serif;
font-weight: normal;
padding: 0px 20px 0px 0px;
margin: 0px;
float: left;
text-decoration: none;
color: #FFFFFF; 
text-align: left;
}

#masthead ul li em, #masthead ul li em a {
text-transform: none;
font-weight: bolder;
text-align: left;
}

/* -- stupid bullet --*/
#masthead span {
margin: 2% -3% 0px 0px;
padding: 0px;
width: 20px;
height: 21px;
display: inline;
float: right;
background-image: url(../images/bullet.gif);
background-position: center;
background-repeat: none;
}

#navbar {
display: inline-block;
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
background-color: #000000;
text-align: center;
font-size: 16px;

}

#navbar a {
/*border-right: 1px dotted #31D5B3;*/
display: inline;
float: left;
width: 105px; /* Need to change when add/remove tabs */
margin: -2px 1px 0px 1px;
padding: 8px 8px 0px 8px;
background-color: #000000;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
text-align: center;
/*border: thin dotted #31D5B3;*/


}

#navbar a:hover {
/*border-right: 1px dotted #31D5B3;*/
display: inline;
float: left;
width: 105px; /* Need to change when add/remove tabs */
/*margin: -2px 5px 0px 0px;*/
margin: -2px 1px 0px 1px;
padding: 8px 8px 0px 8px;
background-color: #000000;
color: #000000;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 30px;
/*border: thin dotted #31D5B3;*/

background-image: url(../images/selected-gradient.gif);
background-repeat: repeat-x;
}


#navbar .selected {
display: inline;
float: left;
margin: -2px 1px 0px 1px;
padding: 8px 8px 0px 8px;
background-color: #000000;
color: #000000;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 30px;

background-image: url(../images/selected-gradient.gif);
background-repeat: repeat-x;
/*
border: 1px solid #31D5B3;
border-bottom: thin solid #000000;*/

}

#main-container {
display: inline-block;
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 75px 0px;
background-color: #000000;
/*text-align: center;*/
}

#main-content {
padding: 15px 0px 0px 0px;
/*text-align: center;*/
width: 99%;
height: 100%;
border-top: 1px dotted #31D5B3;
margin: 0px auto;
font-size: 14px;
}

/* =============== Home Page ==================== */
.contact-info {
margin-top: 15px;
display: block;
color: #CFCFCF;
}

/* =========== glider-0.0.3 ================= */

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 790px; 
	height: 380px;
	overflow: hidden;
	margin:0px auto; 
	/*border:1px solid #cccccc;*/
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:790px;
		height:380px;
		overflow:hidden;
		
		/*float:right;
		margin-top: 10px;*/
	}
	div.scroller div.content {
		width: 10000px;
		}

/*	div#section2 {
		background:#666666;
		color:#ffffff;
		} */

/* =========== Faculty page ================= */

ul.bios {
display: block;
width: 90%;
list-style: none;
padding-top: 15px;
}

ul.bios_first {
display: block;
width: 90%;
list-style: none;
}

li.bio {
width: 100%;
list-style: none;
color: #CFCFCF;
text-align: left;
}

li.bio h1 {
display: block;
}

li.bio h2 {
display: block;
margin: -10px 0px 10px 0px;
font-size: 1.3em;
}



li.bio img {
float: left;
width: 165px;
/*background-image: url(../images/bios/jennifer.jpg);*/
border: 2px solid #31D5B3;
margin-right: 10px;
margin-bottom: 5px;
}

li.bio p {
margin: 0px;
line-height:14pt;
font-size: 14px;
}

/* =========== Classes page (temporary) ================= */
div.downloads, div.downloads a{
text-align: center;
color: #CFCFCF;
font-size: 24px;
padding: 15px 0px 0px 0px;
}

#classes {
display: inline;
float: left; 
width: 85%;
padding: 0px;
margin: 0px;
}

ul.tuition {
display: block;
list-style: none;
width: 100%;
margin-left: 8%;
text-align: center;
margin-top: 0px;
padding: 10px 0px 25px 0px;
}

ul.tuition h2 {
display: block;
list-style: none;
text-align: left;
width: 85%;
/*margin-left: -3%;*/
float: left;
border-bottom: thin dotted #CFCFCF;
padding-bottom: 2px;
}

li.tuition-details {
display: block;
float: left;
width: 100%;
list-style: none;
color: #CFCFCF;
text-align: center;
padding: 5px 0px 10px 0px;
}

li.tuition-details ul{
width: 45%;
display: inline;
font-size: 1.3em;
text-align: center;
float: left;
}

li.tuition-details li {
display: inline;
float: left;
font-size: 1.3em;
padding: 5px 10px 0px 5px;
width: 145px;
text-align: left;
}

li.tuition-details li em {
display: inline;
font-size: 12px;
font-style: normal;
}

.late {
text-align: center;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
margin-bottom: 15px;
}



p.tuition-content {
display: block;
width: 70%;
text-align: left;
margin-left: 10%;
/*margin-right: 13%;*/
padding-top: 0px;
line-height:14pt;
color: #CFCFCF;
}

h2.tuition-content {
display: block;
width: 35%;
text-align: left;
/*margin-left: 13%;
margin-right: 13%;*/
/*border-bottom: thin dotted #CFCFCF;*/
padding-bottom: 2px;
font-size: 1em;
padding-top: 20px;
color: #CFCFCF;
margin-left: 10%;
}

/* =============== Contact Us page ================== */

ul.contactus{
display: block;
width: 90%;
list-style: none;
}

li.contactus-details {
width: 100%;
list-style: none;
color: #CFCFCF;
text-align: left;
}

li.contactus-details h1 {
display: block;
}

li.contactus-details h2 {
display: block;
margin: -10px 0px 10px 0px;
font-size: 1.3em;
}



li.contactus-details img {
float: left;
/*background-image: url(../images/bios/jennifer.jpg);*/
/*border: 2px solid #31D5B3;*/
margin-right: 25px;
}

li.contactus-details dt {
margin-top: 30px;
font-size: 1.3em;
}

li.contactus-details dd {
font-size: 1.3em;
margin-bottom: 15px;
}

/* ============ Calendar page ============= */

ul.calendar {
display: block;
list-style: none;
width: 70%;
text-align: center;
margin-top: 0px;
padding: 10px 0px 25px 0px;
margin-left: auto;
margin-right: auto;
}

li.calendar-details {
display: block;
width: 100%;
list-style: none;
color: #CFCFCF;
text-align: center;
padding: 5px 0px 10px 0px;

}

li.calendar-details ul{
width: 100%;
display: inline;
border-bottom: 1px dotted #31D5B3;
float: left;
}

li.calendar-details li {
display: inline;
float: left;
padding: 10px 0px 10px 0px;
text-align: left;
width: 40%;

}

/* ============ About Us page ============= */

div.aboutus, div.aboutus p{
text-align: center;
color: #CFCFCF;
font-size: 24px;
padding: 15px 15px 0px 15px;

}

/* ========== Left Nav ================= */ 


.leftnav{
list-style-type: none;
margin: 40px 0px 0px 15px;
padding: 0px 0px 0px 0px;
width: 12%;
border-bottom-width: 0;
float: left;
display: inline;

}

.leftnav li a{
text-align: left;
background-color: #000000;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
text-decoration: none;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #31D5B3;
margin: 2px 0px 2px 0px;
}

* html .leftnav li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
/*width: 160px;*/
}

.leftnav li a:visited, .leftnav li a:active{
/*color: white;*/
}

.leftnav li a:hover {
color: #000000;
background-image: url(../images/leftnav-gradient.gif);
background-repeat: repeat-x;
}

.leftnav .selected {
color: #000000;
background-image: url(../images/leftnav-gradient.gif);
background-repeat: repeat-x;
}

.leftnav .top{
border-top: 0px dotted #31D5B3;
}