body
{ 
    background: white;
    font-family:Geneva,Arial,Helvetica,Sans-Serif;
    font-size:12px;
    text-decoration: none;
    padding: 0px 5px;
    margin: 2px 4px 2px 4px;
}
p
{
 margin: 0px 8px 0px 8px;
 padding: 2px 8px 2px 8px;
 font-family:Geneva,Arial,Helvetica,Sans-Serif;
 text-align:justify;
 font-size:11px;
 color:#000;
}
.intro
{
 margin: 0px 8px 0px 8px;
}
.intro p
{
 padding: 2px 8px 2px 8px;
 font-family:Geneva,Arial,Helvetica,Sans-Serif;
 text-align:justify;
 font-size:11px;
 color:#293C56;
}
table
{
font-family:Geneva,Arial,Helvetica,Sans-Serif;
 text-align:justify;
 font-size:11px;
text-align:left;
padding: 2px;
cellSpacing:2px;
cellPadding:3px;
position:central;
}
td
{
bgColor:#e8e8e8;
}
#topmenu
{
margin:5px;
padding-left:10px;
padding-top:4px;
padding-bottom:4px;
background-color:#eee;
text-align:center;
text-size: 12px;
}

.list
{

 font-family:Geneva,Arial,Helvetica,Sans-Serif;
 background-color:#FDFDFD;
 margin:2px 8px 2px 8px;
 border:1px solid #5B84C7;
 }
.list ul
{
 font-size:11px;

}
.list li
{
 margin:5px;
}

ul
{     
    margin: 2px;
    padding:2px;
}
li
{
    margin:1px;
    padding:1px;
    list-style: none;
    border:none;
    font-family:Geneva,Arial,Helvetica,Sans-Serif;
    font-size:11px;
}
.bld
{
  float: left;
  margin: 2px;
}
.below
{
  font-family:  verdana, arial, helvetica, sans-serif;
  color:#5A7EBB;
  font-size:10px;
  padding-top: 0;
  padding-left:5px;
  padding-bottom: 0;
  text-align:center;
}
h1
{
  font-size: 120%;
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
}
h2
{
  font-size: 110%;
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
  color:#5A7EBB;
  border-bottom:2px solid #FFCE6B;
  margin: 5px 10px 0px 10px;
  padding: 0px 4px 0px 4px;
}
h3
{
  font-size: 12px;
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
  color:#5A7EBB;
  padding: 2px 4px;
  margin: 2px;
  border: 1px solid #5B84C7;
  text-align:left;
  background-color:#eee;
}
h4
{
  font-size: 120%;
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
}
h5
{
  font-size: 105%;
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
  color:#5A7EBB;
  border-bottom:2px solid #FFCE6B;
  margin: 5px 12px 0px 12px;
  padding: 0px 5px 0px 5px;
}
h6
{
  font-size: 70%;
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
}
hr
{
 color:#5A7EBB;
 line-height:25%;
}

/* alter some HTML elements' default style
 */
#relevant
{
text-decoration:none;

}
#relevant a
{
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
  font-size:11px;
  text-decoration: none;
  color:#3A495C;
  padding-left:0px;
  padding-right:2px;
  padding-bottom:0px;

}

#relevant li
{
  border-bottom: 1px solid #B6071C;
  text-align:left;

  margin: 0px;

}
#relevant li:hover
{
 background-color:#cc6600;

}

#relevant a:link
{
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
  font-size:11px;
  text-decoration: none;
  color:#B6071C;
  padding-left:3px;
  padding-right:2px;
  padding-bottom:2px;


}
#relevant a:visited
{
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
  font-size:11px;
  text-decoration: none;
  color:#B6071C;
  padding-left:3px;
  padding-right:2px;
  padding-bottom:2px;


}
#relevant a:hover
{

  color:#B6071C;
  text-decoration:underline;

}


a, a:link, a:visited, a:active
{
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
  font-size:11px;
  text-decoration: none;
  color:#000;
  padding-left:3px;
  padding-right:2px;
  padding-bottom:2px;
}
a:hover
{
  text-decoration: underline;
  color:#5B84C7;
}
A.actual {
    color:#5B84C7;
    font-weight: bold;
}
A.blue
{
  color: #000;
  font-weight: bold;
}

.code
{
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
  color:#4369AA;
  font-weight:bold;
  font-size:11px;
}
.codenf
{
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
  color:#4369AA;
  font-size:11px;

}
#admission
{
  text-align:center;

}
#admission table
{
  border:none;
  font-size:11px;
}
#admission td
{
  border:1px solid #eee;
}
 #admission img
{
  border:none;
}



label
{
  cursor: pointer;
}




#pageWrapper
{
  border: solid 1px #eee;
  border-width: 0 1px;
  margin: 0 2%;    /* set side margins here 'cause IE doesn't like it set
           on the body element */
  min-width: 40em;  /* IE doens't understand this property. I use ems rather
           than pixels so that the layout shouldn't break even
           when the browser's default size is set very large */
  width: 767px;
}
* html #pageWrapper
{
  /* \*/
    word-wrap: break-word;
  /* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#masthead
{
  border: solid 1px #fff;
  border-width: 1px 0;
  background: url(bg.jpg) #fff no-repeat left;
  padding:0em;
  height:120px;
  float:left;
  clear: left;
  width:auto;
}

#masthead h1
{
  padding: 0;
  margin: 0;
}

.hope1
{
 margin: 0px;
 background: url("images/bg.jpg") #fff no-repeat left;
 padding: 0px;
 float:left;
 clear: left;
 height:auto;
 width:auto;
 border: 1px solid #ffffff;
 
}
.hope
{
 margin: 0px;
 padding: 0px;
 float:left;
 clear: left;
 height:23px;
 width:765px;
 border: none;
}
#id MenuPos
{
CLEAR: both;
WIDTH: 750px;
POSITION: relative;
}
#holder
{
padding-bottom:2px;
margin-bottom:2px;
}
#bottomholder
{
 background: url(images/bg.jpg) #fff no-repeat left;
 padding:0; 
 background-color: #4369AA;
 border-bottom: none;
 width: 767px;
 height: 18px; 
 clear: both;
}
.standout
{
 margin:4px;
 border:8px solid #eee;
 padding:4px
}

#contact
{
 margin:10px;
 border:10px solid #eee;

}
#contact span
{
 font-family:Geneva,Arial,Helvetica,Sans-Serif;
 font-size:11px;
 color:#5A7EBB;

}

#contact p
{
  border:1px solid #FFCE6B;
  color:#000;
  margin:0px;
  padding:4px;
}
#contact img
{
 float:right;
 padding:2px;
}
#contact table
{
 font-family:Geneva,Arial,Helvetica,Sans-Serif;
 text-align:justify;
 font-size:11px;
 color:#000;
}
#contact ul
{
 margin-left: 10px;
 border:1px solid #FFCE6B;
 padding:4px;
 margin:0px;
}
#contact li
{
 list-style:disc;
 list-style-position: inside;
}
#contact img
{
float:left;
border: none;
padding:3px;
}
#right
{
 float:right;
 font-family:Geneva,Arial,Helvetica,Sans-Serif;
 text-align:justify;
 font-size:11px;
 color:#000;

}

.move
{
margin-right:25px;
font-family:Geneva,Arial,Helvetica,Sans-Serif;
font-size:11px;
color:#000;
}
#left
{
 float:left;
 font-family:Geneva,Arial,Helvetica,Sans-Serif;
 text-align:justify;
 font-size:11px;
 color:#000;
}

#contact h2
{
  font-size: 12px;
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
  color:#294163;
  padding: 2px ;
   border-bottom:1px solid #FFCE6B;
}

/* horizontal navigation stuff. mostly exactly as seen in the hnav.css styleheet
 * in the original skidoo layout.
 */

.hnav
{
  border-bottom: solid 1px #fff;
  margin: 0;
  padding: 3px 0 4px 0;
  white-space: nowrap;
}
.hnav ul span.divider
{
  display: none;
}
* html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */
{
  height: 0.01%;  /* holly hack to fix a render bug in IE6/Win */
}
* html .HNAV
{
  height: auto;  /* above IE6/Win holly hack breaks IE5/Win when page 
         length get beyond the point that 1% height is taller 
         than the text height. IE5/Win does not need this 
         holly hack so we remove it here */
  padding: 0;  /* IE5/Win will resize #hnav to fit the heights of its
         inline children that have vertical padding. So this
         incorrect case selector will remove that padding */
}
.hnav ul
{
  text-align: center;
  list-style-type: none;
  line-height: normal;
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.hnav ul li
{
  display: inline;
  white-space: nowrap;
  margin: 0;
}
.hnav ul li a, .hnav ul li a:link, .hnav ul li a:visited
{
  text-decoration: none;
  margin: 0 -1px 0 0;
  padding: 3px 10px 4px 10px;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
}
.hnav li a#active
{
  background-color: #fff;
  color: #000;
}
* html .HNAV ul li a
{
  /* \*/
    width: 1%;
  /* holly hack for IE5/Win inline padding. this hack fixes different 
   * rendering bugs in 5.0 and 5.5. Width is used instead of height 
   * because if the document is too long, these elements become very tall
   * and disrupt the look of the document. too wide an element is better, 
   * visually, than too tall. */
}
.hnav ul li a:hover
{
  text-decoration: none;
} 

/* below is a series of selectors to get a consistent font size across
 * platforms. this is outside the 'theme' section on purpose. use #pageWrapper
 * to set the base font-size for the layout.
 */
#central
 {
 text-align: center;
 font-family:Geneva,Arial,Helvetica,Sans-Serif;
  font-size:11px;
  color:#000;
  padding-left:3px;
  padding-right:2px;
  padding-bottom:2px;
 }


#column1
{
 margin: 0; 
 background-color: #FDFDFD; 
 width: 165px;
 float:left;
 clear:left;
}
#column3
{
 margin: 0; 
 width: 600px;
 float:left;
 border-left: 1px solid #FFEFDE;
 border-right: 1px solid #FFEFDE;
}
#column3 a
{
  font-family:Geneva,Arial,Helvetica,Sans-Serif;
  font-size:13px;
  text-decoration: none;
  color:#5B84C7;
  padding-left:3px;
  padding-right:2px;
  padding-bottom:2px;

}
#column3 a:hover
{
  text-decoration: underline;
  color:#000;
}

a:hover
{
  text-decoration: underline;
  color:#5B84C7;
}
#ad
{
 margin:5px;

}
#ad img
{
 border:10px solid #eee;

}
#youarein
{
margin-left:5px;
padding-top:4px;
padding-bottom:4px;
text-align:center;
text-size: 12px;
color:#5A7EBB;
height:14px;

}
#youarein a
{

padding-top:0px;
color:#5A7EBB;
}
#youarein span
{
color:#000;
}


#youarein p
{
margin-top:0px;
padding-top:0px;
color:#000;
}



#column4
{
 margin: 0; 
 background-color: #F9F9F9; 
 width: 150px; 
 float:left;
 }
.title
{
 margin: 1; 
 width: 350px;
 height: 15px; 
 float:left;

}


.more
{
margin: 2px;
FONT-FAMILY: arial,sans-serif;
FONT-SIZE: 13px;
display:inline
}
.rightbox
{
 BORDER-RIGHT: #CCD5EA  1px solid;
 BORDER-TOP: #CCD5EA 1px solid;
 FONT-WEIGHT: normal;
 BORDER-LEFT: #CCD5EA 1px solid;
 BORDER-BOTTOM: #CCD5EA 1px solid;
 TEXT-ALIGN: center;
 FONT-FAMILY: arial,sans-serif;
 FONT-SIZE: 10px;
 MARGIN: 5px;
}



.open {
    DISPLAY: block
}
.closed {
    DISPLAY: none
}