/* stuff for the site and for the index page */

body {
	background-color:#fcc;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

a, a:link, a:hover, a:visited, a:focus {
	text-decoration: none;
	border-bottom: 1px dotted #c00;
	color: #c00;
}


#page {
	margin: 0 auto;
	width: 716px;
}

#logo h1, #logo h2 {
	display: none;
}

#logo {
	background: url("../Assets/images/logoBanner.gif") no-repeat top left;
	width: 716px;
	height:192px;
}

#navigation {
	background: url("../Assets/images/horizLine.gif") repeat-x top left;
	margin: 36px auto 0 auto;
	padding: 20px 44px 0 44px;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation a {
	display: block;
	height: 27px;
	margin: 0;
	padding: 0;
	border: none;
}

#navigation a .hideme {
	display: none;
}

#navigation li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

#credits {
	font-size: xx-small;
	margin-top: 20px;
	text-align: center;
}

/* individual navigation buttons */
/* each one loads the "hover" first, to get rid of flashing. */
/* then override with a:link to get the actual image. */
#about a {
	width: 74px;
	background: url("../Assets/images/about_states.gif") no-repeat top left;
}

#about a:hover,  #section2 #about a {
	background-position: 0px -27px;
}

#events a {
	width: 86px;
	background: url("../Assets/images/events_states.gif") no-repeat top left;
}

/*#events a:hover, #section1 #events a {
	background-position: 0px -27px;
} */

#lookListen a {
	width: 130px;
	background: url("../Assets/images/lookListen_states.gif") no-repeat top left;
}

#lookListen a:hover, #section3 #lookListen a {
	background-position: 0px -27px;
}

#contact a {
	width: 90px;
	background: url("../Assets/images/contact_states.gif") no-repeat top left;
}

#contact a:hover, #section4 #contact a {
	background-position: 0px -27px;
}

#spanishLesson a {
	width: 168px;
	background: url("../Assets/images/spanishLesson_states.gif") no-repeat top left;
}

#spanishLesson a:hover, #section5 #spanishLesson a {
	background-position: 0px -27px;
}

li#spanishLesson {
	margin-right: 0;
}

.section {
	margin-top: 80px;
	border: 1px dotted black;
	padding: 2em;
	padding-top: 0;
}

/* section-specific stuff is below */

/*events */

#section_events dl {
	margin-top: 2em;
	padding-bottom: 1em;
	border-bottom: 1px dotted black;
}

#section_events dt {
	font-weight: bold;
	margin-bottom: 1em;
}

#section_events dd {
	margin-bottom: .5em;
}

#section_events .time {
	font-weight: bold;
}


/* about */

#section_about p {
	line-height: 1.5em;
}

/* look & listen */

#section_lookListen ul {
	list-style: none;
}

#section_lookListen #photoList {
	height: 110px;
}

#section_lookListen #photoList li {
	float: left;
	margin-left:15px;
}

#section_lookListen img {
	border: none;
}

#section_lookListen #photoList a {
	text-decoration: none;
	border: none;
}

/* spanish lesson */

#section_spanishLesson ol {
	margin: 0;
	margin-left: inherit;
	padding: 0;
}

#section_spanishLesson dt {
	font-weight: bold;
	margin-top: 1em;
}