/* General styles */

body { border: 0; padding: 0; margin: 0; background: #EDE8C4; color: #305C27; font-family: "Trebuchet MS"; font-size: medium; width: 800px; margin: auto;}

#container { width: 800px; border: 0; padding: 0;  float: left; background: whitesmoke; };
#logo { width: 100%; clear: both; text-align: left; font-family: "New Century Schoolbook"; background: #EDE8C4; }
#logo h1 { font-size: 42px; font-family: "New Century Schoolbook"; padding: 0; border: 0; margin: 0; padding-top: 13px; }
#logo h2 { font-size: 16px; font-style: italic; font-family: "New Century Schoolbook"; padding: 0; border: 0; margin: 0; text-align: right; position: relative; left: -205px;  }
#head { float: left; width: 640px; clear: both; text-align: center; padding: 0; }
#side { float: right; width: 160px; }
#content { float: left; width: 640px;  margin: 0; padding:0; border: 0;  }
#footer { float: left; width: 100%; clear: both; font-size: x-small; text-align: center; }
#footer hr { color: #305C27; }
#footer a { color: #305C27; }

#head ul { float: left; width: 100%; padding: 0; margin: 0; list-style: none; }
#head ul li { float: left; text-align: center; display: inline; background: #60351D; font-size: x-small;  }
#head ul li a { float: left; width: 100%;  text-align: center; text-decoration: none; display: inline;  color: #EDE8C4; padding-top: 2px; padding-bottom: 2px; font-size: x-small; height: 16px; }
#head ul li a:hover { background: #0F204B  }

#news { border: 0; padding: 0; margin: 0; width: 100%; height: 440px; background: #DCD7B3; position: relative; }
#news h1, .widgettitle { text-align: left; font-size: small; margin: 1%; padding: 1%;  border-bottom: thin solid #EDE8C4; padding-top: 4%; padding-left: 10px; }
#news ul { margin: 1%; padding: 1%; color: #305C27; list-style: none; padding-left: 10px; padding-right: 10px; }
#news ul li { border-bottom: thin solid #EDE8C4; padding-bottom: 3px; }
#news ul li a { color: #305C27; text-decoration: none; font-size: small; }
#news ul li a:hover { text-decoration: underline; }
#news li { list-style: none; }

#about { width: 90px; height: 100%; }
#academics { width: 90px; height: 100%; }
#admissions { width: 90px; height: 100%;}
#enrichment { width: 90px; height: 100%;}
#summer { width: 90px; height: 100%; }
#newsevents { width: 90px; height: 100%; }
#contact { width: 100px;  height: 100%; }

#frontslide { width: 640px; height: 420px; border:0; padding: 0; margin: 0; float: left; padding-bottom: 10px; }

#logo img { width: 100px; float: left; vertical-align: bottom; }
a img, a:link img, a:visited img, a:active img, a:hover img { border: 0; }

#index { float: left; width: 128px; margin: 0; padding: 0; border: 0; }
#text {  float: right; width: 512px; }
#text p { padding-right: 10px; }
#newstext { padding: 20px; padding-top: 10px; }

#index ul { list-style: none; border: 0; margin: 0; padding: 10px;  }
#index ul li {  border-bottom: thin dotted gray; }
#index ul li a { font-size: x-small; font-weight: bold; text-decoration: none; color: #60351D; }

#index ul li ul { list-style: none; border: 0; margin: 0; padding: 5px;  }
#index ul li ul li {  border-bottom: thin dotted gray; }
#index ul li ul li a { font-size: x-small; font-weight: bold; text-decoration: none; color: #60351D; }

#quote { background: #DCD7B3; font-size: smaller; font-family: "New Century Schoolbook"; font-style: italic; padding: 5px; }
#author { background: #FEF9D5;  font-size: smaller; font-family: "New Century Schoolbook"; padding: 5px; }

#crumb a { font-size: small; color: #305C27;  }
#fronttext { padding-left: 10px; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#cc_attr { font-size: x-small; }
#cc_attr a { text-decoration: none; color:#305C27; }

#social { position: absolute; bottom: 0; width: 100%; text-align: center; }
#social img { width: 32px; }
#social a img { border: 0; }