body { margin: 0pt;
padding: 0pt;
font-family: Verdana,sans-serif;
font-size: small;
line-height: 1.5em;
}

.centeredImage {
 text-align:center;
 margin-top:0px;
 margin-bottom:0px;
 padding:0px;
}

.even {
}
.odd {
background-color: lightgrey;
}

#page
{
width: 774px;
margin: 10px auto;
background-color: #fff;
color: #333;
line-height: 130%;
}

#sidebar
{
width: 200px;
float: right;
text-align: left;
}

.cleardiv {
  clear: both;
}

.hrdiv {
clear: both;
border-bottom: thin solid #348434;
padding: 20px 0 0 0;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #333;
}
#message {
	padding: 5pt;
	margin: 5pt;
	font-size: medium;
	text-align: center;
	background-color: lightblue;
}

#error {
	padding: 5pt;
	margin: 5pt;
	font-size: medium;
	text-align: center;
	background-color: red;
}
.error {
	background-color: red;
}
	

#welcome-div
{
text-align: left;
padding: 4px 4px 30px 4px;
}

#content
{
float: left;
text-align: left;
padding: 4px;
width: 560px;
border-left: 2px solid #348434;
border-right: 2px solid #348434;
}

#footer
{
clear: both;
text-align: center;
margin: 0;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

  a {
    text-decoration: none;
    color: #330099;
    }

  a:hover {
    text-decoration: underline;
    }

  .left { padding: 0pt 2% 0pt 0pt;
    float: left;
    width: 47%;
    }

  .right { padding: 0pt 2%;
    float: right;
    width: 47%;
    }

#header {
margin: 0pt;
padding: 0pt;
width:100%;
height: 115;
}

#address {
  margin: 0 0 0 500px;
  padding: 3px 0 0 0 ;
  text-align: right;
  font-weight: bold;
}

/* ------------------------------------------ nav */
#nav {
float:left;
width:100%;
background-color: #348434;
font-size: medium;
line-height:normal;
}

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

    #nav li {
      float:left;
      margin:0;
      padding:0 0 0 9px;
      }

    #nav a {
      float:left;
      display:block;
      width:.1em;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color: white;
      }

    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */

#home #nav-home,
#classes #nav-classes,
#schedule #nav-schedule,
#about #nav-about,
#contact #nav-contact,
{
      border-width:0;
}

#home #nav-home a,
#classes #nav-classes a,
#about #nav-about a,
#contact #nav-contact a,
#schedule #nav-schedule a
{
      padding-bottom:5px;
      color: yellow;
      }

    #nav li:hover, #nav li:hover a {
      color: yellow;
      }
    #nav li:hover a {
      }

/* ---------------------------------------- news */
  div.news_list {
	clear: both;
	border-right: 2px solid #348434;
    }
  .news_list dl { margin: 0pt;
    padding 0 3px 0 3px;
    }

  .news_list dl dt { font-size: 175%;
    line-height: 1.0em;
    font-weight: normal;
    padding: 10px 0 0 10px;
    }

  .news_list dl dt { color: #348434;
    }

  .news_list dl dt a { color: #348434;
    text-decoration: none;
    }

  .news_list dl dt a:hover { color: rgb(204, 0, 0);
    text-decoration: underline;
    }

  .news_list dl dd { margin: 0pt;
    font-size: 100%;
    padding: 10px 10px 10px 10px;
    }

  .news_list dl dd.highlight { font-weight: bold;
    }

  .news_list dl dd.links { 
    margin: 0px 0px 0px;
    padding: 0px 0px 0px;
    font-size: 90%;
    color: rgb(204, 204, 204);
    }

  .news_list dl dd.links a { color: rgb(204, 204, 204);
    text-decoration: none;
    }

  .news_list dl dd.links a:hover { color: rgb(204, 204, 204);
    text-decoration: underline;
    }

  .news_list img {
	border: 0;
	padding: 5px 5px 5px 5px;	
  }

/* ---------------------------------------- content_list */
  .content_list dl { margin: 0pt;
    padding: 0 3px 0px 0px;
    }

  .content_list dl dt { font-size: 175%;
    line-height: 1.2em;
    font-weight: normal;
    }

  .content_list dl dt { 
    }

  .content_list dl dt a { color: #348434;
    text-decoration: none;
    }

  .content_list dl dt a:hover { color: rgb(204, 0, 0);
    text-decoration: underline;
    }

  .content_list dl dd { margin: 0pt;
    font-size: 100%;
    padding: 10px 3px 30px 30px;
    }

  .content_list dl dd.highlight { font-weight: bold;
    }

  .content_list dl dd .links {
    margin: 0pt 0pt 15px;
    padding: 30px 0 0 15px;
    font-size: 90%;
    color: rgb(204, 204, 204);

    }

  .content_list dl dd.links a { color: rgb(204, 204, 204);
    text-decoration: none;
    }

  .content_list dl dd.links a:hover { color: rgb(204, 204, 204);
    text-decoration: underline;
    }
  .content_list img {
	border: 0;
	padding: 5px 5px 5px 5px;	
  }

/* --------------------------------------------------------------------- */
.classList {
        }

.class_list h1 {
	margin: 5px 0 5px 0;
	clear: both;
        font-size: small;
        background-color: #348434;
}

.class_list img {
	border: 0;
	padding: 5px 5px 5px 5px;	
}

.class_list h1 a {
        color: #fff;
        text-decoration: none;
}
.class_list h1 a:hover {
        color: yellow;
}
/* --------------------------------------------------------------------- */
table.calendar {
 width: 98%;
}
table.calendar h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003399;
background-color: #FFFFDD;
text-align: center;
vertical-align: middle;
display:block;
margin-top: 0px; margin-right: 30%; margin-bottom: 0px; margin-left: 0px;
padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px;
height: 15px;
width: 22;
border: #003399 solid; border-width: 0px 1px 1px 0px;
clip:     rect(   )
}

table.calendar td {
background-color: #F2F2F2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: left;
vertical-align: top;
height: 65px;
width: 14%;
border: #003399;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
color: #003399;
margin: 0px;
padding: 0px 3px 3px 0px;
}

table.calendar td.currentday {
background-color: #F2FFFF;
}
table.calendar td.currentmonth {
background-color: #ffffff;
}

table.calendar p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #003399;
text-decoration: none;
text-align: left;
padding-top: 0px;
padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
list-style-type: circle;
margin-top: 2px; margin-right: 0px; margin-bottom: 3px; margin-left: 5px
}