body
{ 
	background-color: #000;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;	
}

.hidden {
	display: none;}
	
.botolicious {
	display: none;}


td {
	font-family: "Trebuchet MS", Verdana, sans-serif;

}

#wrapper {
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	clear: both;
}

#wrapper1 {
	width: 100%;
	margin: 0;
	background-color: #000;
	color: #fff;
	padding: 0;
	clear: both;
}

#wrapper2 {
	width: 900px;
	color: #fff;
	font-size: medium;
	line-height: 1.2;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 2em;
	padding: 0;
	clear: both;
}


#wrapper3 {
	width: 900px;
	margin: 0;
	padding: 0;
	clear: both;
}

#wrapper2 h1 {
	color: #f0f0f0;
	font-weight: lighter;
	padding:0;
}


#wrapper2 h2 {
	color: #f0f0f0;
	line-height: 1;
	font-weight: lighter;
	padding:0;
}

#wrapper2 h3 {
	color: #f0f0f0;
	line-height: 1;
	font-weight: lighter;
	padding:0;
}

#wrapper2 p {
	line-height: 1.2;
	color: #fff;
}


#wrapper2 a {
	color: #e0e0ff;
}

#wrapper2 a:visited {
	color: #dfdfff;
}

#wrappergrad {
	width: 100%;
	background: url(images/bluegrad.gif) repeat-x;
	background-color: #d0e7fb;
}

#wrapper2lt {
	width: 900px;
	color: #000;
	background-color: #fcfcfc;
	line-height: 1.5;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 2em;
	padding: 10px;
	clear: both;
}

#wrapper2lt h1 {
	color: #606060;
	font-weight: lighter;
	padding:0;
}


#wrapper2lt h2 {
	color: #606060;
	line-height: 1;
	font-weight: lighter;
	padding:0;
}

#wrapper2lt h3 {
	color: #606060;
	line-height: 1;
	font-weight: lighter;
	padding:0;
}

#wrapper2lt p {
	line-height: 1.2;
	color: #000;
}


#wrapper2ltw {
	width: 1000px;
	color: #000;
	background-color: #fcfcfc;
	line-height: 1.5;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 2em;
	padding: 10px;
	clear: both;
}

#wrapper2ltw h1 {
	color: #606060;
	font-weight: lighter;
	padding:0;
}


#wrapper2ltw h2 {
	color: #606060;
	line-height: 1;
	font-weight: lighter;
	padding:0;
}

#wrapper2ltw h3 {
	color: #606060;
	line-height: 1;
	font-weight: lighter;
	padding:0;
}

#wrapper2ltw p {
	line-height: 1.2;
	color: #000;
}

#header {
	background-color: #000;
	height: 100px;
	width: 900px;
	margin: 0;
	padding: 0;
	clear: both;
}

#header h1 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #fff;
	text-indent: 2em;
	text-align: left;
	font-size: 24px;
	font-weight: lighter;
	line-height: 3em;
	margin: 0;
	padding: 0;
}

#header h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: lighter;
}

#topnav2 {
	background: #000;
	width: 100%;
	color: #fff; 
	float: left;
	text-align: left;
	padding: 5px;
	font: 12px "Trebuchet MS", Verdana, sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
	clear: both;
	margin: 0;
	height: 12px;
}

#topnav2 a {
	color: #fff;
	text-decoration: none;
}

#topnav2 a:hover {
	background-color: #efefef;
	color: #000;
	text-decoration: none;
}

#footer {
	padding: 5px;
	font-size: smaller;
	color: #fff;
	background-color: #000;
	width: 100%;

}

#footer p {
	margin: 0;
	padding-left: 1em;
	padding-top: 0px;
	padding-bottom: 1em;
}

#footer a {
	color: #a0a0a0;
	text-decoration: none;
}


#navside {
	padding: 0px;
	margin: 0;
	clear: both;	
}

ul.navbar  {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.navbar li {
	margin: 0 1px 0 0;
	padding: 4px 5px;
	width: auto;
	line-height: 5em;
	list-style: none;
	float: left;
	display: block;
	font: 11px "Trebuchet MS", Verdana, sans-serif;
	text-transform: lowercase;
	color: #555;	
	background: #f0f0f0;
	text-align: center; 
}

ul.navbar li a
{	text-decoration: none;
	text-transform: lowercase;
	color: #000;
	background: #f0f0f0;
	margin: 0 1px 0 0;
	padding: 4px 5px;
}

ul.navbar li a:hover
{	background: #fff;
	color: #0033CC;
	margin: 0 1px 0 0;
	padding: 4px 5px;
}

#rightside {
	padding: 0;
	border-left: thin dotted #fff;
	background: #000;
	width: 150px;
	font-size: 11px;
	line-height: 2;
	color: #fff;
	float: right;
	margin-top: 0;
	margin-right: 1em;
}

#rightside p {
	padding: 5px;
	color: #fff;
}

#rightside a  {
	color: #ececff;
	text-decoration: none;
}

#rightside a:hover {
	color: #f0f0ff;
	text-decoration: underline;
}
#rightsidewd {
	padding: 0;
	border-left: thin dotted #fff;
	background: #000;
	width: 200px;
	font-size: 11px;
	line-height: 2;
	color: #fff;
	float: right;
	margin-top: 0;
	margin-right: 1em;
}

#rightsidewd p {
	padding: 5px;
	color: #fff;
}

#rightsidewd a  {
	color: #ececff;
	text-decoration: none;
}

#rightsidewd a:hover {
	color: #f0f0ff;
	text-decoration: underline;
}

#rightsidewd2 {
	padding: 0;
	border-left: thin dotted #fff;
	background: #000;
	width: 230px;
	font-size: 11px;
	line-height: 2;
	color: #fff;
	float: right;
	margin-top: 0;
	margin-right: 1em;
}

#rightsidewd2 p {
	padding: 5px;
	color: #fff;
}

#rightsidewd2 a  {
	color: #ececff;
	text-decoration: none;
}

#rightsidewd2 a:hover {
	color: #f0f0ff;
	text-decoration: underline;
}

#rightsidewd3 {
	padding: 0;
	border-left: thin dotted #fff;
	background: #000;
	width: 250px;
	font-size: 11px;
	line-height: 2;
	color: #fff;
	float: right;
	margin-top: 0;
	margin-right: 1em;
}

#rightsidewd3 p {
	padding: 5px;
	color: #fff;
}

#rightsidewd3 a  {
	color: #ececff;
	text-decoration: none;
}

#rightsidewd3 a:hover {
	color: #f0f0ff;
	text-decoration: underline;
}
#rightsidecal {
	padding: 0;
	border-left: thin dotted #041f41;
	background: #b9dcf4;
	width: 250px;
	font-size: 11px;
	line-height: 2;
	color: #000;
	float: right;
	margin-top: 0;
	margin-right: 1em;
}

#rightsidecal p {
	padding: 5px;
	color: #000;
}

#rightsidetc {
	padding: 0;
	background: url(images/gradtc.gif) repeat-x;
	background-color: #aae0fa;
	width: 220px;
	font-size: 14px;
	line-height: 2;
	color: #fff;
	float: right;
	margin-top: 0;
	margin-left: 1em;
}

#rightsidetc p {
	padding: 5px;
	color: #fff;
}

#rightsidetc a  {
	color: #00c;
	text-decoration: none;
}

#rightsidetc a:hover {
	color: #606;
	text-decoration: underline;
}


ul.right  {
	width: 150px;
	padding: 5px;
	margin: 0px;
	list-style-type: none;	
}

ul.right li {
	padding: 0px;
	margin: 0px;
	line-height: 2;
	vertical-align: middle;
}

ul.rightwd  {
	width: 200px;
	padding: 5px;
	margin: 0px;
	list-style-type: none;	
}

ul.rightwd li {
	padding: 0px;
	margin: 0px;
	line-height: 2;
	vertical-align: middle;
}

ul.rightwd2  {
	width: 230px;
	padding: 5px;
	margin: 0px;
	list-style-type: none;	
}

ul.rightwd2 li {
	padding: 0px;
	margin: 0px;
	line-height: 2;
	vertical-align: middle;
}


ul.rightwdtc  {
	width: 220px;
	padding: 5px;
	margin: 0px;
	list-style-type: none;	
}

ul.rightwdtc li {
	padding: 0px;
	margin: 0px;
	line-height: 2;
	vertical-align: middle;
}

ul.rightcal {
	width: 250px;
	padding: 5px;
	margin: 0px;
	list-style-type: none;	
}

ul.rightcal li {
	padding: 0px;
	margin: 0px;
	line-height: 2;
	vertical-align: middle;
	border-bottom: thin dotted #000;
}


ul.line {
	border-bottom-color: #CCCCCC;
	border-bottom-style:dotted;
	border-bottom-width:thin;
} 


ol.line li{
	border-top-color: #CCCCCC;
	border-top-style:dotted;
	border-top-width:thin;
} 


.adhighlight {
	margin: 5px;
	background: #000;
	font: 11px "Trebuchet MS", Verdana, sans-serif;
	text-align: center;
	color: #fff;
	padding: 0px;
}

.adhighlightcal {
	margin: 5px;
	background: #b9dcf4;
	font: 11px "Trebuchet MS", Verdana, sans-serif;
	text-align: center;
	color: #000;
	padding: 0px;
}


.adhighlight2 {
	margin: 0px;
	background: #CAEECC;
	font-size: 10px;
	color: #000000;
}

.adhighlight3 {
	margin: 0px;
	background: #E4E6EE;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-size: 10px;
	color: #000000;
}

.adhighlighttc {
	margin: 0px;
	background: url(images/gradtc2.gif) repeat-x;
	background-color: #e4303d;
	font: 16px "Rockwell", "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 0px;
}

.adhighlight4 {
	margin: 5px;
	background: #000;
	font: 16px "Trebuchet MS", Verdana, sans-serif;
	text-align: center;
	color: #fff;
	padding: 0px;
}



.highlight {
	text-align: center;
	color: #505050;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


.depart  {
	padding: 1em;
	background-color: #fcfcfc;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC; 
	font-size: smaller;
	color: #000;
	margin: 0px;
}

.departbk  {
	padding: 1em;
	background-color: #000;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #f0f0f0; 
	font-size: smaller;
	color: #fff;
	margin: 0px;
}

.gbagenda  {
	padding: 1em;
	background-color: #fcfcfc;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC; 
	font-size: smaller;
	color: #000;
	margin: 0px;
}

.breadcrumbs {
	color: #fff;
	font-size: smaller;
	padding-left: 0;
}

.image img {
	padding: 3px;
	border: 1px solid #CCCCCC;}

.image a {
	border-bottom: none;}

.horiz {
	width: 300px;}

.vert {
	width: 200px;}
	
.vert250 {
	width: 250px;}
	
.vert100 {
	width: 100px;}
	
.vert120 {
	width: 120px;}
	
.shade {
	background-color:#eCeCeC;
	padding: 1em;
	}
	
	.shade2 {
	background-color:#eCeCeC;
	}
	

	


.center {
	text-align:center;
	}
	
.green {
	background-color:#339900;
	padding: 1em;
	}
	
.blue {
	background-color:#003399;
	color:#fff;
	padding: 1em;
	font-weight: bold;
	}
	
.yellow {
	background-color:#ff0;
	color:#000;
	padding: 1em;
	font-weight: bold;
	}
	
	
		
.red a {
	background-color:#990000;
	color:#fff;
	padding: 1em;
	font-weight: bold;
	text-decoration: none;
	}

.leftfloat {

	float: left;
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;}
	
.leftfloat1 {

	float: left;
	margin-right: 3px;
	margin-left: 5px;
	margin-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-top: 5px;}

.rightfloat {
	float: right;
	margin-left: 20px;
	margin-top: 15px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;}
	
	
.rightbox {
	float: right;
	background-color:#C9E7E6;
	clear: left;
	width: 300px;
	border-color: #CCCCCC;
	border-style: dotted;
	border-width: thin;
	margin-left: 20px;
	margin-top: 15px;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
	
.rightboxwd {
	float: right;
	background-color:#C9E7E6;
	clear: left;
	width: 370px;
	border-color: #CCCCCC;
	border-style: dotted;
	border-width: thin;
	margin-left: 20px;
	margin-top: 15px;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.rightboxwd2 {
	float: right;
	background-color:#C9E7E6;
	clear: left;
	width: 510px;
	border-color: #CCCCCC;
	border-style: dotted;
	border-width: thin;
	margin-left: 20px;
	margin-top: 15px;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
	
	
.caption {
	font-size: .8em;
	font-style: italic;
	text-align: left;
	margin-bottom: 5px;
}

.small  {
	color: #000;
	font-size: smaller;
}

.small2  {
	color: #000;
	font-size: 10pt;
}

.big  {
	color: #606060;
	font-size: large;
	font-weight: lighter;
}

.bigblack  {
	color: #000;
	font-size: large;
	font-weight: bold;
}

.bigblue  {
	color: #1e60ac;
	font-size: large;
	font-weight: bold;
}

.bigbluedk  {
	color: #000099;
	font-size: large;
	font-weight: bold;
}

.biggerblue  {
	color: #1e60ac;
	font-size: xx-large;
	font-weight: bold;
}

.bigred  {
	color: #e4303d;
	font-size: large;
	font-weight: bold;
}

.biggerred  {
	color: #e4303d;
	font-size: xx-large;
	font-weight: bold;
}

.biggerorange  {
	color: #ff4610;
	font-size: xx-large;
	font-weight: bold;
}

.biggergreen  {
	color: #2b4833;
	font-size: xx-large;
	font-weight: bold;
}


.ctetab a
{ 
	background-color: #036da4;
	font-size: larger;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: .5em;
	width: 150px;
}

.ctetab a:hover
{ 
	background-color: #57a6f7;
	text-decoration: none;
	padding: .5em;
}

.ctetab a:visited
{ 
	color:#fff;
}

.jobstab a
{ 
	background-color: #ff9933;
	font-size: larger;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: .5em;
	width: 150px;
}

.jobstab a:hover
{ 
	background-color: #FCB603;
	text-decoration: none;
	padding: .5em;
}

.jobstab a:visited
{ 
	color:#fff;
}



.jobs2tab a
{ 
	background-color: #1C3D7A;
	font-size:16px;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: .5em;
	width: 150px;
}

.jobs2tab a:hover
{ 
	background-color: #3379fa;
	text-decoration: none;
	padding: .5em;
}

.jobs2tab a:visited
{ 
	color:#fff;
}

.jobs3tab a
{ 
	background-color: #05A139;
	font-size:16px;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: .5em;
	width: 150px;
}

.jobs3tab a:hover
{ 
	background-color: #006137;
	text-decoration: none;
	padding: .5em;
}

.jobs3tab a:visited
{ 
	color:#fff;
}


.transtab a
{ 
	background-color: #3399ff;
	font-size: larger;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: .5em;
	width: 150px;
}

.transtab a:hover
{ 
	background-color: #03B6FC;
	text-decoration: none;
	padding: .5em;
}

.transtab a:visited
{ 
	color:#fff;
}


.alerttab a {
	background-color: #f16623;
	color:#fff;
	font-size: 16px;
	font-weight: bolder;
	text-decoration: none;
	padding: .5em;
	margin: 0;
}
alerttab a:hover {
	background-color: #ffff1a;
}

.alerttab a:visited {
	color: #fff;
}


.smptab a
{ 
	background-color: #2cace2;
	font-size: larger;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: .5em;
	width: 200px;
}

.smptab a:hover
{ 
	background-color: #0139f0;
	text-decoration: none;
	padding: .5em;
}

.smptab a:visited
{ 
	color:#fff;
}


.schoolstab a {
	background-color: #0966F3;
	color:#fff;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: none;
	padding: .5em;
	margin: 0;
}

.schoolstab a:hover {
	background: #005EC2;
}

.schoolstab a:visited {
	color: #fff;
}


.leadershiptab a {
	background-color: #E8760D;
	color:#fff;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: none;
	padding: .5em;
	margin: 0;
}

.leadershiptab a:hover {
	background: #ED9340;
}

.leadershiptab a:visited {
	color: #fff;
}

	
.enrolltab a {
	background-color: #05A139;
	color:#fff;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: none;
	padding: .5em;
	margin: 0;
}

.enrolltab a:hover {
	background-color: #006137;
}

.enrolltab a:visited {
	color: #fff;
}

.factoid {
color: #990000;
font-family: Georgia, "Times New Roman", Times, serif;
margin-left: 2em;
}

.left1{
   position: relative;
   float: left;
   left: undefined;
   width: undefined;
    margin-right: 5px;
}

.left2{
   position: relative;
   float: left;
   left: undefined;
   width: undefined;
   margin-left: 10px;
   margin-right: 5px;
}

.agenda {
	height:93px;
	border-bottom:thin dashed #ccc;
	clear:left;
	}

table.basic {
    border-spacing: 0px;
    border: 1px solid #ccc;
	font-size: smaller;
}
table.basic th {
    text-align: left;
    font-weight: normal;
    border: 1px dotted #ccc;
	 padding: 0.2em 0.5em;
   
}
table.basic td {
    border: 1px dotted #ccc;
	 padding: 0.2em 0.5em;
   

}

table.basic2 {
    border-spacing: 0px;
    border: 1px solid #ccc;
}
table.basic2 th {
    text-align: left;
    font-weight: normal;
    border: 1px dotted #ccc;
	 padding: 0.2em 0.5em;
   
}
table.basic2 td {
    border: 1px dotted #ccc;
	 padding: 0.2em 0.5em;
   

}

table.basic3 {
    border-spacing: 0px;
    border: 1px solid #ccc;
	font-size: smaller;
}

table.basic3 th {
    text-align: left;
    font-weight: normal;
    border: 1px dotted #ccc;
	 padding: 0;
   
}
table.basic3 td {
    border: 1px dotted #ccc;
	 padding: 0;
   

}


/*Hat tip to http://fluidmind.org for the inspiring table design
Linked from www.smashingmagazine.com--used for sortable tables at AZtaxcredit and school choice*/

table.blue {
    border-spacing: 0px;
    border-collapse: collapse;
	clear: both;
}
table.blue th {
    text-align: left;
    font-weight: normal;
    padding: 0.2em 0.5em;
    border-top: 1px dotted #78A8F0;
}
table.blue td {
    text-align: right;
	 font-weight: normal;
	background:#fff;
	color: #000;
    border-top: 1px dotted #78A8F0;
    padding: 0.2em 0.5em;
}
table.blue thead th {
    text-align: center;
}
table.blue th.Corner {
    text-align: left;
}
	

ul.block  {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.block li {
	margin: 0 1px 0 0;
	padding: 4px 5px;
	width: 200px;
	list-style: none;
	float: left;
	display: block;
	text-align: center; 
}

.topbox {
width: 850px;
background-color: #061558;
border: 10px solid #6377bc;
font: 18px "Trebuchet MS", Verdana, sans-serif;
line-height:normal;
margin: 5px;
padding: 5px;
color: #fff;
}

.topbox h1 {
text-align: right;
color: #fff;
}

.topbox h2 {
text-align: right;
color: #fff;
}


.topbox2 {
width: 850px;
height: 80px;
background-color: #061558;
border: 10px solid #13a89e;
margin: 5px;
padding-left: 5px;
color: #fff;
}

.topbox2 h1 {
text-align: left;
font: 22px "Trebuchet MS", Verdana, sans-serif;
color: #fff;
}

.topbox2 h2 {
text-align: left;
line-height: 2;
font: 16px "Trebuchet MS", Verdana, sans-serif;
color: #fff;
}


.topbox2 a {
	color: #fff;
	text-decoration: none;
}

.topbox2 a:visited {
	color: #fff;
	text-decoration: none;
}

.topbox2 a:hover {
	color: #ededff;
	text-decoration: none;
}


.bigbox1 {
width: 306px;
border:10px solid #3f5caa;
line-height:10px;
float:left;
margin:0 10px 10px 0;
}


.bigbox2 {
width: 306px;
border:10px solid #fe7a2f;
line-height:10px;
float:left;
margin:0 10px 10px 0;
}


.box1 {
width: 190px;
height: 250px;
border:10px solid #14C6C6;
font:12px "Trebuchet MS", Verdana, sans-serif;
line-height:10px;
float:left;
margin:0 10px 10px 0;
color:#fff;
}

.box2 {
width: 190px;
height: 250px;
border:10px solid #6666E2;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:left;
margin:0 10px 10px 0;
color:#fff;
}

.box3 {
width: 190px;
height: 250px;
border:10px solid #4FAA57;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:left;
margin:0 10px 10px 0;
color:#fff;
}

.box4 {
width: 190px;
height: 250px;
border:10px solid #7565BA;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:left;
margin:0 10px 10px 0;
color:#fff;
}

.box5 {
width: 190px;
height: 250px;
border:10px solid #A54480;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:left;
margin:0 10px 10px 0;
color:#fff;
}

.box6 {
width: 190px;
height: 250px;
border:10px solid #289CDD;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:left;
margin:0 10px 10px 0;
color:#fff;
}

.box7 {
width: 190px;
height: 250px;
border:10px solid #5984EF;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:left;
margin:0 10px 10px 0;
color:#fff;
}

.box8 {
width: 190px;
height: 250px;
border:10px solid #B14BBC;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:left;
margin:0 10px 10px 0;
color:#fff;
}

.ebox1 {
width: 190px;
border:10px solid #A54480;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:left;
margin:0 10px 10px 0;
color:#fff;
}


.ebox2 {
width: 190px;
border:10px solid #4FAA57;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:left;
margin:0 10px 10px 0;
color:#fff;
}

.ebox3 {
width: 190px;
border:10px solid #B14BBC;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:left;
margin:0 10px 10px 0;
color:#fff;
}

.ebox4 {
width: 190px;
border:10px solid #289CDD;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:left;
margin:0 10px 10px 0;
color:#fff;
}


.box1right {
width: 190px;
height: 220px;
border:10px solid #14C6C6;
font:12px "Trebuchet MS", Verdana, sans-serif;
line-height:10px;
float:right;
margin:0 10px 10px 0;
color:#fff;
}

.box3right {
width: 190px;
height: 220px;
border:10px solid #4FAA57;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:right;
margin:0 10px 10px 0;
color:#fff;
}

.box2right {
width: 190px;
height: 220px;
border:10px solid #6666E2;
font:12px "Trebuchet MS", Verdana, sans-serif;
float:right;
margin:0 10px 10px 0;
color:#fff;
}

.box5right {
width: 190px;
height: 220px;
border:10px solid #A54480;
font:12px "Trebuchet MS", Verdana, sans-serif;
float: right;
margin:0 10px 10px 0;
color:#fff;
}

.boxfamily {
width: 348px;
height: 360px;
border:10px solid #289CDD;
font:11pt "Trebuchet MS", Verdana, sans-serif;
float:left;
padding: 10px;
margin:0 10px 10px 0;
color:#fff;
}

.boxschool {
width: 348px;
height: 360px;
border:10px solid #4FAA57;
font:11pt "Trebuchet MS", Verdana, sans-serif;
float:left;
padding: 10px;
margin:0 10px 10px 0;
color:#fff;
}



/*styles for drop-down menu used on Title1 pages and elsewhere*/

sddm
{	margin: 0 auto;
	padding: 0;
	z-index: 1}

#sddm li
{	margin: 0 auto;
	padding: 0;
	list-style: none;
	float: left;
	font: 11px "Trebuchet MS", Verdana, sans-serif;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 120px;
	background: #efefef;
	color: #000;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{	background: #dcdcdc; }

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0 auto;
	padding: 0;
	background: #dcdcdc;
	border: 1px solid #000;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0 auto;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #efefef;
		color: #000;
		font: 11px "Trebuchet MS", Verdana, sans-serif;}

	#sddm div a:hover
	{	background: #dcdcdc;
		color: #000;}
		
sddm2
{	margin: 0 auto;
	padding: 0;
	z-index: 1}

#sddm2 li
{	margin: 0 auto;
	padding: 0;
	list-style: none;
	float: left;
	font: 11px "Trebuchet MS", Verdana, sans-serif;}

#sddm2 li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 90px;
	background: #efefef;
	color: #000;
	text-align: center;
	text-decoration: none;}

#sddm2 li a:hover
{	background: #dcdcdc; }

#sddm2 div
{	position: absolute;
	visibility: hidden;
	margin: 0 auto;
	padding: 0;
	background: #dcdcdc;
	border: 1px solid #000;}

	#sddm2 div a
	{	position: relative;
		display: block;
		margin: 0 auto;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #efefef;
		color: #000;
		font: 11px "Trebuchet MS", Verdana, sans-serif;}

	#sddm2 div a:hover
	{	background: #dcdcdc;
		color: #000;}
		
sddm3
{	margin: 0 auto;
	padding: 0;
	z-index: 1}

#sddm3 li
{	margin: 0 auto;
	padding: 0;
	list-style: none;
	float: left;
	font: 11px "Trebuchet MS", Verdana, sans-serif;}

#sddm3 li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 65px;
	background: #efefef;
	color: #000;
	text-align: center;
	text-decoration: none;}

#sddm3 li a:hover
{	background: #dcdcdc; }

#sddm3 div
{	position: absolute;
	visibility: hidden;
	margin: 0 auto;
	padding: 0;
	background: #dcdcdc;
	border: 1px solid #000;}

	#sddm3 div a
	{	position: relative;
		display: block;
		margin: 0 auto;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #efefef;
		color: #000;
		font: 11px "Trebuchet MS", Verdana, sans-serif;}

	#sddm3 div a:hover
	{	background: #dcdcdc;
		color: #000;}

.fade {
	color:#666;
}

/*Magnet styles*/


.magnetMenu {
	width: 960px;
	background-color: #553399;
	padding: 10px 6px 10px 6px;
	margin: 5px 0px 0px 0px;
}

.magnetMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
	background-color: #553399;
	padding-bottom: 20px;
}

.magnetMenu li {
	float: right;
    position:relative;
    z-index:500;
	width: 158px;
	text-align: center;
	background-color: #553399;
}

.magnetMenu li a {
	position: relative;
    display:block;
	color: #FFFFFF;
	text-decoration: none;
	font-family: sans-serif;
}

.magnetMenu li a:hover {
	position: relative;
    display:block;
	background-color: #FFFFFF;
	color: #553399;
}

.magnetLeft {
	float: right;
	width: 300px;
	text-align: center;
}

.magnetLeft a {
	color: #553399;
	text-decoration: none;
}

.magnetLeft a:hover {
	color: #202020;
}

.magnetSchool {
	margin: 0px;
}

.magnetSchool span {
	display: none;
}

.magnetSchool:hover span {
	display: inline;
}

.magnetSchoolRight {
	float: right;
	width: 100px;
}

.magnetSchoolLeft {
	float: right;
	width: 200px;
}



.magnetRight {
	float: right;
	width: 650px;
}
.magnetContent {
	position: relative;
	float: right;
	width: 650px;
}


.slideshow {
	height: 460px;
	width: 650px;
}

.slideshow div {
	position:absolute;
	z-index: 0;
	width: 650px;
	overflow: hidden;
	top: 325px;
}

.slideshow div.previous {
	z-index: 1;
}

.slideshow div.current {
	z-index: 2;
}

.magnetFooter {
	width: 960px;
}

.magnetHeader {
	font-size: 1.5em;
	color: #553399;
	font-weight: 600;
}

.magnetHeader2 {
	font-size: 1.4em;
	color: #553399;
	font-weight: 600;
	text-align: center;
}

.magnetHeader3 {
	font-size: 1.2em;
	color: #553399;
	font-weight: 600;
}