#container

{

width: 898px;

margin: auto;

border: 0px;

}

#head

{

height: 106px;

}

#header

{

text-align: center; 

border: 0px;

}



#menubar_horizontal

{

text-align: right;

}



#leftpanel

{ 

height: 350px;

width: 200px;

padding: 5px;

float: left;

}

#menubar_vertical, #news

{

width: 190px;

margin: auto;

margin-top: 5px;

padding: 5px;

}



#menubar_vertical{

height: 150px;

}

#news

{

height: 180px;

}

#body{

left: 210px;

height: 359px;

padding: 5px;

}



#info_container

{

width: 100%;

}



#info_container_top

{

width: 100%;

}



#info_container_bot

{

width: 100%;

background-image:images/info_box_bot_bg.gif;

}



#info_container_bot_bg

{

width: 100%;

height: 10px;

}









/* begin some basic styling here                     */



table, td, a {

	color: #000;

	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif

}



/* end basic styling                                 */



/* define height and width of scrollable area. Add 16px to width for scrollbar          */

div.tableContainer {

	clear: both;

	height: 330px;

	overflow: auto;

/* 	width: 220px; */

	scrollbar-base-color: #f1f1f1;

	scrollbar-face-color: #f1f1f1; 

	scrollbar-track-color: #f1f1f1; 

	scrollbar-arrow-color: #cccccc;

	scrollbar-highlight-color: #FFFFFF; 

	scrollbar-3dlight-color: #CCCCCC; 

	scrollbar-shadow-color: #cccccc;

	scrollbar-darkshadow-color: #f1f1f1;

}



/* Reset overflow value to hidden for all non-IE browsers. */

html>body div.tableContainer {

	overflow: hidden;

	/* width: 220px */

}



/* define width of table. IE browsers only                 */

div.tableContainer table {

	float: left;

/*	width: 200px */

}



/* define width of table. Add 16px to width for scrollbar.           */

/* All other non-IE browsers.                                        */

html>body div.tableContainer table {

	width: 240px

}



/* define the table content to be scrollable                                              */

/* set TBODY element to have block level attributes. All other non-IE browsers            */

/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */

/* induced side effect is that child TDs no longer accept width: auto                     */

html>body tbody.scrollContent {

	display: block;

	height: 330px;

	overflow: auto;

	width: 100%;

}



/* make TD elements pretty. Provide alternating classes for striping the table */

tbody.scrollContent td, tbody.scrollContent tr.normalRow td {

	background: #FFF;

	border-bottom: 1px solid #DDD;

	padding: 2px 3px 3px 4px;

}



tbody.scrollContent tr.alternateRow td {

	background: #FFF;

	border-bottom: 1px solid #DDD;

	padding: 2px 3px 3px 4px

}







/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */

/* All other non-IE browsers.                                            */

/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */

html>body tbody.scrollContent td {

	width: 220px

}



html>body tbody.scrollContent td + td {

	width: 220px;
	height:400px;

}



html>body tbody.scrollContent td + td + td {

	width: 220px

}





#ErrorRed{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000; font-size:11px; font-style:italic; }



#ErrorGreen{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#66CC00; font-size:11px; font-style:italic; }



#wrapper {

    text-align: left;

	padding: 0px 0px 0px 5px;

	background: url(../images/1st_time.gif) 0 0 no-repeat;

   }

 

   /* RED CURVES */

   .curve { 

	float: left;

	display: block;

	height: 12px;

	clear: left;

   }

   #curve1 { width: 64px; }

   #curve2 { width: 72px; }

   #curve3 { width: 76px; }

   #curve4 { width: 77px; }

   #curve5 { width: 76px; }

   #curve6 { width: 72px; }

   #curve7 { width: 64px; }

   

.DailySched { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#003399; }