/* These rules will be hidden from NS4 & IE4.5/Mac */

/* Body & Container------------------------------------------------*/
/*-----------------------------------------------------------------*/
body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 60%;
	}

#container {
	padding: 0;
	margin: 30px auto 30px auto;
	border: 1px solid #CDCDCD;
	width: 770px; /* content width (for other browsers) */
	}

* html #container { /* this selector recognized by IE only */
	width: 772px; /* total width (only for IE5.x/Win) */
	w\idth: 770px; /* content width (for other IE) */
	}


/* Basic Classes -------------------------------------------------*/
/*-----------------------------------------------------------------*/
.hide {
	display: none;
	}

.clear {
	clear: both;
	line-height: 0;
	}

.copyright {
	float: right;
	color: #999;
	font-size: 1.0em;
	}

.right {
	float: right;
	padding: 10px;
	}

.left {
	float: left;
	padding: 10px;
	}


/* Basic Elements -------------------------------------------------*/
/*-----------------------------------------------------------------*/


a:link {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #F15922;
	font-weight: normal;
	text-decoration: underline;
	}

a:visited {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #999;
	font-weight: normal;
	text-decoration: underline;
	}

a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #F15922;
	font-weight: normal;
	text-decoration: none;
	}

a:active {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #F15922;
	font-weight: normal;
	text-decoration: none;
	}

p {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #000;
	margin: 0 0 10px 0;
	}

hr {
    border: 0;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
    width: 100%;
    text-align: left;
    }


/* Universal DIVS  -----------------------------------------------*/
/*-----------------------------------------------------------------*/

#topnav-container {
	padding: 10px 10px 10px 34px;
	margin: 0;
	border: 0;
	font-weight: bold;
	text-align: left;
	}
	
	#topnav-container ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		border: 0;
		}

		#topnav-container li {
			display: inline;
			padding: 0;
			margin: 0;
			border: 0;
			}


			#topnav-container ul li a {
				font-family: Verdana, Helvetica, Arial, sans-serif;
				font-size: 1.0em;
				font-weight: bold;
				}

				#topnav-container ul li a:link {
					color: #000000;
					text-decoration: none;
					}
				
				#topnav-container ul li a:visited {
					color: #000000;
					text-decoration: none;
					}
				
				#topnav-container ul li a:hover {
					color: #F15922;
					text-decoration: none;
					}
				
				#topnav-container ul li a:active {
					color: #F15922;
					text-decoration: none;
					}


#bottomnav-container {
	padding: 10px 10px 10px 34px;
	margin: 0;
	border: 0;
	font-weight: normal;
	text-align: left;
	}
	
	#bottomnav-container ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		border: 0;
		}

		#bottomnav-container li {
			display: inline;
			padding: 0;
			margin: 0;
			border: 0;
			}


			#bottomnav-container ul li a {
				font-family: Verdana, Helvetica, Arial, sans-serif;
				font-size: 1.0em;
				font-weight: bold;
				}

				#bottomnav-container ul li a:link {
					color: #000000;
					text-decoration: none;
					}
				
				#bottomnav-container ul li a:visited {
					color: #000000;
					text-decoration: none;
					}
				
				#bottomnav-container ul li a:hover {
					color: #F15922;
					text-decoration: none;
					}
				
				#bottomnav-container ul li a:active {
					color: #F15922;
					text-decoration: none;
					}



/* Subpage ----------------------------------------------------------*/
/*------------------------------------------------------------------*/
.content-container {
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(http://www.evscschools.com/images/bg-subpage.jpg) top left repeat;
	border-bottom: 1px solid #CDCDCD;
	}

.content-container-home {
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(http://www.evscschools.com/images/bg-homepage.jpg) top left repeat;
	border-bottom: 1px solid #CDCDCD;
	}

	#left-container {
		float: left;
		width: 575px;
		padding: 0;
		margin: 0;
		border: 0;
		}
		

		#LeftContent {
			width: 530px;
			padding: 0;
			margin: 0 0 0 34px;
			border: 0;
			text-align: left;
			}
			
			.cookietrail {
				padding: 0;
				margin: 5px 0 0 0;
				border: 0;
				text-align: left;
				color: #454545;
				}
				
				.cookietrail a {
					padding: 0;
					margin: 0;
					border: 0;
					color: #454545;
					}
				
				.cookietrail a:link {
					text-decoration: none;
					color: #454545;
					}
				
				.cookietrail a:visited {
					text-decoration: none;
					color: #454545;
					}
				
				.cookietrail a:hover {
					text-decoration: underline;
					color: #454545;
					}
				
				.cookietrail a:active {
					text-decoration: underline;
					color: #454545;
					}
			
			.tertiarynav {
				padding: 4px 0 4px 0;
				margin: 0 0 0 0;
				border-top: 1px solid #CDCDCD;
				border-bottom: 1px solid #CDCDCD;
				text-align: left;
				color: #000;
				}
				
				.tertiarynav a {
					padding: 0;
					margin: 0;
					border: 0;
					font-weight: bold;
					}
				
				.tertiarynav a:link {
					color: #000000;
					text-decoration: none;
					font-weight: bold;
					}
				
				.tertiarynav a:visited {
					color: #000000;
					text-decoration: none;
					font-weight: bold;
					}
				
				.tertiarynav a:hover {
					color: #F15922;
					text-decoration: none;
					font-weight: bold;
					}
				
				.tertiarynav a:active {
					color: #F15922;
					text-decoration: none;
					font-weight: bold;
					}
				
			
			#LeftContent h1.pageheader {
				font-family: Arial, Helvetica, Verdana, sans-serif;
				font-size: 2.2em;
				font-weight: normal;
				color: #000000;
				padding: 0;
				margin: 3px 0 3px 0;
				}
			
			#LeftContent h2.welcome {
				font-family: Verdana, Helvetica, Arial, sans-serif;
				font-size: 1.3em;
				font-weight: bold;
				color: #7d2f02;
				padding: 0;
				margin: 3px 0 3px 0;
				}

			#LeftContent h2.access {
				font-family: Verdana, Helvetica, Arial, sans-serif;
				font-size: 1.8em;
				font-weight: bold;
				color: #F15922;
				padding: 0;
				margin: 3px 0 3px 0;
				}
			


/* Code Added to Control DIVCONTENTMODULES-------------------------------------*/
/*-----------------------------------------------------------------------------*/
	
.divmodulecontent h1,
.divmodulecontent h2,
.divmodulecontent h3,
.divmodulecontent h4,
.divmodulecontent h5,
.divmodulecontent h6 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #F15922;
	padding: 0;
	margin: 3px 0 3px 0;
	}

.divmodulecontent h1 {
	font-size: 2.0em;
	}

.divmodulecontent h2 {
	font-size: 1.8em;
	}

.divmodulecontent h3 {
	font-size: 1.6em;
	}

.divmodulecontent h4 {
	font-size: 1.4em;
	}

.divmodulecontent h5 {
	font-size: 1.2em;
	}

.divmodulecontent h6 {
	font-size: 1.0em;
	}


.divmodulecontent .photoright {
	float: right;
	padding: 0 5px 5px 15px;
	margin: 0;
	border: 0;
	}

.divmodulecontent .photoleft {
	float: left;
	padding: 0 15px 5px 5px;
	margin: 0;
	border: 0;
	}

.divmodulecontent .photocenter {
	clear: both;
	display: block
	padding: 0 auto;
	margin: 0;
	border: 0;
	text-align: center;
	}

/* TABLE Inside DIVCONTENTMODULES -----------------------------*/
/*-----------------------------------------------------------------*/

table.uploads
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	margin: 10px 0 10px 0;
	padding: 0;
	border-top: 0;
	border-left: 0;
}

table.uploads th, table.uploads td
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	margin: 0;
	padding: 4px;
	border-right: 0;
	border-bottom: 0;
	text-align: left;
}

table.uploads tr
{
	background: #fff;
}

table.uploads th
{
	color: #fff;
	background: #F15922;
}


table.uploads td
{
	color: #000;
}

table.uploads td img
{
	display: inline;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

table.uploads tr.shade
{
	background: #efefef;
}

/* LINKS Inside DIVCONTENTMODULES -----------------------------*/
/*-----------------------------------------------------------------*/

.divmodulecontent a:link {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #A82574;
	font-weight: bold;
	text-decoration: underline;
	}

.divmodulecontent a:visited {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #999;
	font-weight: bold;
	text-decoration: underline;
	}

.divmodulecontent a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #A82574;
	font-weight: bold;
	text-decoration: none;
	}

.divmodulecontent a:active {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #A82574;
	font-weight: bold;
	text-decoration: none;
	}

/* LINKS Inside TABLES Inside DIVCONTENTMODULES -------------------*/
/*-----------------------------------------------------------------*/


table.uploads td a:link {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #F15922;
	font-weight: bold;
	text-decoration: underline;
	}

table.uploads td a:visited {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #999;
	font-weight: bold;
	text-decoration: underline;
	}

table.uploads td a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #F15922;
	font-weight: bold;
	text-decoration: none;
	}

table.uploads td a:active {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: #F15922;
	font-weight: bold;
	text-decoration: none;
	}

/*-----------------------------------------------------------------------------*/

	#right-container {
		float: left;
		width: 175px;
		padding: 0;
		margin: 0 0 0 10px;
		border: 0;
		}
		
		#right-container ul {
			padding: 4px 0 0 4px;
			margin: 4px 0 0 4px;
			list-style: none;
			text-align: left;
			}

		#right-container li {
			margin: -2px 0 4px 0;
			padding: 0 0 4px 0;
			border: 0;
			background: transparent url(http://www.evscschools.com/images/dot-line.gif) no-repeat bottom left;
			width: 160px;
			}


			#right-container ul li a {
				font-family: Verdana, Helvetica, Arial, sans-serif;
				font-size: 1.1em;
				font-weight: bold;
				}

				#right-container ul li a:link {
					color: #F15922;
					text-decoration: none;
					}
				
				#right-container ul li a:visited {
					color: #F15922;
					text-decoration: none;
					}
				
				#right-container ul li a:hover {
					color: #000;
					text-decoration: none;
					}
				
				#right-container ul li a:active {
					color: #000;
					text-decoration: none;
					}


/* Forms ----------------------------------------------------------*/
/*-----------------------------------------------------------------*/
.required {
	color: #CD3A29;
	}

form {
	margin: 0;
	padding: 0;
	}

.fieldset {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	border: 0;
	padding: 0;
	font-size: 1.0em;
	}

.fieldset .selectmenu {
	display: inline;
	margin: 0;
	height: 15px;
	width: 200px;
	font-size: 1.0em;
	}

.fieldset .searchfield {
	display: inline;
	margin: 0;
	width: 90px;
	font-size: 1.0em;
	}

.fieldset .submit {
	margin: 3px 0 2px 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #000;
	}



/* Bottom Navigation -----------------------------------------------*/
/*------------------------------------------------------------------*/
#bottom-nav {
	padding: 10px 0 0 0;
	margin: 0;
	border-top: 4px solid white;
	background-color: #F1E8D9;
	width: 720px; /* content width (for other browsers) */
	height: 25px; /* content width (for other browsers) */
	}

* html #bottom-nav { /* this selector recognized by IE only */
	height: 39px; /* total height (only for IE5.x/Win) */
	he\ight: 25px; /* content height (for other IE) */
	}

#bottom-nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	}

#bottom-nav li {
	display: inline;
	padding: 0;
	margin: 0;
	border: 0;
	}

#bottom-nav li.bullet {
	font-size: 1.0em;
	color: #AD317C;
	}

#bottom-nav ul li a {
	padding: 0;
	margin: 0;
	border: 0;
	color: #000;
	}

#bottom-nav ul li a:link {
	text-decoration: none;
	}

#bottom-nav ul li a:visited {
	text-decoration: none;
	}

#bottom-nav ul li a:hover {
	text-decoration: underline;
	}

#bottom-nav ul li a:active {
	text-decoration: underline;
	}

/* NEW CODE BY JOHN COBB */
.SubHead1   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

.SubHead2    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

.BodyPopup
{
	background-color: #ffffff;
	color: #000000;
	font-size: 10px;
}

/* EDIT PAGE MODULE LINK ----------------*/
/* ------------------------------------- */

.editpagemodule {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: right;
	}
	
	.editpagemodule a {
		padding: 0;
		margin: 0;
		border: 0;
		color: #ff0000;
		}
	
	.editpagemodule a:link {
		text-decoration: none;
		font-weight: bold;
		color: #ff0000;
		}
	
	.editpagemodule a:visited {
		text-decoration: none;
		font-weight: bold;
		color: #ff0000;
		}
	
	.editpagemodule a:hover {
		text-decoration: underline;
		font-weight: bold;
		color: #ff0000;
		}
	
	.editpagemodule a:active {
		text-decoration: underline;
		font-weight: bold;
		color: #ff0000;
		}

.instructions{display:none;}
