/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 0 0 4;
	background: #F7F6FF;
	margin-top: 0;
	margin-left: 0;
}
#wrapper {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	width:790px;
	position:relative;
	background: #FFFFFF;
}
#banner {
	background: url(images/backgrounds/purpleVertGrad.jpg) repeat-x;
	margin-left:auto;
	margin-right:auto;
	padding-top: 12px;
	height: 110px;
}
#content {
	width:550px;
	margin-left:220px;
	padding-left: 10px;
	background: #FFFFFF;
}

#content a {
	font-weight: bold;
	color: #003366;
}
#content a:hover {
color:#660099;
}

/*
table {
border-collapse:collapse;
}
*/
#menu ul {
	padding:0;
	list-style-type:none;
	margin: 0;
}

/* Step 4 - make the list horizontal */


#menu li.home {background:transparent url(images/navigation/homeVerdana.gif) no-repeat;}
#menu li.calendar {background:transparent url(images/navigation/calendarVerdana.gif) no-repeat;}
#menu li.resources {background:transparent url(images/navigation/resourcesVerdana.gif) no-repeat;}
#menu li.contact {background:transparent url(images/navigation/contactVerdana.gif) no-repeat;}
#menu li.init {background:transparent url(images/navigation/initiativeVerdana.gif) no-repeat;}
#menu li.photos {background:transparent url(images/navigation/photosVerdana.gif) no-repeat;}

#menu a {
display:block;
width:200px;
height:0;
padding-top:40px;
color:#000;
overflow:hidden;
}
/* hack for older versions of IE with incorrect box model */
* html #menu a:link, * html #menu a:visited {height:58px; he\ight:0;}

/* Step 7 - Separating the images */

#menu a#home {background:transparent url(images/navigation/homeASL.gif) -130px -90px no-repeat;}
#menu a#calendar {background:transparent url(images/navigation/calendarASL.gif) -130px -90px no-repeat;}
#menu a#resources {background:transparent url(images/navigation/resourcesASL.gif) -130px -90px no-repeat;}
#menu a#contact {background:transparent url(images/navigation/contactASL.gif) -130px -90px no-repeat;}
#menu a#init {background:transparent url(images/navigation/initiativeASL.gif) -130px -90px no-repeat;}
#menu a#photos {background:transparent url(images/navigation/photosASL.gif) -130px -90px no-repeat;}


#menu a#home:hover {background-position:0 0; z-index:50;}
#menu a#calendar:hover {background-position:0 0; z-index:50;}
#menu a#resources:hover {background-position:0 0; z-index:50;}
#menu a#contact:hover {background-position:0 0; z-index:50;}
#menu a#init:hover {background-position:0 0; z-index:50;}
#menu a#photos:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:58px; he\ight:0;}

/* Step 10 - Clearing the float */
#menu {
	display:block;
	width:200px;
	height:58px;
	margin-top: 20px;
	float: left;
}

h1 {
	color:#003366;
	font: 20px Verdana, Arial, Helvetica, sans-serif;
}
h2 {
font-size:16px;
color:#003366;
}
#fullCalendar {
	margin-left: 20px;
}
#fullCalendar a {
color:#003366;
}
#fullCalendar a:hover {
color:#000099;
}#horizMenu {
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}
#horizMenu ul {
	margin-left: 400px;
}
#horizMenu ul li {
	padding: 2px 10px;
	display: inline;
	margin-top: 5px;
	position: relative;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}
#horizMenu ul li a {
	color: #003366;
	text-decoration: none;
}
#horizMenu ul li:hover {
	background: #FFFFFF;
}
.eventType {
	font-weight: bold;
}
.calMonth {
	font-size: 24px;
	color: #FFFFFF;
}
#wrapperVocab {
	line-height: 17px;
	background: #FFFFFF;
}
table {
	border-collapse:collapse;
	border: 1px solid #003366;
}
#boxedText {
	padding: 4px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #003366;
	background: #F7F6FF;
}