body, p, li, td 
	{font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #000000; font-weight: normal; }
h1
  {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 22pt; color: #146441; background-color: #FFFFFF; font-weight: bold; margin:0;}
h2
  {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12pt; color: #146441; background-color: #FFFFFF; font-weight: bold; margin:0;}
h3
  {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: #FFFFFF; background-color: #146441; margin:0;}
h4
  {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: #146441; background-color: #FFFFFF; font-weight: bold; margin:0;}
h5
  {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: #000000; background-color: #FFFFFF; font-weight: normal; margin:0;}
h6
  {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: #146441; background-color: #FFFFFF; font-weight: bold; border-bottom:solid 2px #146441; margin:0;}

body
{background-color: #146441;
}

#container_inside 
{
	width: 900px;
  background-color: white;
  height: auto;
  border: 5px solid #0E422B;
  margin: 10px 10px 10px 10px;
  padding: 0px 0px 25px 0px;
}

div#top
{
	background: url('./media/banner.jpg') no-repeat 0 top;
	width: 900px;
    height: 179px;
}
div#mainpage
{
	width: 840px;
    margin: 10px 30px;
    padding: 0px 0px 25px 0px;
}
div#leftcol 
{
	width: 225px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	background-color: white;
}
#leftcol ul {padding: 0; margin: 0; list-style-type : none;}
#leftcol li {color: #146441; padding: 4px 6px; margin: 0; list-style-type : none; }
#leftcol li.selected { color:white; background-color:#146441; }
#leftcol li.selected a { color:white; background-color:#146441; }
#leftcol a  {text-decoration: none; padding: 0; width: 100%; }
#leftcol li:hover {background-color:#146441; color:white}
#leftcol li:hover a {background-color:#146441; color:white}
#leftcol .header {font-weight:bold; padding:4px;}

a:link
  {text-decoration:underline; font-family: Verdana,Arial,Helvetica,sans-serif; color:#146441; font-size: 12px; font-weight: normal}
a:visited
  {text-decoration:underline; font-family: Verdana,Arial,Helvetica,sans-serif;  color:#146441; font-size: 12px; font-weight: lighter}

a.menulinks:link
  {text-decoration:none; color:#146441; font-size: 130%}
a.menulinks:visited
  {text-decoration:none; color:#146441; font-size: 130%}
a.menulinks:hover
  {text-decoration:none; color:#146441; font-size: 130%; font-weight: bold}
a.menulinks
  {text-decoration:none; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 130%}

a.ticker:link 
	{text-decoration:none; color:#000000; font-weight: bold;}
a.ticker:visited
  {text-decoration:none; color:#000000; font-weight: bold;}
a.ticker:hover 
	{text-decoration:none; color:#146441; font-weight: bold;}
a.ticker 
	{text-decoration: none; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-weight: bold;}
  
textarea, select 
{
  color : #000000;
  font: normal 12px Verdana,Arial,Helvetica,sans-serif;
  border-color : #FFFFFF
}

button
{
  color: #146441;
  font-weight: bold;
}

textarea, select 
{
  color : #000000;
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  border-color : #FFFFFF
}

textarea.post, select 
{
 background-color : #FFFFFF;
}

option 
{
background: #FFFFFF;
color: #000000;
}

option:hover
{ 
 background-color :#146441; 
 color: White;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #eeffee; border-style: none; }


/* Form elements */

input 
{ 
  vertical-align: middle;
  margin:1;
  text-indent : 0px;
  border: 1px #146441 solid;
	color : #000000;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	background-color: #EEFCF6;
} 

#outings-block input
{
  border: 0;
  background-color: #FFFFFF;
}

.hypterlink 
{
  font-size: xx-small;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #0033CC;
  text-decoration: none;
}
.border 
{
  border-top: 1px solid #C6CFDE;
  border-right: 1px solid #C6CFDE;
  border-bottom: 1px none #C6CFDE;
  border-left: 1px solid #C6CFDE;
}
.noborder 
{
  border: 0px;
  background-color: #FFFFFF;
}
.borderin 
{
  border-right: 1px solid #C6CFDE;
  border-left: 1px solid #C6CFDE;
}
.borderbottom 
{
  border-top: 1px solid #C6CFDE;
}
.borderright 
{
  border-right: 1px solid #C6CFDE;
}
.borderaround 
{
  border-top: 1px solid #C6CFDE;
  border-right: 1px solid #C6CFDE;
  border-bottom: 1px solid #C6CFDE;
  border-left: 1px solid #C6CFDE;
}
.greenborder
{
  border-top: 2px solid #146441;
  border-right: 2px solid #146441;
  border-bottom: 2px solid #146441;
  border-left: 2px solid #146441;
  background-color : #FFFFFF;
  color : #000000;
}
.redborder
{
  border-top: 1px solid #C6CFDE;
  border-right: 1px solid #C6CFDE;
  border-bottom: 1px solid #C6CFDE;
  border-left: 1px solid #C6CFDE;
  background-color : #BB0000;
  color : #FFFFFF;
}
#login_table
{
  background-color: #F0FFF0;
  border-top: 1px solid #146441;
  border-bottom: 1px solid #146441;
  border-left: 1px solid #146441;
  border-right: 1px solid #146441;
	font: normal 8px Geneva, Arial, Helvetica, sans-serif;
	color: #146441;
}

#btnExpand
{
  cursor:hand;
}

#radiobtn
{
  border: 0;
  background-color: #FFFFFF;
}

.currmenu
{
  font:text-decoration:none; 
  font-family: Verdana,Arial,Helvetica,sans-serif; 
  color:#146441; 
  font-size: 100%; 
  font-weight: bold;
}



div#tbl-container {
overflow-x: auto;
scrollbar-base-color:#EEFCF6;
float: none;
display: inline;
}


td.locked{
background-color: white;
border-right: 1px solid silver;
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */
position: relative;
z-index: 10;
}

div#readmore
{
    display:inline;
}
div#readmore a
{
    text-decoration:none;
    font-size:60%;
    font-variant:small-caps;
}
div#titlelink a
{
    text-decoration:none;
    font-size:80%;
    font-variant:small-caps;
}

.alert 
{
	padding: 6px 9px;
	background: #D6FFDB;
	border: 1px solid #146441;
    font-style:italic;
}
div.quote 
{
	padding:  22px 0px 0px 26px;
	background: #D6FFDB url(media/openquote.png) 2px 2px no-repeat ;
	border: 1px solid #146441;
    font-style:italic;
}
div.quote div
{
    padding:   0px 20px 24px 0px;
	background: url(media/closequote.png) no-repeat bottom right;
	position: relative;
	z-index: 10;

}
.team 
{
	padding: 6px 9px;
	width:600px;
	background: white;
	border: 1px solid #146441;
}
.doc 
{
	padding: 6px 9px;
	width:300px;
	background: white;
	border: 1px solid #146441;
}
.officers img
{
    width: 75px;
    height: 100px;
    margin: 8px;
    padding: 5px;
    border: 2px solid #BBBBBB;
}
.officers a img
{
    width: auto;
    height: auto;
    margin: 0px;
    border: 0px;
}


img.centered {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: block;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
	
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
.alignright {
    float: right;
    }

.alignleft {
	float: left;
	}
.caption {
	border: 2px solid #cccccc;
	text-align: center;
	background-color: #f3f3f3;
	padding: 5px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.caption p.caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.caption-dd
{
    margin:0;
}