@charset "UTF-8";


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background: #fffacd;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

.logo {
	border: none;
	padding-top:5px;
	padding-bottom:5px;
}

.teacher {
	padding:7px;
	float:right;
	border:0;
}

#container {
	width:780px;
	background: #FFFFFF;
	margin: 0 auto;
	margin-top:10px;
	border: 1px solid #000000;
	text-align: left;
	height: auto;
}
#sidebar1 {
	width: 145px;
	background-image:url(/images/skytile.jpg);
	background-repeat:repeat;
	min-height: 100%;
}
#mainContent {
	width: 625px;
	margin: 5px;
	
	padding: 0px;
	padding-left:7px;
	min-height:100%;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#menu {
}
#menu ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}
#menu li {
	display: inline;
	line-height: 18px;
}
#menu a {
	display: block;
	padding: 5px 0px 10px 4px;
	border-bottom: 0px solid #214799;
	text-decoration: none;
	line-height: 15px;
	font-size: 8pt;
	color: #FFFFFF;
}
#menu a:hover {
	background: #F8EEAE;
	color: #113481;
}
#menu .active a {
	background: #F8EEAE;
	color: #113481;
	font-size: 8pt;
}
.title {
	color: #000000;
	font-family: verdana, arial, helvetica;
	font-size: 12pt;
	font-weight: bold;
	margin-top:3px;
}
.subtitle {
	color: #000000;
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	font-weight: bold;
}
p.contacttext {
	color: #FFFFFF;
	font-family: verdana, helvetica;
	font-size: 7pt;
	text-align:center;
}
p.contacttext a:link {
	color: #000000;
	font-size: 7pt;
	text-decoration: none;
}
p.contacttext a:visited {
	color: #FFFFFF;
	font-size: 7pt;
	text-decoration: none;
}
p.contacttext a:hover {
	color: #EFE1BE;
	font-size: 7pt;
	text-decoration: none;
}
.copyright {
	color: #000000;
	font-family: verdana, arial, helvetica;
	font-size: 8pt;
	vertical-align:bottom;
	text-align:center;
	margin-top:10px;
}
a.copyright:link {
	color: #000000;
	text-decoration: none;
}
img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.panamabtn {
	border:none;
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	width:140px;
	height:100px;
}

form {
	margin-bottom: 0;
}


/*
** Styles for the class schedule page
*/
.yellow_striped, .green_striped, .teal_striped, .pink_striped, .striped {
	margin-top: 15pt;
	border: none;
	width: 100%;
	border-collapse:collapse;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10pt;
}

.pink_striped thead tr {
	background-color: #F88379;
	border: 1px #000 thick;
}
.pink_striped tr.odd td {
	background-color:#FFC6C6;
}
.pink_striped tr.even td {
	background-color: white;
}

.yellow_striped thead tr {
	background-color: #fffacd;
	border: 1px #000 thick;
}
.yellow_striped tr.odd td {
	background-color: #ffffe0;
}
.yellow_striped tr.even td {
	background-color: white;
}
.teal_striped thead {
	background-color: #a9cbda;
}
.teal_striped tr.odd td {
	background-color: #dce9ef;
}
.teal_striped tr.even td {
	background-color: white;
}
.green_striped thead {
	background-color: #a2baad;
}
.green_striped tr.odd td {
	background-color: #dbe6e0;
}
.green_striped tr.even td {
	background-color: white;
}
.odd {
	background-color: #ddd;
}
.even {
	background-color: #fff;
}
.footnote {
	font-size: 7pt;
}
.policy {
	margin-top:20pt;
	border-collapse:collapse;
}
.policy th {
	background-color:#EFE1BE;
	padding-left:5px;
	font-weight:bold;
	font-size:10pt;
}
.policy td {
	vertical-align:top;
	background-color:#d9d9e5;
	padding-left:5px;
	padding-right:5px;
	font-size:10pt;
}

.smalltext {
	font-size:11px;
}
h1 {
	font-size:24px;
	text-align:center;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:15px;
}
h2 {
	font-size:14px;
	font-weight:bold;
	margin-top:0;
	margin-top:5px;	
	margin-bottom:1px;
}
h3 {
	font-size:12px;
	font-weight:bold;
	margin-top:1px;	
	margin-bottom:1px;
}	

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		line-height: 18px;
		list-style: none;
		float : left;
		width : 145px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 18px;
		margin-bottom : -1px;
		width: 145px;
	}
	
	#nav li ul { /* second-level lists */
		background-image:url(/images/skytile.jpg);
		position : absolute;
		left: -999em;
		margin-left : 144px;
		margin-top: -1.95em;
		width:auto;
/*		margin-top : -1.35em; */
	z-index:200;
	}
	
	#nav li ul li { /* all list items */
		position : relative;
		float : left;
		line-height : 18px;
		margin-bottom : -1px;
		width:8em;
		display:block;
	}	
	
	#nav li ul ul { /* third-and-above-level lists */
	
		left: -999em;
	}
	
	#nav li a {
		display: block;
	padding: 5px 0px 0px 4px;
	border-bottom: 0px solid #214799;
	text-decoration: none;
	line-height: 18px;
	font-size: 8pt;
	color: #FFFFFF;
	}
	
	#nav li a:hover {
	background: #F8EEAE;
	color: #113481;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

.style2 {color: #FF0000}

.style5 {
	font-size: 12px;
	color: #000066;
}
.style7 {
	color: #000066;
	font-weight: bold;
}
.style16 {font-size: 14px}
.style18 {font-size: 16pt}
.style20 {color: #006633}
.style25 {font-size: 10px}
.style26 {color: #000066}
.style28 {font-size: 12px; color: #000066; font-weight: bold; }
.style31 {color: #000099}
.style32 {color: #000099; font-size: 12px;}


.style17 {
	font-family: Verdana, Helvetica, Arial;
	font-size: 8.0pt;
	font-weight: bold;
}
.style18 {color: #000000}
.style19 {
	font-size: 12px;
	font-weight: bold;
	color: #003300;
}
.style24 {font-size: 10pt}
.style26 {font-family: Verdana, Helvetica, Arial; font-size: 10pt; }
.style27 {font-size: 8pt}

.style31 {color: #003300}
.style33 {font-size: 14pt}
.style35 {
	color: #003300;
	font-weight: bold;
	font-size: 10pt;
}
.style36 {
	font-size: 7pt;
	font-weight: bold;
}
.style37 {font-size: 12px
			margin-bottom: 1px}
.style38 {
	color: #339900;
	font-weight: bold;
}


.white11 {
	color: #FFFFFF; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-size: 11pt; 
	font-weight: bold; 
	}
	
	

/*
** Not sure if we need any of these styles

td { 
	color: #000000; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-size: 10pt; }
	

.ctitle {
	color: #000000; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-size: 8pt; 
	font-weight: bold; 
	}
	
.style20 {
	color: #FFFFFF; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-size: 8pt; 
	font-weight: bold; 
	}
.new {
	color: red; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-size: 8pt; 
	font-weight: normal; 
	}

.red9 {
	color: #990000; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	}
	
.green10 {
	color: #336633; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-size: 10pt; 
	font-weight: bold; 
	}
	
.blue14 {
	color: #000066; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-size: 14pt; 
	font-weight: bold; 
	}

.free {
	color: #0066CC; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-size: 10pt; 
	font-weight: bold; 
	}

.bodysm { 
	color: #000000; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-size: 8pt }


.navtext { color: #EFE1BE; 
	FONT-FAMILY: verdana, helvetica; 
	font-size: 8pt; }

a.navtext:link {
	color: #EFE1BE;
	text-decoration: none
}

a.navtext:visited {
  	color: #EFE1BE;
	text-decoration: none
}

a.navtext:hover {
	color: #000000;
	text-decoration: none
}

*/

div.tabBox {}

div.tabArea {
  font-size: 80%;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
    height:auto;
}


a.tab {
display:block;
width:72px;
float:left;
text-align:center;
  background-color: #f3e3ad;
  color:#1843a1;
  border: 2px solid #000000;
  border-bottom-width: 0px;
  border-color: #f0d0ff #b090e0 #b090e0 #f0d0ff;
  position: relative;
  text-decoration: none;
/*  top: 3px; */
  z-index: 100;
}

a.tab, a.tab:visited {
  color: #1843a1;
}

a.tab:hover {
  background-color: #1843a1;
  border-color: #c0a0f0 #8060b0 #8060b0 #c0a0f0;
  color: #f3e3ad;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color:  #1843a1;
  border-color: #b090e0 #7050a0 #7050a0 #b090e0;
  color: #f3e3ad;
}

a.tab.activeTab {
  padding-bottom: 4px;
  top: 1px;
  z-index: 102;
}

div.tabMain {
clear:both;
  background-color: white;
  border-top: 1px solid #1843a1;
/*  border-color: #b090e0 #7050a0 #7050a0 #b090e0; */
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .5em;
  padding: .5em;
  position: relative;
  z-index: 101;
}

div.tabIframeWrapper {
	padding-top:15px;
  width: 600px%;
}

iframe.tabContent {
  background-color: white;
  border: 0px;
/*  border-color: #7050a0 #b090e0 #b090e0 #7050a0; */
  width: 598px;
  
  min-height: 28em;
  max-height:50em;
}
.tpage {
	background-color:white;
	}
	
.white {
background-color:white;
}