/** HTML STYLES ******************************************************/

	BODY {
		padding-bottom: 30px;
		background: #fff url("/assets/images/background.gif") repeat-x;
		font: normal normal normal 14px/1.5 "Trebuchet MS", Arial, sans-serif;
		text-align: center;
	}

	H1, H2, H3 {
		font: normal normal normal 24px/1.0 Constantia, Garamond, "Times New Roman", serif;
	}
	
	H1 {
		margin: 20px 0px 10px 0px;
		color: #0154A0;
	}
	
	H2 {
		margin: 10px 0px;
		color: #A41910;
		font-size: 18px;
	}
	
	H3 {
		color: #0154A0;
		font-size: 16px;
		font-weight: bold;
	}
	
	BLOCKQUOTE 
	{
		margin: 0px 0px 30px 0px;
		border: solid 1px #0154A0;
		padding: 10px 30px;
		color: #A41910;
		font-size: 16px;
		font-style: italic;
	}
		
		BLOCKQUOTE:before {
			content: no-open-quote;
		}

		BLOCKQUOTE:after {
			content: no-close-quote;
		}

	DL DT {
		font-weight: bold;
	}
	
	DL DD {
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	
	A, A:link, A:hover, A:active, A:visited {
		color: #A41910;
		background-color: transparent;
		text-decoration: none;
	}
	
	A:hover {
		text-decoration: underline;
	}



/** CORE STYLES ******************************************************/

	#container {
		width: 992px;
		margin: 0px auto;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
		text-align: left;
	}
	
		#container #header {
			clear: both;
			margin-bottom: 25px;
		}
		
		#container #content {
			clear: both;
			margin-bottom: 20px;
		}
		
		#container #footer {
			clear: both;
			margin-top: 30px;
		}


/** MENU STYLES ****************************************************/

	UL.menu {
		margin: 0px;
		padding: 0px;
		width: 600px;
		height: 50px;
		color: #fff;
		background-color: #3476B3;
	}
		
		UL.menu LI {
			display: block;
			height: 50px;
			margin: 0;
			padding: 0;
			float: left;
			list-style-type: none;
			overflow: hidden;
		}
		
			UL.menu LI A {
				display: block;
				height: 0 !important;
				padding-top: 50px;
				margin-left: 1px;
				color: #fff;
				background-color: #0154A0;
				background-position: 0px 0px;
				background-repeat: no-repeat;
				text-decoration: none;
				overflow: hidden;
			}
				
				UL.menu LI A:hover {
					color: #A41910;
					background-color: #EFDEA1;
					background-position: 0px -51px;
				}
				
				UL.menu LI A.active {
					color: #fff;
					background-color: #A41910;
					background-position: 0px -102px;
				}
			
			UL.menu LI.m_About A {
				margin-left: 0px;
				width: 99px;
				background-image: url("/assets/images/menu-about.gif");
			}
			
			UL.menu LI.m_Students A {
				width: 113px;
				background-image: url("/assets/images/menu-students.gif");
			}
			
			UL.menu LI.m_Schools A {
				width: 172px;
				background-image: url("/assets/images/menu-schools.gif");
			}
			
			UL.menu LI.m_Curriculum A {
				width: 128px;
				background-image: url("/assets/images/menu-curriculum.gif");
			}
			
			UL.menu LI.m_News A {
				width: 84px;
				background-image: url("/assets/images/menu-news.gif");
			}



/** SUB-MENU STYLES **************************************************/

	.submenu {
		color: #A41910;
		font: normal normal normal 18px/1.0 Constantia, Garamond, "Times New Roman", serif;
		margin-bottom: 50px;
	}
		
		.submenu UL LI {
			list-style-image: url("/assets/images/arrow.gif");
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
			.submenu UL LI A {
				color: #A41910;
				text-decoration: none;
			}
				
				.submenu UL LI A:hover {
					color: #0154A0;
				}



/** HEADER STYLES ****************************************************/

	#header #logo {
		float: left;
	}

	#header .navigation {
		width: 600px;
		float: right;
		text-align: right;
	}

		#header .navigation #login {
			height: 40px;
			padding-top: 20px;
			overflow: hidden;
			float: right;
		}
		
			#header .navigation #login A {
				display: block;
				width: 225px;
				height: 0 !important;
				padding-top: 34px;
				color: #A41910;
				background: #fff url("/assets/images/login.gif") 0px 0px no-repeat;
				text-decoration: none;
				overflow: hidden;
			}
				
				#header .navigation #login A:hover {
					color: #0154A0;
					background-position: 0px -35px;
				}
		
		#header .navigation .menu {
			clear: right;
		}
	
	#header #introduction {
		clear: both;
		background-color: #EFDEA1;
		height: 300px;
		overflow: hidden;
	}
		
		#header #introduction #intro {
			width: 340px;
			height: 256px;
			padding: 22px 25px;
			overflow: auto;
			float: left;
		}
			
			#header #introduction #intro H1 {
				margin-top: 0px;
				font-size: 22px
			}
			
			#header #introduction #intro P {
				line-height: 1.45;
			}
			
			#header #introduction #intro BLOCKQUOTE {
				margin: 0px 0px 20px 0px;
				border: none;
				padding: 5px 0px;
				color: #A41910;
				font-size: 14px;
				font-style: italic;
			}

			#header #introduction #intro .photo_right, #header #introduction #intro .photo_left {
				border: solid 1px #fff;
			}
		
		#header #introduction #photo {
			float: right;
			width: 600px;
			height: 300px;
		}



/** CONTENT STYLES ***************************************************/

	#content #primary
	{
		display: inline;	/* IE bug: to remove double margin w/ float. */
		width: 600px;
		float: right;
	}
		
		.fullpage #content #primary {
			display: block;
			width: auto;
			float: none;
		}
		
		#content #primary .left_column, #content #primary .right_column {
			width: 47%;
		}
		
			#content #primary .left_column BLOCKQUOTE, #content #primary .right_column BLOCKQUOTE {
				margin: 0px 0px 20px 0px;
				border: none;
				padding: 5px 0px;
				color: #A41910;
				font-size: 14px;
				font-style: italic;
			}
		
		#content #primary .left_column {
			float: left;
		}
		
		#content #primary .right_column {
			float: right;
		}

	#content #secondary 
	{
		display: inline;	/* IE bug: to remove double margin w/ float. */
		width: 365px;
		padding-right: 25px;
		float: left;
	}
		
		.fullpage #content #secondary
		{
			display: none;
		}
		
		#content #secondary .banner {
			margin-top: 30px;
		}
	


/** FOOTER STYLES ****************************************************/

	#footer #copyright 
	{
		width: 335px;
		border-top: solid 1px #0154A0;
		margin-right: 25px;
		padding: 10px 15px;
		font-size: 12px;
		float: left;
	}
	
	#footer .navigation 
	{
		width: 600px;
		text-align: right;
		float: right;
	}
		
		#footer .navigation #links {
			margin-top: 10px;
			font-size: 13px;
			text-align: center;
		}

	#footer UL.menu LI.m_About A {
		background-image: url("/assets/images/menu-about-bottom.gif");
	}
	
	#footer UL.menu LI.m_News A {
		background-image: url("/assets/images/menu-news-bottom.gif");
	}
	


/** TABLE STYLES *****************************************************/

	TABLE.boxed {
		border: solid 1px #333;
		border-collapse: collapse;
	}
		
		TABLE.boxed TH, TABLE.boxed TD {
			border: solid 1px #333;
			padding: 3px 8px;
		}
		
		TABLE.boxed TH {
			color: #0154A0;
			background-color: #EFDEA1;
		}
	


/** MISC GLOBAL STYLES ***********************************************/

	BLOCKQUOTE P {
		margin: 0px;
	}

	BLOCKQUOTE .author {
		margin: 0px 0px 10px 0px;
		color: #333;
		font-size: 12px;
		font-style: normal;
		text-align: right;
	}

	.more {
		text-align: right;
		margin-bottom: 15px;
	}

		.more A {
			display: block;
			padding-right: 30px;
			color: #A41910;
			background: transparent url("/assets/images/arrow-box-red.png") right 0px no-repeat;
		}

			#intro .more A {
				color: #0154A0;
				background-image: url("/assets/images/arrow-box-blue.png");
			}

				#intro .more A:hover {
					color: #A41910;
				}
			
			.more A:hover {
				color: #0154A0;
				background-position: right -23px;
				text-decoration: none;
			}
	
	UL.news LI {
		margin-bottom: 10px;
	}
	
	.photo_right {
		float: right;
		margin: 0px 0px 10px 10px;
	}
	
	.photo_left {
		float: left;
		margin: 0px 10px 10px 0px;
	}
	
	.name {
	    font-weight: bold;
	    color: #0154A0;
	}
	
	.csk12 {
	    font-weight: bold;
	    color: #A41910;
	}
    	
	    .csk12 .cs {
	        color: #0154A0;
	    }
	
	.caspioBox {
	}
	
	.boxes 
	{
	}
	
		.boxes .box 
		{
			float: left;
			margin: 0px 20px 20px 0px;
			width: 130px;
			height: 180px;
			text-align: center;
			font-size: 12px;
		}
	
	.todo {
		background-color: Yellow;
	}
		
		.todo .num {
			font-weight: bold;
			font-size: 150%;
		}
	
	UL.bulletless
	{
		margin-left: 0px;
		padding-left: 0px;
	}
	
	UL.bulletless LI
	{
		list-style-type: none;
	}