/* Home CSS Document */

.currentArea, #breadcrumbs, #content {display: none;}

#welcome {
	background: #012b75 url(../images/design/welcome.gif);
	float: left;
	width: 200px;
	height: 220px;
	padding: 10px 10px 0 10px;
	}

#welcome p {line-height: 150%; padding: 0; margin: 7px 0 0 0; padding: 0; color: #FFFFFF}
#welcome h3 {padding: 0; margin: 0; color: #ffc700; font-weight: normal; font-size: 170%;}
#welcome a {color: #BBCEFF; font-weight: normal; font-size: 85%;}
#welcome strong {color: #ffc700;}

#eschoolmail {display: block; float: left; margin: 5px 0 5px 5px; padding: 15px 0 0 80px; width: 450px; height: 37px; background: url(../images/design/eschoolmail.gif); color: #fff;}
#eschoolmail a {color: #ffd200;}
#eschoolmail strong {color: #fff;}

#vlebanner {display: block; float: left; margin: 5px 0 5px 5px; padding: 15px 0 0 80px; width: 450px; height: 30px; background: url(../images/design/vlebanner.jpg); color: #fff;}
#vlebanner a {color: #ffd200;}
#vlebanner strong {color: #fff;}


#latestnews ul {
	margin: 0px 20px;
	padding: 0px 0px;
	}

	#subnav li, #subnav ul {
		width: 180px;
		margin-bottom: 20px;
		}
	
	#subnav li a	{
		display: block;
		width: 145px;					
		padding: 0px;
		font-weight: normal;	
		text-align: left;				
		}
		
	#subnav li a:hover	{
		display: block;
		padding: 0px;
		color: #CCC;
		background: none;
		background-repeat: repeat-y;
		border-top: none;
		border-bottom: none;
		text-decoration: none;		
		}

#latestnews li a, #latestnews li a:hover {
	width: 160px;
	padding: 0px;
	margin: 0px;
	}

#latestnews p {
	margin: 0px;
	padding: 5px 0px 5px 5px;
	}
	
table {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px;
	width: 100%;
	}

#content {
	padding: 0px;
	}
	
.boxes {
	float: left;
	width: 540px;
	margin-left: 5px;
	}

.box {
	display: inline;
	float: left;
	width: 170px;
	height: 250px;
	overflow:auto;
	border: 1px solid #ccc;
	padding: 0px;
	margin-right: 7px;
	font-size: 85%;
	color: #333333;
	}

.boxes h3 {
	margin: 0px;
	padding: 5px 0px 5px 10px;
	color: #FFFFFF;
	background: url(../images/design/home/h3_background.jpg);
	}

.box p {
	margin: 5px 5px 0px 5px;
	}

.box ul {
	margin: 0px 5px;
	padding: 0px;
	}
.box li {
	margin: 5px 0px;
	list-style-type: none;
	line-height: 150%;
	}

.eventdate {
	font-size: 95%;
	color: #666666;
	}

.button {
	background: url(../images/design/home/button.gif);
	text-align: center;
	width: 130px;
	height: 26px;
	display: block;
	color: #FFFFFF;
	margin: 10px 0px 10px 20px;
	padding-top: 4px;
	}

.button2 {
	background: url(../images/design/home/button.gif);
	text-align: center;
	width: 130px;
	height: 26px;
	display: block;
	color: #FFFFFF;
	margin: 10px 0px 10px 20px;
	padding-top: 4px;
	margin-top: 21px;
	}

.button3 {
	background: url(../images/design/home/button.gif);
	text-align: center;
	width: 130px;
	height: 26px;
	display: block;
	color: #FFFFFF;
	margin: 10px 0px 10px 20px;
	padding-top: 4px;
	margin-top: 15px;
	}

#termdates {
	float: left;
	width: 530px;
	padding: 5px;
	font-size: 85%;
	}

#termdates table {
	margin: 10px 0px;
	line-height: 130%;
	}

#termdates td {
	border: 1px solid #F0F0F0;
	padding: 0px 10px;
	margin: 0px;
	}

#termdates  h3 {
	margin: 0px;
	padding: 20px 0px 5px 5px;
	color: #003399;
	}