/*
DIV.menu img {
   margin-left:8px;
}
*/

html {height:100%;}
body {
   height:100%;
   background-color:#006699;
   }


P,li,td {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
  color:#000000;
}

P.eventtitle {
  color:#006699;
  font-weight:bold;
  font-size:10pt;
}

A:link {
	COLOR:#006699; 
}

A:visited {
	COLOR:#639642; 
}

A:active {
	COLOR:#993333; 
}

A:hover {
	COLOR:#993333; 
}

table.admin {
   background-color:#DDDDDD;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   color:#000000;
}

table.admin TD {
   border-bottom:1px solid black;
}

table.main {
   background-color:#ffffff;
   width:705px;
   border-collapse:collapse;
   border:none; 
   empty-cells: show;
}

table.main td {
   vertical-align:top;
}

table.content {
  text-align:left;
  width:460px;
  border: none;
  /*
  border-collapse:separate;
  border-spacing:15px;  being ignored by ie! */
}

table.content p {
   padding: 4px 10px;
   font-family: Arial, Helvetica, Verdana; 
   font-size: 12px;
   line-height: 15px;
   color: #000000;
}

td.nextevent {
  background-color: #8dc6da;
  font-family: tahoma, arial, verdana; 
  color: #003366;}
  
td.nextevent p {
  padding-left: 15px;
  font-family: tahoma, arial, verdana; 
  font-size: 12px; 
  line-height: 16px; 
  letter-spacing: .02em;
  color: #003366;}
  

td.nextevent li {
  font-size: 11px;
  margin-bottom: 6px;
  margin-left: 4px;
  font-family: tahoma, arial, verdana; 
  font-weight: bold; 
  line-height: 15px;
  color: #005a8d;}

table.footer {
  width:705px;
  border: none;
  border-collapse:collapse;
  text-align:center;
}

table.footer td {
   color:#ffffff;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   font-weight:bold;
}

table.header {
  width:705px;
  border:none;
  border-collapse:collapse;
  background-color:#ffffff;
}

table.header td {
   color:#ffffff;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   font-weight:bold;
}

table.headerimg {
    width:469px;
    border-collapse:separate;
    border-spacing:20px;
    text-align:left;
}

div.infobox {
  padding:4px 4px 4px 4px;
  width:180px;
  border:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
  text-align:center;
  margin:25px 10px 10px 10px;
}

h3 {
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12pt;
  text-align:center;
  margin:2px 2px 2px 2px;
}

/*orange rounded corner box*/


.orangebox {
  margin:25px 10px 10px 10px;
  background: #F4B817; 
}
.orangeboxtop { 
  background: url(../images/orange/ne.gif) no-repeat top right; 
}
.orangeboxtop div { 
  height: 10px; 
  background: url(../images/orange/nw.gif) no-repeat top left; 
}
.orangeboxbottom { 
  background: url(../images/orange/se.gif) no-repeat bottom right; 
}
.orangeboxbottom div { 
  height: 10px; 
  background: url(../images/orange/sw.gif) no-repeat bottom left; 
}
.orangeboxcontent {
  padding: 0px 10px 0px 10px;
}


/*grey rounded corner box*/

.greybox { 
  margin:25px 10px 10px 10px;
  background: #DDDDDD; 
}
.greyboxtop { 
  background: url(../images/grey/ne.gif) no-repeat top right; 
}
.greyboxtop div { 
  height: 10px; 
  background: url(../images/grey/nw.gif) no-repeat top left; 
}
.greyboxbottom { 
  background: url(../images/grey/se.gif) no-repeat bottom right; 
}
.greyboxbottom div { 
  height: 10px; 
  background: url(../images/grey/sw.gif) no-repeat bottom left; 
}
.greyboxcontent {
  padding: 0px 10px 0px 10px;
}


/*green rounded corner box*/

.greenbox { 
  margin:25px 10px 10px 10px;
  background: #598B47; 
}
.greenboxtop { 
  background: url(../images/green/ne.gif) no-repeat top right; 
}
.greenboxtop div { 
  height: 10px; 
  background: url(../images/green/nw.gif) no-repeat top left; 
}
.greenboxbottom { 
  background: url(../images/green/se.gif) no-repeat bottom right; 
}
.greenboxbottom div { 
  height: 10px; 
  background: url(../images/green/sw.gif) no-repeat bottom left; 
}
.greenboxcontent {
  padding: 0px 10px 0px 10px;
}

#menu {
	width: 200px;
	margin-top: 10px;
	}
	
#menu li a {
        text-align:left;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
        text-decoration: none;
	}
	
#menu li a:link, #menu li a:visited {
	color: #777;
	display: block;
	background: url(../images/menu/menu_3.gif) 0 -32px;
        padding: 8px 0 0 10px;
	}
	
#menu li a:hover, #menu li a:active {
	color: #257EB7;
	background: url(../images/menu/menu_3.gif);
        padding: 8px 0 0 15px; /* increase this to do right push */
	}

#menu li.selected a:visited {
	color: #257EB7;
	background: url(../images/menu/menu_3.gif);
        padding: 8px 0 0 10px;
	}