/* CSS Document */

body {
font-family:  Comic Sans MS, Arial, Helvetica, sans-serif;
font-size:100%;
margin:0;
padding:0;
background: #ffffff;
}

.wrapper {
width: 1000px;
border-style: solid;
border-color: #ccc;
border-width: 1px;
margin: 20px auto;
background: #ffffff;
}

.header {
height:117px;
background-color: #ffffff;
color:#000000;
text-align:center;
}

img { border: none; } 

h1 {
margin:0;
}

.navigation {
background-color:#ffff98;
color:#3a6b00;
padding:5px 0;
border-color: #ccc;
border-style: solid none;
border-width: 1px;
}

.navigation ul {
width:780px;
margin:0 auto;
padding:0;
display:block;
}

.navigation ul li {
list-style-type:none;
padding:0px;
display:inline;
margin:-0 10px -0 0;
font-size:1em;
}

.lastmod {
text-align: right;
color: #000000;
border-style: none;
float:right;
font-size: 0.8em;
margin-top: 5px;
padding: 0;
}

.school-calendar{ width:780px; margin: 20px auto;}
table.school-calendar{ width:625px; }
table.school-calendar td{ vertical-align: top; font-weight:normal; font-size:16px; margin-top:0; margin-bottom: 0; }
table.school-calendar tr.title td{ color: #000055; text-align: left; vertical-align: top; font-weight:bold; font-size:24px; margin-top:0; margin-bottom: 0;}
table.school-calendar tr.heading td{ color: #000055; text-align: center; vertical-align: top; font-weight:bold; font-size:20px; margin-top:0; margin-bottom: 0;}
table.school-calendar tr td.holiday { vertical-align: top; font-weight:bold; font-size:16px; margin-top:0; margin-bottom: 0;}


.clear { display:block; clear:both; font-size:1px; height:1px; line-height:1px; }

.page-info {
}

.container {
width:780px;
margin:10px auto;
}

.col1, .col2 {}

.page-navigation .page-navigation-title {
text-align:center;
text-transform:capitalize;
font-weight:bold;
/*font-size:0.8em;*/
margin-bottom:0;
border-style: none;
}

.page-navigation ul {
margin:0px;
padding:0px;
padding-left:18px;
font-size:0.9em;
border-style: none;
background-color:#0f862a;
}

.page-navigation ul li {
list-style-type:none;
}

/* layout depending on the column layouts */

.col1 .page-navigation {
display:none;
}

.col1 .page-content {
margin:0;
}

.col1 .page-buttons {
display:none;
}

.col2 .page-navigation {
display:block;
float:left;
width:150px;
}

.col2 .page-content {
margin-left:160px;
}

.col2 .page-buttons {
display:none;
}

.col3 .page-navigation {
display:block;
float:left;
width:150px;
padding-top: 0px;
}

.col3 .page-content {
display:block;
float:left;
width:460px;/* takes into account the padding */
padding:0 10px;
}

.col3 .page-buttons {
float:left;
width:140px;
padding-top: 40px;
}

h1, h2, h3 {
margin-top:0;
color: #000055;
}

.footer {
clear:both;
width:780px;
margin:20px auto;
font-size:0.9em;
color:#aaaaaa;
}

a, a:visited {
text-decoration:none;
font-weight:bold;
color:#4169e1;
}

a:hover {
text-decoration:underline;
}

.navigation ul li a, .navigation ul li a:visited {
text-decoration:none;
font-weight:bold;
font-size: 1em;
color:#000000;
}

.navigation ul li a:hover {
text-decoration:none;
color:#DD0000;
}

.page-navigation a, .page-navigation a:visited {
text-decoration:none;
font-weight:bold;
color:#ffffff;
margin-top: auto;
}

.page-navigation a:hover {
text-decoration: none;
color:#cccccc;
}

.navigation ul li.current, .navigation ul li.current a,.navigation ul li.current a:visited, .navigation ul li.current a:hover {
color:#0000DD;
}