/*
	$Header: /usr/local/cvs/CharterSchoolWeb/src/html/styles/business/css/styles.css,v 1.2 2004/10/07 18:53:16 bscott Exp $
*/

/* -- HTML styles -- */

	body
	{
		margin: 0px;
		padding: 0px;
		background: white;
		vertical-align: top;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 12px;
		color:black;
	}
	
	
/* -- Header Styles -- */
	#header
	{
		position: static;
		background: #0679B7;
		padding: 0px;
		margin: 0px;
		height: 108px;
	}
	
	#logo
	{
		margin: 0px;
		padding: 0px;
		border: none;
		vertical-align: middle;
	}

	#banner
	{
		border: 1px solid black;
		width: 468px;
		height: 60px;
		margin: 15px;
		vertical-align: middle;
	}



	/* -- Navbar Styles -- */
		#navbar
		{
			position: static;
			border-color: #000000;
			border-style: solid;
			border-width: 1px 0px 1px 0px;
			font-family: tahoma, verdana, arial, sans-serif;
			padding: 3px 40px 3px 40px;
			font-size: 11px;
			font-weight: bold;
			color: black;
			background: #F2F2F2;
			vertical-align: middle;
			text-align: left;
			height: 13px;
			margin-left: 175px;
		}
		a.breadcrumb
		{
			color: black;
			text-decoration: none;
			font-family: tahoma, verdana, arial, sans-serif;
			font-size: 11px;
			font-weight: bold;
		}

		a.breadcrumb:hover
		{
			color: black;
			text-decoration: underline;
			font-family: tahoma, verdana, arial, sans-serif;
			font-size: 11px;
			font-weight: bold;
		}


/* -- Left Styles -- */
	#left
	{
		position: absolute;
		border-top: 1px solid black;
		border-right: 1px solid black;
		position: absolute;
		z-index: 1000;
		top: 0px;
		left: 0px;
		width: 175px;
		overflow:visible;
		text-align: left;
		vertical-align: top;
	}
	
	#left #search_box
	{
		border-bottom: 1px solid black;
		padding: 6px;
		color: black;
		background: #F9EEE8;
		text-align: left;
	}
	
	#left .menu_header
	{
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: black;
		background: white;
		padding: 3px 3px 3px 0px;		
		vertical-align: middle;
		border-bottom: 1px solid black;
	}
	
	/* -- Main Links -- */
		#left .menu_ml_active
		{
			border-bottom: 1px solid black;
			background: #ADD5EB;
			padding: 3px 3px 3px 10px;
			vertical-align: middle;
		}
		#left .menu_ml_active a
		{
			text-decoration: none;
			color: black;
			font-family: tahoma, verdana, arial, sans-serif;
			font-size: 11px;
			font-weight: bold;
		}
		
		#left .menu_ml
		{
			border-bottom: 1px solid black;
			background: #E4F5FF;
			padding: 3px 3px 3px 10px;
			vertical-align: middle;
		}
		#left .menu_ml a
		{
			text-decoration: none;
			color: black;
			font-family: tahoma, verdana, arial, sans-serif;
			font-size: 11px;
			font-weight: bold;
		}
	/* -- District Links */
		#left .menu_dl_active
		{
			border-bottom: 1px solid black;
			background: #70CABD;
			padding: 3px 3px 3px 10px;
			vertical-align: middle;
		}
		#left .menu_dl_active a
		{
			text-decoration: none;
			color: black;
			font-family: tahoma, verdana, arial, sans-serif;
			font-size: 11px;
			font-weight: bold;
		}
		#left .menu_dl
		{
			border-bottom: 1px solid black;
			background: #C4EEE8;
			padding: 3px 3px 3px 10px;
			vertical-align: middle;
		}
		#left .menu_dl a
		{
			text-decoration: none;
			color: black;
			font-family: tahoma, verdana, arial, sans-serif;
			font-size: 11px;
			font-weight: bold;
		}
		
	/* -- School & Teacher & Department Links */
		#left .menu_dst_active
		{
			border-bottom: 1px solid black;
			background: #F0A9B4;
			padding: 3px 3px 3px 10px;
			vertical-align: middle;
		}
		#left .menu_dst_active a
		{
			text-decoration: none;
			color: black;
			font-family: tahoma, verdana, arial, sans-serif;
			font-size: 11px;
			font-weight: bold;
		}
		#left .menu_dst
		{
			border-bottom: 1px solid black;
			background: #F4DADE;
			padding: 3px 3px 3px 10px;
			vertical-align: middle;
		}
		#left .menu_dst a
		{
			text-decoration: none;
			color: black;
			font-family: tahoma, verdana, arial, sans-serif;
			font-size: 11px;
			font-weight: bold;
		}
	
/* -- Right Styles -- */
	#right
	{
		position: absolute;
		z-index: 1000;
		top: 35px;
		right: 15px;
		width: 175px;
		border-collapse: collapse;
		overflow:visible;
		text-align: right;
		vertical-align: top;
	
	}

/* -- Footer Styles -- */
	#footer
	{
		width: 100%;
		position: absolute;
	}
	#footer .footer_bar
	{
		margin-left: 0px;
		margin-right: 0px;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		background: #EFEFEF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: black;
		font-weight: bold;
	}
	#footer a
	{
		text-decoration: none;
	}

/* -- Main Styles -- */
	#main 
	{
		position: static;
		margin-left: 174px;
		border-left: 1px solid black;
		margin-right: 200px;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
	}
	html>body #main
	{
		margin-left: 175px;
	}
		

/* -- Page Calendar Styles -- */

	#pagecalendar
	{
		visibility: visible;
		width: 175px;
	}
	
	#pagecalendar .cal {
		width: 175px;
		border-collapse: collapse;
	}
	
	#pagecalendar .cal_head {
		border: 1px solid black;
		padding: 3px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		background: #4AA3D3;
		vertical-align: middle;
	}
	#pagecalendar .cal_sub {
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		background: #C4D8E3;
		border: 1px solid black;
	}
	#pagecalendar .cal_day {
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
		background: #FFFFFF;
		border: 1px solid black;
	}
	#pagecalendar .cal_day:hover {
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
		background: #CCFFFF;
		border: 1px solid black;
	}
	
	#pagecalendar .cal_event_d {
		border: 1px solid black;
		background: #B2E0FA;
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
	}
	
	#pagecalendar .cal_event_s {
		border: 1px solid black;
		background: #B2FACD;
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
	}
		
	
	#pagecalendar .cal_event_c {
		border: 1px solid black;
		background: #FAF1B2;
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
	}
	
	#pagecalendar .cal_event_cl {
		border: 1px solid black;
		background: #C0C0C0;
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
	}
		
	
	#pagecalendar .cal_event_m {
		border: 1px solid black;
		background: #FAB2BC;
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
	}
	#pagecalendar .cal_day_a_today {
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #FF0000;
	}
	#pagecalendar .cal_day_a_event {
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #555555;
	}
	#pagecalendar .cal_day_a_plain {
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
	}

/* -- Internal Calendar Styles -- */

	.internalcalendar
	{
		visibility: visible;
		width: 175px;
	}
	
	.internalcalendar .cal {
		width: 175px;
		border-collapse: collapse;
	}
	
	.internalcalendar .cal_head {
		border: 1px solid black;
		padding: 3px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		background: #4AA3D3;
		vertical-align: middle;
	}
	.internalcalendar .cal_sub {
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		background: #C4D8E3;
		border: 1px solid black;
	}
	.internalcalendar .cal_day {
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
		background: #FFFFFF;
		border: 1px solid black;
	}
	.internalcalendar .cal_day:hover {
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
		background: #CCFFFF;
		border: 1px solid black;
	}
	
	.internalcalendar .cal_event_d {
		border: 1px solid black;
		background: #B2E0FA;
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
	}
	
	.internalcalendar .cal_event_s {
		border: 1px solid black;
		background: #B2FACD;
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
	}
		
	
	.internalcalendar .cal_event_c {
		border: 1px solid black;
		background: #FAF1B2;
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
	}
		
	
	.internalcalendar .cal_event_m {
		border: 1px solid black;
		background: #FAB2BC;
		padding: 5px;
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
	}
	.internalcalendar .cal_day_a_today {
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #FF0000;
	}
	.internalcalendar .cal_day_a_event {
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #555555;
	}
	.internalcalendar .cal_day_a_plain {
		text-align: center;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		color: #000000;
	}

/* -- Other Named Elements -- */
	#editorWindow
	{
		margin: 0px;
	}
	
	#outside
	{
		position: absolute;
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
	}
	
	#debug
	{
		border: none;
		position: absolute;
		right: 0px;
		bottom: 0px;
		z-index: 1000;
	}
	
	#message 
	{
		border: 1px solid #0000E2;
		background: #0000E2;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		vertical-align: middle;
		padding: 10px;
		margin: 10px;
	}
	#error
	{
		border: 1px solid #E20000;
		background: #E20000;
		font-family: tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		vertical-align: middle;
		padding: 10px;
		margin: 10px;
	}
	
	#help_box
	{
		width: 175px;
		border: 1px solid black;
	}
	
		#help_box .header
		{
			padding: 5px;
			border-bottom: 1px solid black;
			background: url(../images/help_icon.gif);
			background-color: #D34A5F;
			background-repeat: no-repeat;
			background-position: right top;
			
			text-align: center;
			vertical-align: middle;
			font-family: tahoma, verdana, arial, sans-serif;
			font-size: 12px;
			font-weight: bold;
			
			color: #FFFFFF;
		}
		
		#help_box .body
		{
			padding: 5px;
			background: #F7F7F7;
			font-family: tahoma, verdana, arial, sans-serif;
			font-size: 11px;
			color: black;
			text-align: left;
			vertical-align: top;
		}
	
	#login_box
	{
		width: 175px;
		border: 1px solid black;
	}
	
		#login_box .header
		{
			padding: 5px;
			border-bottom: 1px solid black;
			background: url(../images/login_icon.gif);
			background-color: #ABAB88;
			background-repeat: no-repeat;
			background-position: right top;
			text-align: center;
			vertical-align: middle;
			font-family: tahoma, verdana, arial, sans-serif;
			font-size: 12px;
			font-weight: bold;
			
			color: #FFFFFF;
		}
		
		#login_box .body
		{
			padding: 5px;
			background: #F9EEE8;
			font-family: tahoma, verdana, arial, sans-serif;
			font-size: 11px;
			color: black;
			text-align: left;
			vertical-align: top;
		}
		#login_box .body a
		{
			color: navy;
			text-decoration: none;
			font-weight: bold;
		}

/* -- Orphan Classes -- */
	
	.pagephoto
	{
		border: 1px solid black;	
		float: right;
		margin: 10px;
	}
