/* CSS Document */

/* Global Styles */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 100.00%;
	color: #000066;
	background-color: #000000; 	/* fixes light blue bottom band in Safari Gallery,*/
								/* but adds black band at the bootom of contact us*/
}

a {
	color: #FF6600; 
	background-color: #DDF2FF;
	font-weight: normal;
	text-decoration: underline;
}
	
a:hover {
	color: #000066;
	background-color: #DDF2FF;
}

/* ID Styles */

#wrapper {
	width: 100.1%;
}

#banner {
	width: 100%;
	text-align: left;
	background-color: #000066;
	border-bottom: 0.15em solid #FF6600;
}

#nav {
	margin-left: 0;
	margin-top: 0;
	float: left;
	width: 100%;
	border-top: 0.1em solid #DDF2FF;
	border-bottom: 0.1em solid #DDF2FF;
	text-decoration: none;
	background-color: #FFCC00;
	color: #FFFFFF;
}

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

#nav li { /*all list items */
	float:left;
	margin: 0;
	padding: 0;
	Width: 6em; 
	border-right: 0.05em solid #FF6600;
}

#nav li a {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	/*letter-spacing: .1em;*/
	padding-left: 0em;
	padding-right: 0em;
	line-height: 2em;	
	text-align: center;
	text-decoration: none;
	display: block;
	color: #000066;
	background-color:#FFCC00;
}

#nav p {
	line-height: 50%;
}


#nav li ul { /* Second level*/
	position: absolute;
	left: -999em;
	height: auto;
	width: 6em;
	font-weight: normal;
	margin: 0;
	background: #FFCC00;
	color: #FFFFFF;
	border-bottom: thin solid  #FF3300; 
}

#nav li li {  /* second level Line */
	width: 6em;
	border-top: .05em solid  #FF3300;
	border-right: none;
}

#nav li li a {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	color: #000066; /* modif */
	background-color:#FFCC00;
	/*letter-spacing: .1em;*/
	padding-left: 0em;
	padding-right: 0em;
	line-height: 2em;	
	text-align: center;
	text-decoration: none;
	display: block;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;	
}

#nav ul li a:hover {
	background-color:  #FF6600;
	color: #DDF2FF; 
}

#container {
	margin-left: 0;
	margin-top: 0;
	float: left;
	width: 100%;
	border-top: 0.15em solid #FF6600;
	background-color: #DDF2FF; 
	color: #000066;
	height: 100%;
}

#gallery {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	color: #000066;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;	
	font-style: normal; 
	line-height: 160%;
	letter-spacing: normal;
	text-align: center;
}

#gallery p { 	
	padding-top: 2%;
	/*text-align: moz-center; /* hack to fix centering of gallery in firefox */
}

#leftcol {
	float: left;
	width: 15%;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#leftcol_content_1 {
	text-align: center;	
}

#leftcol_content_1 p {
	color: #FF6600;
	background-color:#DDF2FF;
	font-weight: normal;	
	line-height: 150%;
	text-align: center;
}

#leftcol_content_1 a {
	color: #FF6600;
	background-color:#DDF2FF;
	font-weight: normal;
	text-decoration: underline;
}
	
#leftcol_content_1 a:hover {
	color: #FFBA00;
	background-color:##DDF2FF;
}

#leftcol_content_2 {
	text-align: center;	
}

#leftcol_content_2 p {
	color: #FF6600;
	background-color:#DDF2FF;
	font-weight: normal;	
	line-height: 150%;
	text-align: center;
}

#leftcol_content_2 a {
	color: #FF6600;
	background-color:#000066;
	font-weight: normal;
	text-decoration: underline;
}
	
#leftcol_content_2 a:hover {
	color: #FFBA00;
	background-color:#000066;
}

#largeleftcol {
	float: left;
	width: 20%;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#content {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	width: 65%;
	float: left;
	color: #000066;
	background-color: #DDF2FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;	
	font-style: normal; 
	line-height: 160%;
	letter-spacing: normal;
}

#content p { 
	margin-left: 10%;
	padding-top: 2%;
	margin-right: 10%;
}

#content p em { 
	font-weight:600;
	color: #000066; 
}

#content h1 {
	font: 140% Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	background-color:#DDF2FF;
	font-weight: 500;
	line-height: 2em;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 2%;
	letter-spacing: 0.1em;
}

#content h2 {
	font-size: 110%;
	color: #000066;
	background-color:#DDF2FF;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 2%;
}
		
#content h3 {
	font-size: 100%;
	color: #000066;
	background-color:#DDF2FF;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 2%;
}

#content ul { 
	margin-left: 15%;
	margin-right: 10%;
}

#content li {
	padding-top: 2%;
}

#content form {
	margin-left: 10%;
	padding-top: 2%;
	margin-right: 10%;
}

#second_col {
	width: 20%;
	float:left;
}

#content_3cols {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	width: 69.6%;
	float: left;
	color: #000066;
	background-color: #DDF2FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;	
	font-style: normal; 
	line-height: 160%;
	letter-spacing: normal;
	border-left: .1em solid #FF6600;
	border-right: .1em solid #FF6600;
}

#content_3cols p { 
	margin-left: 10%;
	padding-top: 2%;
	margin-right: 10%;
}

#content_3cols h1 {
	font: 140% Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	background-color:#DDF2FF;
	font-weight: 500;
	line-height: 2em;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 2%;
	letter-spacing: .1em;
}

#content_3cols h2 {
	font-size: 110%;
	color: #000066;
	background-color:#DDF2FF;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 2%;
}
		
#content_3cols h3 {
	font-size: 100%;
	color: #000066;
	background-color:#DDF2FF;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 2%;
}

#content_3cols ul { 
	margin-left: 15%;
	margin-right: 10%;
}

#content_3cols li {
	padding-top: 2%;
}



#map { 
	width: 500px;
	height: 300px;
	margin-left: 10%;
	padding-top: 2%;
}

#rightcol {
	float: right;
	width: 15%;
	text-align: center;
}

#rightcol p {
	line-height: 150%;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
}
	
#bottomrightcol_1 {
	float: none;
	text-align: center;
}

#bottomrightcol_1 p {
	color: #FF6600;
	background-color: #DDF2FF;
	font-weight: normal;	
	text-align: center;
}

#bottomrightcol_1 a {
	color: #FF6600;
	background-color: #DDF2FF;
	font-weight: normal;
	text-decoration: underline;
}
	
#bottomrightcol_1 a:hover {
	color: #FFBA00;
	background-color: #DDF2FF;
}

#bottomrightcol_2 {
	
	margin-left: 0;
	margin-top: 0.1%;
	padding-top: 1%;
	float: none;
	text-align: center;
	width: 100%;
}

#bottomrightcol_2 p {
	color: #000066;
	background-color:#FFBA00;
	font-weight: normal;	
	line-height: 200%;
	text-align: center;
}

#bottomrightcol_2 a {
	color: #FF3300;
	background-color:#FFBA00;
	font-weight: normal;
	text-decoration: underline;
}
	
#bottomrightcol_2 a:hover {
	color: #FFBA00;
	background-color:#000066;
}

#bottomrightcol_3 {
	float: none;
	text-align: center;
	width: 100%;
}

#bottomrightcol_3 p {
	color: #FF6666;
	background-color: #DDF2FF;
	font-weight: normal;	
	line-height: 200%;
	text-align: center;
}

#bottomrightcol_3 a {
	color: #FF6600;
	background-color: #DDF2FF;
	font-weight: normal;
	text-decoration: underline;
}
	
#bottomrightcol_3 a:hover {
	color: #FFBA00;
	background-color: #DDF2FF;
}

#footer {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0; 
	border-top: .01em solid #000000;
	border-bottom: .01em solid #000000;
}

#footer p { 
	font-size: 70%; 
	color: #000066;
	background-color: #D3DCE6;
	text-align: center;
}

#footer p a { 
	color:#DDF2FF ;
	background-color: #D3DCE6;
}
	

/* styles for contact form */
#name, #email {
	width: 40%;
} 

#message {
	width: 80%;
	height: 50%;
}

label, .warning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.warning {
	color: #FF0000;
}

/* Class Styles */

.pageName {
	font: 200%  Verdana, Arial, Helvetica, sans-serif;
	color: #FF3300;
	background-color:#DDF2FF;
	letter-spacing:.2em;
	line-height:150%;
}	

.galleryName {
	font: 200%  Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	background-color:#000000;
	letter-spacing:.2em;
	line-height:150%;
}	


.sidebarText_1 {
	color: #000066;
	background-color: #DDF2FF;
	/*letter-spacing: .1em;*/
	line-height: 150%;
	text-align: center;
}

.sidebarText_2 {
	color: #000066;
	background-color: #FFBA00;
	letter-spacing: .1em;
	line-height: 150%;
	text-align: center;
}

.sidebarText_3 {
	color: #000066;
	background-color: #DDF2FF;
	letter-spacing: .1em;
	line-height: 150%;
	text-align: center;
}
.navText {
	font: 60% Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	background-color:#DDF2FF;
	letter-spacing: .1em;
}

.calendarimage {
	float:left;
}

.calendartext { 
	border-left: 1%;
}

.schoolimage {
	width: 100%;
	border: none;
}