body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	background-color: #ffffff;  }
a  {
    text-decoration: none;
    color: gray; }
    
h1 {
    color: #53554C;
    font-size: 1.4em;
    font-weight: bold;}

h2 {
    color: #53554C;
    font-size: 1.2em;
    font-weight: bold;}
    
h3 {
     color: gray;
     font-size: 1em;
     font-weight: bold;
     color: #86A422;}
     
p  {
     color: gray;
     font-size: 0.7em;}
p.small {
     color:gray;
     font-size:0.7em;}
     
ol  {
     color: gray;
     font-size: 0.7em;
     line-height: 180%;}
ol a {
     text-decoration: none;
     color: gray;}
.school a {
    font-size: 0.7em;
    color: gray;
    text-decoration: none; }

table.boardform {
    color: gray;
    font-size: 0.7em;}
table.list {
    color: gray;
    font-size: 0.7em;}
    
.tmargin {
    border-collapse: collapse;
    margin: 0px;
    padding: 0px; }

.small {
    background: transparent;
    height: 12pt;
    font-size: 1em;
    text-align: right;}
	

ul.dot {margin-bottom:0px;text-decoration: none;}
ul.dot li {background:url(/images/bull_point.gif) no-repeat 0px 8px; padding-left:10px; text-align:left; color: gray; font-size: 0.7em; line-height: 180%;}


/*---------------- log-in box ------------------*/

.log {
    font-size: 1em;
    font-weight: bold;
    line-height: 200%;}
.log a {
    text-decoration: none;
    color: gray;}

/*------------------main page -------------------*/
#maintable {
    table-layout: fixed;
	border: 0px;
	height:100%;}

.maintop {
	width: 955px;
	height: 94px;
	background: #fff url(images/subhead.gif) no-repeat;
    vertical-align: bottom;}

.mainleft {
	width: 275px;
	height:100%;
	background: #86A422 ;
    text-align: right;
	vertical-align : top;
	background: #86A422 url(images/bgmenu.gif); }

.mainright {
	width: 56px;
	height: 100%; 
	background: #86A422 url(images/bgmenu.gif);}
#bcontent {
    width: 598px;
    padding-left: 15px;
    padding-right: 5x; }
	
/*------------------contact info------------------*/

#contactinfo {
    position: relative;
    top: 140px;
    left: 0px;
    width: 265px;
    color: #ffffff;
    font-size: 1em;
    text-align: right;}

#contactinfo a {
    text-decoration: none;
    color: #ccffcc;}
.contactinfo {
    font-size: 8pt;
    line-height: 90%;
    color: #ccffcc; }
.dotline {
    font-size: 14pt;
    line-height: 50%;
    color: #cccc66; }

/*----------------navigation-----------------*/
#nav {
	position: relative;
	top: 27px;

	}
 	
#nav a {
    display: block;
    height: 46px;
	width: 275px;
	text-decoration: none;
	text-align: center;}

a.home  {
	background: url(images/mbutton1.gif) transparent top right no-repeat ;
	}
a.home1 {
	background: url(images/mbutton1_about.gif) transparent top right no-repeat ;
	}
	
a.about {
	background: url(images/mbutton2.gif) transparent top right no-repeat ;
	}
a.about1 {
	background: url(images/mbutton2_about.gif) transparent top right no-repeat ;
	}

a.curr {
	background: url(images/mbutton3.gif) transparent top right no-repeat ;
	}

a.curr3 {
	background: url(images/mbutton3_curr.gif) transparent top right no-repeat ;
	}

a.port {
	background: url(images/mbutton4.gif) transparent top right no-repeat ;
	}

a.port4 {
	background: url(images/mbutton4_port.gif) transparent top right no-repeat ;
	}

a.adm {
	background: url(images/mbutton5.gif) transparent top right no-repeat ;
	}
a.adm5 {
	background: url(images/mbutton5_adm.gif) transparent top right no-repeat ;
	}

a.comm {
	background: url(images/mbutton6.gif) transparent top right no-repeat ;
	}

a.comm6 {
	background: url(images/mbutton6_comm.gif) transparent top right no-repeat ;
	}
/*----*/
a:hover {
	background: transparent;}
	
#navsub a {
    height: 23px;
    width: 275px;
    background: transparent;
    font-size:0.6em;
    text-align: right;
    color: #666600;
    }
    
#navsub a:hover {
    color: #333300;
    }



input.btn {
           color:#555555;
           font-family:helvetica,¹ÙÅÁ,sans-serif;
           font-size:8pt;}