slide {
position : absolute;
visibility : hidden;
top : 200px;
left : 50px;
}

#slide0 {
visibility : visible;
} 

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #393336;
}
img {
	border: none;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #393336;
}
.home {
	padding: 0 15px 0 0;
	background-image:url(emails/images/SYS-bgflwr.gif);
	background-repeat:no-repeat;
	background-position: center center;
}
.home h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: 660000;
	font-weight: bold;
	margin: 0 0 -5px 0;
}

.home h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333300;
	font-weight: bold;
	margin: 0 0 -5px 0;
}
.home p {
	margin: 10px 10px 10px 20px;
}
.head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
}

/*top nav*/
.top_nav {
	text-align:left;
	background-color:orange;
	}
.top_nav ul { /* all lists */
	list-style: none;
	}
.top_nav li {
	margin:0 20px 0 0;
	padding:0 3px 0 0;
	float:left;
	position: relative;
	font-family:"Hoefler Text", Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#faffe1;
	width:auto;
	height:22px;
	background:url(../images/transparent.gif);/*for IE6*/
}
.top_nav li a {
	font-family:"Hoefler Text", Georgia, "Times New Roman", Times, serif;
	font-size:16px;	text-decoration:none;
	margin:0;
	background:none;
	height:22px;
	display:inline-block;
	}
.top_nav li ul { /* second-level menu */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	width:10em;
	padding-top:13px;
	}
.top_nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	position: absolute;
	top: 1em;
	left: 0;
	padding-top:13px;
	}
.top_nav li:hover ul, .top_nav li.over ul { /* lists nested under hovered list items */
	display: block;
	}
.top_nav li li {
	width:10em;
	background:url(../images/transparent.gif);/*for IE6*/
	}
.top_nav li li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	}
.top_nav li li a:hover {
	color:#e5e580;
	background:none;
}
/*top nav hover highlights */
.top_nav li a:link { background:none; }
.top_nav li a:visited { background:none; }
.top_nav li a:hover {
	background:url(../images/dot_line.gif) bottom repeat-x;
}

.left-nav ul {
	margin: 28px 0 0 -15px;
	*margin: 28px 0 0 30px; /* IE6 & IE7 */
}
.left-nav li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
}
.left-nav a {
	color: #CC0000;
	text-decoration: none;
}
.left-nav a:hover {
	text-decoration: underline;
}
.left-nav a:visited {
	color: #FFFFFF;
}
.bulletin {
	padding: 5px 5px 5px 10px;
}

a:link {
	color: #660000;
	text-decoration: none;
}
a:visited {
	color: #660000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.bullet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #660000;
}
.listblue {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
	background-color: #B4D3F5;
	color: #666666;
}
.listgreen {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	background-color: #D5FFBC;
}


#teacher-table {
	margin: 15px 0 0 0;
}
.instructors {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #660000;
	margin: 0 0 10px -20px;
	*margin: 0 0 10px 15px; /* IE6 & IE7 */
	line-height: 1.5em;
}
#main h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #660000;
	font-weight: bold;
	margin: 0 0 5px 0;
}
/*what's new
----------------------------------------------- */
#whatsnew {
	padding: 1px;
	background-color:#FFF;
	width:;
	border-bottom-style:inset	
}
#whatsnew h1 {
	font-family: Calibri, "Calibri Bold", "Gill Sans Light", Sathu;
	font-size: 1.5em;
	color: #999;
	font-weight: lighter;
}
#whatsnew p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #393336;
	font-weight: lighter;
}
#whatsnew strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #F90;
	font-weight: lighter;
}
#whatsnew ul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	margin: 0 0 0 -20px;
	*margin: 0 0 0 15px; /* IE6 & IE7 */
	line-height: 0em;
	font-weight:normal;
}
#whatsnew li {
	margin: 0 0 7px 0;
}
#whatsnew a .current {
	color: #79B1CD;
}
#whatsnew a {
	color: #79B1CD;
	text-decoration:none;
}
#whatsnew a:hover {
	text-decoration: underline;
}
#whatsnew a:visited {
	color: #79B1CD;
}
#whatsnew {
	border-left: ;
	border-right: ;
	border-top: ;
	border-bottom: inset ;
	padding: 0 5px 0 10px;
}
#main h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #660000;
	font-weight: normal;
	margin: 0 0 -5px 0;
}

#main h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000;
	font-weight: bold;
	margin: 0 0 -5px 0;
}

/***********  NAVIGATION *******************/

/* navigation 
----------------------------------------------- */
#navigation {
	background: #FFFFFF;
	/*text-align: center;*/
	height: 28px;
	color: #333300;
	font-family: arial;
	font-size: 0.6em;
	font-weight: 500;
	*margin-top: 8px; /* IE7 */
	margin-right: 10px;
}
#navigation #nav { padding: 0 0 0 0; }
#navigation #nav li {
	display: inline;
	padding: 0 7px;
	*padding: 0 4px; /* IE7 */
	border-right: 1px solid #B2B1B1;
	background-image:url(images/newindex/ShalaLogo_grey.jpg);
}
#navigation #nav .last { border-right: none; }
#navigation #nav a {
	color: #333300;
	text-decoration: none;
	
}
#navigation #nav a:hover { color: #333300; }

#navigation #nav .current { color: #CC3366; }

/* 2nd level pages 
----------------------------------------------- */
#sidebar {
	padding: 1px;
	background-color:#FFFFFF;
	width:100px;
}
#sidebar h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #660000;
	font-weight: normal;
	
}
#sidebar ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	margin: 0 0 0 -20px;
	*margin: 0 0 0 15px; /* IE6 & IE7 */
	line-height: 1.0em;
	font-weight:normal;
}
#sidebar li {
	margin: 0 0 7px 0;
}
#sidebar a .current {
	color: #000000;
}
#sidebar a {
	color: #000000;
	text-decoration:none;
}
#sidebar a:hover {
	text-decoration: underline;
}
#sidebar a:visited {
	color: #000000;
}
#main {
	border-left: 1px dotted #666633;
	padding: 0 5px 0 10px;
}
#main h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #660000;
	font-weight: normal;
	margin: 0 0 -5px 0;
}

#main h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000;
	font-weight: bold;
	margin: 0 0 -5px 0;
}
#teacher-table {
	margin: 15px 0 0 0;
}
.instructors {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #8080FF;
	margin: 0 0 10px -20px;
	*margin: 0 0 10px 15px; /* IE6 & IE7 */
	line-height: 1.5em;
}
#main h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #8080FF;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#bios {
	padding: 0 0 0 25px;
}
#bios h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #8080FF;
	font-weight: bold;
	margin: 0 0 -5px 0;
}
.floatright {
	float: right;
	padding: 0 0 10px 10px;
}
.floatleft {
	float: left;
	padding: 0 10px 10px 0;
}		

\

/* header
-----------------------------------------------*/

#header{
	background-image:url(images/newindex/flower-brown.jpg);
	background-position:right;
	
	
}
	
	
/* footer 
----------------------------------------------- */
#footer {
	padding: 3px;
	background-color:FFFFFF;
	width:700px;
	
}
#footer h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #660000;
	font-weight: normal;
	
}
#footer ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	margin: 0 0 0 -20px;
	*margin: 0 0 0 15px; /* IE6 & IE7 */
	line-height: 1.0em;
	font-weight:normal;
}
#footer li {
	margin: 0 0 7px 0;
}
#footer a .current {
	color: #000000;
}
#footer a {
	color: #000000;
	text-decoration:none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer a:visited {
	color: #000000;
}
#footer {
	border-left: 3px  #666633;
	border-right: 3px #666633;
	border-top: 3px #666633;
	border-bottom: 3px #666633;
	padding: 0 5px 0 10px;
}


/* content list
--------------------------------------------- */

#main ul {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #393336;
	list-style-type: none;
}
/*#main li {
	margin: 0 0 10px 0;
}*/
.home ul {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #393336;
	list-style-image: none;
	list-style-type: none;
}
.home li {
	margin: 0 0 10px 0;
}

/* Rotator CSS
--------------------------------------------- */

#rotator
{
	border: 0px;
	cursor: pointer;
	overflow: hidden;
	margin: 0px auto 0px;
	position: relative;
	width: 700px;
	height: 300px;
}

#rotator img
{
	border: 0;
	cursor: default;
	width: 700px;
	height: 300px;
}

p
{
	text-align: left;
}

#rotator img
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

/*Tabs
--------------------------------------------- */
{
*.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }