/*
	#007ec3 normal
	#59abd8 lighter
	#e6f2f9 lightest
	#00527f Darker
	
*/

/* Layout Styles */

body {  font-size: 12px; 
		line-height: 1.3em;
		font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif; 
		text-align: center; 
		color: #000000;
		background: #eeeeee url(images/bg.gif) repeat-x top left; margin: 0
		
}

.mainCol {color: #007ec3}

.required {font-weight: normal; padding-left: .3em; color: #ff0000}

a { color: #007ec3;
	text-decoration: none;
	outline: 0;
}

a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }



div#outsideicons {
	width: 700px;
	height: 30px;
	text-align: right;
	line-height: 30px;
	vertical-align: middle;
	color: #59ABD8;
	font-size: 11px;
	background: transparent;
	margin: auto;

}

div#outsideicons a {

	color: #59ABD8;

}

div#outsideicons a:hover,  div#outsideicons:active {
	
	color: #ffffff;

}




div#header{

	width: 700px;
	height: 119px;
	margin: auto;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	background: #ffffff url(images/header.jpg) no-repeat left top;
}

div#footer{

	font-size: .9em;
	width:700px; 
	height:35px; 
	background: transparent;
	color: #555555;
	margin: auto;
	padding-bottom: 25px;
}


div#maincontainer{
	width:700px; 
	height:auto;
	min-height: 600px;
	margin: 0 auto 25px auto;
	padding: 0 0 25px 0;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color: #ffffff;

}

/* Menu Style */

div#menucontainer {
	
			width: 100%;
			height: 25px;
			background-color: #bbbbbb;
			border-bottom: #999999 1px solid;
}


div#menu {	 
			padding: 0; 
			width: 700px; 
			height: 25px; 
			background-color: transparent; 
			text-align: right; 
			overflow: hidden;
			color: #997300; 
			line-height: 25px; 
			vertical-align: middle;
			background-color: #DDDDDD;
			margin: auto;
			border-left: #999999 1px solid;
			border-right: #999999 1px solid;
			border-bottom: #999999 1px solid;
			*border-bottom: #999999 0px solid;
}
#menu a {

			float: left; 
			margin: 0; 
			padding: 0 10px 0 10px; 
			text-decoration: none; 
			background-color: transparent; 
			color: #333333;
			border-right: #999999 1px solid;
			font-weight: bold;
}


#menu a:hover, #menu a:active {

			background-color: #999999;
			color: #ffffff;
			text-decoration: underline; 

}
			
#menu a#selected {
			
			background-color: #999999;
			color: #ffffff;


}			

/* Left Bar */
div#leftbar {

	float: left;
	padding-top:20px;
	width: 175px;
	height: auto;
	min-height: 400px;
	margin-left: -200px !important;
	*margin-left: -100px;
	background: transparent;
	text-align: left;

}


form .login {

        font-size: .9em;

}

form.login input.text {

        border: 1px solid #999999;
        font-size: .9em;
        padding: .2em;
        color: #555555;
        width: 125px;
}

form.login label {

        color: #006288;

}

#mailsignup {

        font-size: .9em;
        background-color: #007bb7; 
        color: white; 
        border-bottom: 2px solid #005077; 
        border-right: 2px solid #005077; 
        border-top: 2px solid #59a9d0; 
        border-left: 2px solid #59a9d0; 
        height: 1.8em; 
        line-height: 1.0em; 
        vertical-align: middle;  
        margin-right: .2em;
        margin-top: 1em;
        padding: 0 .3em 0 .3em

}




div.login {

        margin: 0 0 3em 0;

}


/* Content */

div#content {

				height: 100%;
				width: 465px;
				padding-left: 215px; 
				padding-top: 10px;
				padding-right: 20px;
				text-align: left;


}

#content ul {
				margin-top: 0; 
				list-style-type: square;
				

}

#content li {
				margin-top: 0; 
				margin-bottom: .5em; 
				line-height: 1.5em
				
}

div#content h1 { 
				margin: 0;
				padding: 10px 0 5px 15px;
				font-size: 2em;
				line-height: 2em
                font-weight: bold;
                height: 25px;
                width: 445px;
                text-align: left;
				vertical-align:middle;
                background: transparent url(images/header.gif) no-repeat 0 0;
                color: #ffffff;
                border: 1px solid #00527f;
               	
}

div#content h2 { 
				margin: 0;
				font-size: 1.3em;
                font-weight: bold;
                color: #00527f;
}

div#content h2 a { 

				margin-right: 1em;
				
}


div#content h3 { 
				margin: 0;
				font-size: 1.2em;
                font-weight: bold;
				margin-bottom:3px;
                color: #007ec3;
}


div#content h4 { 

				margin-top: 20px;
				padding: 5px 0 5px 0;
				border-top: 1px solid #007ec3
				font-size: .9em;
				font-weight: normal;
				
}

div#content h4 a {

				margin-right: 1em;
}

div#content h5 { 
				margin: 0;
				font-size: .9em;
				font-weight: normal;
				
}

div#content h5 a { 

				margin-right: 1em;
				
}


form.std legend {

        font-weight: bold;
        font-size: 1.2em;
        padding: 0 .5em 0 .5em;
        color: #007ec3;

}

form.std fieldset {

        margin: 0 0 1em 0;
        border: 1px solid #cccccc;
        *padding: 0 10px 10px 10px;

}

form.std input.text{

        border: 1px solid #999999;
        color: #555555;
        padding: .2em;
		width:200px;

}



form.std input.button {

        background-color: #007ec3; 
        color: white; 
        border-bottom: 2px solid #00527f; 
        border-right: 2px solid #00527f; 
        border-top: 2px solid #59abd8; 
        border-left: 2px solid #59abd8; 
        height: 1.8em; 
        line-height: 1.0em; 
        vertical-align: middle;  
        margin-right: .2em; 
        padding: 0 .3em 0 .3em}


}

form.std select {

        font-size: .9em;
        color: #555555;
}


form.std p {

    font-size: .9em;
    color: #555555;
    font-style: italic;
    background-color: #e6f2f9;
    padding: .5em;

}


form.std textarea {
        
        border: 1px solid #999999;
        color: #555555;
        font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif; 
        font-size: 1.1em;
        padding: .2em;
        width: 200px;

}


div#news {

	width: 265px;
	min-height: 220px;
	padding-left: 195px;
        color: #007ec3;
	

}

div#newscalendar {
	float: left;
	width: 140px;
	height: 200px;
	margin-left: -195px !important;
	*margin-left: -95px;

}



#content div#monthcell {

			float: left; 
			padding:  0px; 
			width: 140px; 
			height: 20px; 
			margin:0; 
			border: 0px solid white; 
			font-size: 1em;
			font-weight: bold; 
			color: #007ec3;
			text-align: center; 
			overflow: hidden;
			
}
			
			
#content div#weekdaycell {

			float: left; 
			text-align: center; 
			padding: 0; 
			background-color: white; 
			width: 20px; 
			height: 18px; 
			margin:0 0 3px 0; 
			border: 0px solid white; 
			font-size: 11px; 
			font-weight: bold; 
			color: 	#00527f;
			overflow: hidden;
			
}
#content div#cell {

			float: left; 
			padding: 0px; 
			background-color: #bbbbbb; 
			width: 20px; 
			height: 18px; 
			margin:0 0 2px 0; 
			border: 0px solid white; 
			font-size: 11px; 
			font-weight: bold; 
			color: white; 
			text-align: center; 
			overflow: hidden;
			
}


#content div#celltoday {

			float: left; 
			padding: 0px; 
			background-color: #00527f;
			width: 20px; 
			height: 18px; 
			margin:0 0 2px 0; 
			border: 0px solid white; 
			font-size: 11px; 
			font-weight: bold; 
			color: white; 
			text-align: center; 
			overflow: hidden
			
}


#content div#fillercell {

			float: left; 
			background-color: #eeeeee; 
			width: 20px; 
			height: 18px; 
			padding: 0; 
			margin:0; 
			border: 0px solid white; 
			overflow: hidden

}


div.newsitem {
	
	padding: 0 0 15px 0 ;
	margin: 0 0 5px 0;
	font-size: .9em;

}


div#schoolsmall {

	width: 130px;
	height: 340px;
	padding: 5px;
	margin-right: 10px; 
	margin-bottom: 10px;
	border: 1px solid #999999; 
	float: left;
	text-align: center;
}

#coursetable{

	border: 1px solid #999999; 
	border-collapse:collapse;
}

#coursetable td{
	border: 1px solid #999999; 
	padding:3px;
	vertical-align:top;
}

#coursetable th{
	border: 1px solid #999999; 
	padding:3px;
	vertical-align:middle;
	background-color: #00527F;
	color: #FFFFFF;
}

a.actionIcon {margin-right: .5em; padding-left: 20px; float: left; height: 2em; line-height: 2em; vertical-align: middle}


/* Messaging Styles */

div#error {font-size: 90%; padding: .5em 1em 0 1em; margin-bottom: 1em; background-color: #ffff99; border: 1px solid #e5e500; color: #ff0000;}
#error ul {list-style: url() none; padding: 0; margin: 0 }
#error li {padding: 0 0 0.5em 25px; line-height: 1.3em; margin: 0; background: url(images/error.gif) no-repeat left top}

div#general {font-size: 90%; padding: .5em 1em 0 1em; margin-bottom: 1em; background-color: #eeeeee; border: 1px solid #999999; color: #555555;}
#general ul {list-style: url() none; padding: 0; margin: 0 }
#general li {padding: 0 0 0.5em 25px; line-height: 1.3em; margin: 0; background: url(images/check.gif) no-repeat left top}