body { 	background: #fff;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans serif;
	font-size: 12px;
	letter-spacing: .1em;
	color: rgb(12,55,7);
	text-align: center;
}
#banner img {   
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 5;
}

img { 
	border: 0;
	margin: 0;
	padding: 0;
}
table { border-collapse: collapse; }

#banner { 
	background: #fff;
    margin: 10px 0 0 4%;
	width: 900px;
	height: 138px;
	padding: 0 0;
	border: solid #000;
	border-width: 0px;
}

#menu { 
    margin-left: 4%;
    text-align: left;
	width: 900px;
	height: 35px;
	background: url(site/menu-bg.gif);
	padding: 0;
	border: solid #000;
	border-width: 0px;
}
#top-nav { 
	font-family:  arial, helvetica, sans serif;
  font-size: 1.2em;
  letter-spacing: .1em;
  text-align: left;
  height: 35px;
  padding: 10px 0 10px 10px;
  margin: 0;
	background: url(site/topnav-bg.gif);
	border-bottom: 0px solid #fff;
}
a.topnav { 
	color: #98b66f;
	font-weight: bold;
	border-bottom: 0px solid #fff;
	padding:  0 8px 2px 8px;
	margin: 0 -8px 0 0;
	text-decoration: none;	
}

a.topnav:hover, a.topnav:active, a.topnav:visited:hover {
	font-weight: bold;
	text-decoration: none;
	color: #4d690e;
	border-bottom: 0px solid #bdd565;
}
a.topnav:visited { 
	color: #98b66f;
	font-weight: bold;
	border-right: 0px solid #7599C5;
	text-decoration: none;
}
.self { font-size: .9em;
	color: #4d690e;
	font-weight: bold;
	border-bottom: 3px solid #b8d392;
	padding:  0 0px 4px 0px;
	margin: 0 0px 0 8px;
	text-decoration: none;	
}

#container { 	background: #e7f0de;
  width: 900px;
  height:100%;
  margin: 0 0 0 4%;
  border: solid #e7f0de;
  border-width: 1px 0 0 0;
  }

#content { border: solid #fff;
    border-width: 1px 0 0 0;
    margin: 1px 2px 0 2px;
}
input[type='submit'] { 
    border:1px solid #d4d5c8;
    margin:2px 0 0 4px;
    color: #535a2c;
    font-weight: bold;
    background: #fff url(site/menu-bg.gif);
}
.quotation { color: #535a2c;
    border: solid green;
    border-width: 0px;
    line-height: 2em;
    margin: 40px;
    padding: 10px 10px 0 10px;
}
.main-text { 
    border: solid green;
    border-width: 0px;
    line-height: 1.6em;
    margin: 0px 40px 0px 40px;
    padding: 10px 20px 10px 10px;
}
.list { 
    border: solid green;
    border-width: 0px;
    line-height: 1.6em;
    margin: 0px 40px 0px 40px;
    padding:0px;
}
.list h3 { margin: 0 0 0 3px; }

.about-text { 
    border: solid green;
    border-width: 0px;
    line-height: 1.6em;
    margin: 0px 40px 0px 40px;
    padding: 52px 20px 10px 10px;
}

.event-content { height: 375px;
    overflow: auto;
    font-size: 1.1em;
    border: solid green;
    border-width: 0px;
    line-height: 1.6em;
    margin: -45px 8px 0px 50px;
    padding:0 2px 0 0;
}
.pract-content { height: 300px;
    overflow: auto;
    border: solid green;
    border-width: 0px;
    line-height: 1.6em;
    margin: -10px 8px 0px 50px;
    padding:0 2px 0 0;
}
.jour-content { height: 250px;
    overflow: auto;
    border: solid green;
    border-width: 0px;
    line-height: 1.6em;
    margin: 0px 8px 5px 50px;
    padding:0 2px 0 0;
}
.pract-list { 
    background: #d9dacc url(site/banner-faded-bar.gif);
    border: solid #bdbfad;
    border-width: 1px;
    padding: 1px 2px;
    margin: 0 0 4px 0;
}    
.link-list { 
    background: #d9dacc;
    border: solid #bdbfad;
    border-width: 1px;
    padding: 0;
    margin: 0 0 4px 0;
} 
.link-header { padding: 0 0 0 0;
    margin:0;
    font-size: 1.2em;
    font-weight: bold;
}   

table .pract { background: transparent;
	border-collapse: collapse;
	border: #ffffff;
	margin-top: 3px;
	width: 100%;
}
table .pract td { padding: 0 2px; }
tr.toprow { font-weight: bold; }

div#content ul { list-style: none;
    margin: -10px 0 0 0px;
    padding: 10px;
}
.green { font-size: 1.4em;
    color: green;
}

a.internal:link, a:visited {
	font-weight : normal; 
	text-decoration : none;
	color: #336600;
	background: transparent; 
	}

a.internal:hover { 
	text-decoration : none;
	color: #c30;
	background: transparent; 
	}

a.internal:active { 
	text-decoration : none;
	color: #336600;
	background: transparent;  
	}
	
h1 { font-size: 1em;
	margin: 0;
	padding: 3px 0;
	color: #455C7E;
}
h2 { font-size: 1.2em;
    font-weight: bold;
    padding: 0;
    margin: 3px 0 0 0;
}
h3 { font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    padding: 0;
    margin: 0;
}
h4 { font-size: 1.2em;
    font-weight: bold;
    padding: 0;
    margin: 3px 0;
}
#bar { border: 0px solid #000;
 	margin: 42px 0 0 15px;
 	padding: 0; 
	text-align: left;
	width: 170px;
	overflow: hidden;
}

#bar-news { border: 0px solid #000;
 	margin: 42px 0 0 15px;
 	padding: 0; 
	text-align: left;
	width: 220px;
	overflow: hidden;
}
#bar .nav-header { margin:0;
    padding: 0 0 8px 15px;
    color: #535a2c;
    font-size: 1.1em;
    font-weight: bold;
}
#sub-bar {     background: #d9dacc url(site/banner-faded-bar.gif);
    border: 1px solid #d4d5c8;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0; 
	text-align: left;
	width: 168px;
	overflow: hidden;
}
#news-bar {     background: #d9dacc url(site/banner-faded-bar.gif);
    border: 1px solid #d4d5c8;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0; 
	text-align: left;
	width: 200px;
}
#news-bar .nav-header { margin:0;
    padding: 0 0 8px 15px;
    color: #535a2c;
    font-size: 1.1em;
    font-weight: bold;
}
.side-box { margin: 5px 5px 5px 10px;
    padding: 0;
    border: 0px solid #000;
}
.nav-bg {   background: #d9dacc url(site/banner-faded-bar.gif);
    border: 1px solid #d4d5c8;
    margin: 0;
    padding: 5px 0 0 0;
    border: 0px solid #ccc;
	width: 168px;
	overflow: hidden;
}
.navigation { list-style-image: url(site/bullet.gif);
    margin: 0 0 0 25px;
    padding: 2px 0;
    background: transparent;
}
ul .navigation { line-height: 0.9em; }

a.nav-left:link, a:visited { font-size: 0.9em;
	font-weight : bold; 
	text-decoration : none;
	color: #336600;
	background: transparent; 
	}

a.nav-left:hover { 
	text-decoration : none;
	color: #c30;
	background: transparent; 
	}

a.nav-left:active { 
	text-decoration : none;
	color: #336600;
	background: transparent;  
	}

/*------------formats the copyright line-----------*/
a.bar {
	text-decoration: none;
	border: 0px;
	color: #42718F;
}
a:hover.bar  {
	text-decoration: none;
	background: none;
	border: 0px;
	color: #000000;
} 
a:active.bar  {
	text-decoration: none;
	border: 0px;
	color: #000000;
}
a:visited.bar {
	text-decoration: none;
	border: 0px;
	color: #42718F;
}
#footer { width: 900px;
  background: #5e0a32 url('site/footer-bg.jpg');
  margin: 0 0 0 4%;
	padding: 6px 0;
	font-size: .8em;
  color: #336600;
	border: 0px solid white;
}
/*------------formats the copyright line end-----------*/

/*--------------admin specific---------------*/

#admin-menu { 
    margin-left: 4%;
    text-align: left;
	width: 900px;
	height: 35px;
	padding: 0;
	border: solid #000;
	border-width: 0px;
}

.dotted-border {
	border-top: 1px dotted #fff5e0;
	text-align: center;
	margin: 3px;
}

option[name$='red'] {
    color: red;
}  

.listing { padding: 0;
    margin: 2px 4px;
}        
table {	font-size: .9em; }
.head { 
	font-size: 1em;
	color: #eee;
	border-bottom: 1px dotted #999;
}
.error-text { color: red; }

a.top {	margin: 3px 10px;
	padding: 2px;
	text-decoration: none;
	background: #eee;
	border: 1px solid #999;
	color: #42718F;
}
a:hover.top  {
	text-decoration: none;
	background: #fff;
	color: #000000;
} 
a .img {	margin: 0;
	padding: 0;
	text-decoration: none;
	background: 0;
	border: 1px solid #7d0040;
}
a:hover .img { margin: 0;
	padding: 0;
	text-decoration: none;
	background: 0;
	border: 1px solid red;
}