/* This is a style sheet for the Advances Learning Center website */

body,div,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}

body {
	background: #666699;
	font: Arial, Helvetica, sans-serif;
	text-align: center; /* IE patch to center */
	margin: 0;
}

#all_content {
	width: 1024px;
	background: #eeeedf;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 1.2em;
	padding-top: 0.8em;
	text-align:left;
}

h1 {
	letter-spacing: 3px;
	text-align: center;
	margin: 0.2em 0 0 0;
	color: Gray;
}

h3 {
	font-size: 110%;
	margin: 0;
}

h4
{
	margin: 0;
	text-align: center;
	color: #FF6633; font-weight: bold;
}

#workshopList h4
{
	text-align: left;
	margin: 15px 0 5px 5px;
}

table {
	margin: 0.5em 0 0 0.5em;
}

img
{
	border: none;
}

#top_section {
	width: 1024px;
	border-bottom: 1px solid #bbbbee;
	margin: 0;
}

#photos {
	margin: 0;
	padding: 0;
}

#tagline
{
	margin: 3px 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	color: #bbbbbb;
}

#middle_section {
	width: 1024px;
	background: #dcdcff;
	margin: 0;
	padding: 0;
}

#bottom_section {
	clear: both;
	border-top: 1px solid #bbbbee;
	margin: 0;
	width: 1024px;
}

/* Inspired by navigation list from http://css.maxdesign.com.au/listamatic/vertical13.htm *. */

#navcontainer
{
border: 0;
width: 24%; /* make sure navlist + main <= 99% for IE */
padding: 0;
margin: 0.8em 0 0 0.5em;
/* font-family: georgia, serif;
font-size: 12px; */
font: 12px Verdana, sans-serif;
float: left;
}


#main
{
	padding: 0.5em 0.2em;
	width: 74%; /* make sure navlist + main = 99% */
	float: right;
	background-color: white;
}

#main h2 {
	margin: 0.5em;
	text-align: center;
	color: Gray;
}

#main h3 {
	margin: 0.5em;
	color: Gray;
}

#main p {
	margin: 0.5em;
	text-align: justify;	
}

#weather_alert
{
	border-color: white;
	margin: 1.0em 0 0 0.7em;
	text-align: center;
	font-size: 0.9em;
}

#weather_alert img {
	border: 1px solid #aaab9c;
}

/* To put credits under the picture. */
.credits {
	font-size: 0.7em;
/*	color: #CCCCCC;*/
	color: #aaab9c;
	text-align: center;
	margin: 0;
	padding: 0;
}

.mission, #ABA {
	margin: 0.2em 0.5em 0.5em 0.2em;
	line-height: 20px;
}

.mission h3, #ABA h3 {
	text-align: center;
	color: Gray;
}

.mission p
{
	padding: 4px 4px 5px 0;
}

#mission_photo {
	margin: 2.8em 0.5em 0.5em 0.8em;
	padding-bottom: 20px;
	float: right;
}

#ABA {
	padding: 3px 0;
	background: #f6f6ff;
}

#ABA h3 {
	text-align: center;
}

#ABA p
{
	font-size: 90%;
}

#workshop_announcement
{
	clear: both; margin: 20px 0;
	height: 100%; width: 100%;
}

#workshop_announcement h4
{
	text-align: center; padding: 10px  0; margin: 0;
}

#workshop_announcement p
{
	margin: 0 5px; line-height: 25px;
}

.wordlink {
	text-align: right;
	margin: 0.2em 0.2em 0 0;
}

.wordlogo {
	border: none;
}

#page_title
{
	text-align: center;
	clear: both;
	font-family: Calibri;
	margin: 5px 0;
}


.paragraph_left {
	width: 49%;
	float: left;
	margin: 0;
}

.paragraph_right {
	width: 49%;
	float: right;
	margin: 0;
}

.paragraph_full 
{
	width: 99%;
	float: left;
	margin: 0;
	clear: both;
}

.paragraph_left h3, .paragraph_right h3, .paragraph_full h3 {
	background: #c7c7ff;
	text-align: center;
	color: Gray;
}

.paragraph_full ul
{
	float: left;
	width: 42%;
	display: inline;
}

#consult_list {
	float: left;
	width: 46%;
	margin: 0.5em 0.5em 0 0.3em;
	background: #ededff;
}

#consult_list h3 {
	background: #c7c7ff;
	margin: 0;
	text-align: center;
	color: Gray;
}

#consult_list p {
	text-align: justify;
}

#map {
	float: right;
	width: 20%;
	display: inline;
	margin: 0 0.2em 0 0;
/*	padding: 1em;*/
}

#map img {
	border: 1px solid #808080;
}

.staff {
	padding: 15px 5px;
}

.staff_photo {
	float: left;
	padding: 3px 10px 0 5px;
}

.staff_name {
	font-weight: bold;
	vertical-align: top;
}

.staff_title {
	font-weight: bold;
	font-style: italic;
	margin: 0 5px 5px 5px;
}

.staff_blurb {
	font-size: 95%;
	text-align: justify;
	margin: 0 5px;
}

.filler {
	clear: both;
}


#footer {
	text-align: center;
	margin: 0.1em 0 0.2em 0;
}

#footer p{
	font-weight: bold;
	margin: 0 auto;
	font-size: 90%;
}

#author {
	text-align: center;
	margin: 0.2em 0 0.1em 0;
}

#author p {
	font-size: 70%;
	margin: 0 auto;
	color: #969696;
}

/* http://www.roundedcornr.com/ */
.roundedcornr_box {
   background: #ffffff;
   margin-top: 10px;
   width: 190px;
   margin-left: 25px;
}
.roundedcornr_top div {
   background: url(Images/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(Images/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(Images/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(Images/roundedcornr_br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0 5px; }

.summer_program
{
	text-align: center; margin: 15px 0;
}

.summer_program_name
{
	display: block; color: Purple; font-weight: bold; font-size: 14pt;
}

.summer_program_age
{
	display: block; color: Purple; font-weight: bold;
	margin: 5px 0;
}

.summer_program_info
{
	color: #666; font-weight: bold;
}