html, body{
margin:0;
padding:0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #006586;
	background-color: #FFFFFF;
	font-size : 0.75em;
}
body{	
	/** scrollbar in IE **/
	scrollbar-face-color:silver; 
	scrollbar-shadow-color:black; 
	scrollbar-highlight-color:MidnightBlue; 
	scrollbar-3dlight-color:white; 
	scrollbar-darkshadow-color:white; 
	scrollbar-track-color:WhiteSmoke; 
	scrollbar-arrow-color:SteelBlue;
	/** END scrollbar in IE **/
}

/**** PAGE LAYOUT ****/
table#main, table#main table, table#content{ border-collapse:collapse; width:100%; margin:0; padding:0;}
table#main tr.greenline td{background-color: #338d6e; height: 14px; }
table#main tr.empty td{background-color: #fff; height: 6px; }
table #content-block{padding-left: 20px;}
/**** END PAGE LAYOUT ****/


/**** LEFT COLUMN ****/
#nav-block{ margin:0; padding:0; background-color: #338d6e; width: 200px;}
#profile, #navigation{width: 180px; color: #fff; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 10px; font-size: 0.9em;}
#navigation{padding: 0; width: 200px; background-color: #fff;}
#searchbox{ background-color:#fff; padding: 10px 0 0 10px;}
#searchbox form{ padding:0; margin:0;}

/******** NAVIGATION ********/
#navigation ul{	margin:0; padding:0; padding-bottom: 1px; list-style:none; background-color: #fff;}
#navigation ul li{ position:relative; background-color: #fff;}
#navigation li.first{ border-top: 10px solid #fff;}
#navigation ul a{display:block; height: 2em; background-color: #338d6e; width:100%; text-decoration: none; color: #fff; margin-bottom: 5px; line-height: 1.9em; text-indent: 1em;}
#navigation ul li ul{border-top: 1px solid #CC0000; border-right: 1px solid #CC0000; border-left: 1px solid #CC0000; padding:0;}
#navigation ul li ul a{display:block; height: 1.8em; background-color: #338d6e; width:20em; text-decoration: none; color: #fff; margin-bottom: 0; line-height: 1.7em; text-indent: 1em; font-weight:normal; border-bottom: 1px solid #CC0000;}
#navigation ul a:hover{color: #CC0000;}
#navigation ul li ul a:hover{background-color: #fff;}
#navigation ul li ul { display:none; position:absolute; left:200px; top: 0;}
#navigation ul li:hover ul, #navigation ul li.over ul{display:block;}
#navigation{background: url(../images/design/side.jpg) repeat-x bottom; padding-bottom:174px;}
/* Fix IE. Hide from IE Mac \*/
* html #navigation ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
#membersonly h5, #membersonly img{ margin: 10px;}
#membersonly ul a{margin-bottom: 0px; line-height: 1.1em; height: 1.8em;}
#profile a{ color: #fff;}
#profile a:hover{ color: #CC0000;}
/******** END NAVIGATION ********/
/**** END LEFT COLUMN ****/

/**** RIGHT COLUMN ****/
#rightcolumn{ padding: 0 10px 0 20px; width:100px; }
/**** END RIGHT COLUMN ****/

/**** FOOTER ****/
#footer{ padding-left: 80px; color:#fff; background-color:#338d6e; }
#footer a{color:#fff;}
/**** END FOOTER ****/

/**** HOMEPAGE ****/
#newsbox, #membersbox{color:#fff;  width: 48%;}
#newsbox{ float: left; background: #cc0000 url(../images/design/box-red-bottom.jpg) repeat-x bottom;}
#membersbox{ float:right; background: #338d6e url(../images/design/box-green-bottom.jpg) repeat-x bottom;}
#newsbox_title, #membersbox_title{height: 39px;}
#newsbox_title h6, #membersbox_title h6{ padding-top: 10px;}
#newsbox_title{background: #cc0000 url(../images/design/title_red_bg.jpg) repeat-x top;}
#membersbox_title{background: #338d6e url(../images/design/title_green_bg.jpg) repeat-x top;}
#newsbox_content, #membersbox_content{ padding: 15px;}
#newsbox_content ul, #membersbox_content ul{ margin-top:0;}
#newsbox_content li, #membersbox_content li, .homebox_content li{ padding: 7px 0;}
#newsbox_content li{list-style-image:url(../images/bullet_white_on_red.gif);}
#membersbox_content li{list-style-image:url(../images/bullet_white_on_green.gif);}
#newsbox_content{ background: transparent url(../images/design/box-red-top.jpg) repeat-x top; }
#membersbox_content{background: transparent url(../images/design/box-green-top.jpg) repeat-x top;}
.homebox{margin-top: 40px; width: 98%; background: #e1eee9; border-right: 10px solid #338d6e;}
.homebox_content{ padding: 0 20px 10px 20px; }
.homebox_content h6{ color:#cc0000; text-align:left; padding: 20px 0 0 0;}
.homebox_content li{list-style-image:url(../images/bullet_red.gif);}
#newsbox a, #membersbox a{color:#fff; text-decoration:underline; font-weight:normal; }
.announcement{ text-align: center; border: 1px dotted #338d6e; margin: 0 auto; margin-top: 40px;  width: 500px;}
/**** END HOMEPAGE ****/

/**** TABLES ****/
#content .bluetable{ border-collapse: collapse; border-left: 1px solid #338d6e; border-top: 1px solid #338d6e;}
#content .bluetable thead{ color:#fff; background-color:#338d6e; font-weight:bold; text-align:center;}
#content .bluetable tbody tr{}
#content .bluetable tbody td{border-right: 1px solid #338d6e; border-bottom: 1px solid #338d6e;}
#content .bluetable td, #content .bluetable th{padding: 5px 10px;}
#content .spacing td{ padding: 5px 0; }
#content td.subline{ border-bottom: 1px solid #338d6e; }
/**** END TABLES ****/


/******** HEADINGS ********/
h1{ font-size:11pt;	color:#CC0000;}
h2{ font-size: 12pt; color:#CC0000;	padding-top : 6px;}
h3{ font-size:9pt; color:#CC0000;}
h4{ font-size: 10pt; color:#CC0000;}
h5{ font-size: 1.2em; color:#fff; text-transform:uppercase; border-bottom: 1px solid #fff; margin:0; padding:0;}
h6{ font-size: 1.2em; color:#fff; text-align:center; font-style:oblique; padding:0; margin:0;}
/******** END HEADINGS ********/


/******** BREADCRUMBS ********/
#breadcrumbs {position:relative; top:0; left:0; margin-bottom:7px;}
#breadcrumbs ul {margin:0; padding:0; list-style-type:none;}
#breadcrumbs li {background:url(../images/breadcrumbs.gif) no-repeat; background-position:100% 1px; color:#c0c0c0; display:inline; padding:0 9px 0 7px; margin:0; font-weight:bold;}
#breadcrumbs li.current {background-image:none;}
#breadcrumbs li a {color:#c0c0c0; text-decoration:none;}
#breadcrumbs li a:hover {color:#c00;}
/******** END BREADCRUMBS ********/


/******** LINKS ********/
a:link{	color :#338d6e;	text-decoration:none; font-weight:bold;}
a:visited{ color:#338d6e; text-decoration:none; font-weight:bold;}
a:active{ color:#006586; text-decoration:none;}
a:hover{color:#CC0000; text-decoration:none;}
/******** END LINKS ********/


/******** LOGIN & PASSWORD BOX ********/
#LoginBox, #PasswordBox{ width: 250px; border: 1px solid #338d6e; margin: 15px auto; padding: 10px 30px;}
#PasswordBox{ width:320px; }
#LoginBox h5, #PasswordBox h5{color:#CC0000;}
#LoginBox label, #PasswordBox label{ float:left; width: 6em;}
#PasswordBox label{ width:12em; }
/******** END LOGIN & PASSWORD BOX ********/

/******** PROFILE FORM **********/
#EditProfile label{ float:left; width: 16em; }
#EditProfile legend{ font-weight: bold; color: #006586; }
#EditProfile fieldset{ border: 1px solid #338d6e;}
#EditProfile fieldset p{ margin: 10px 20px; }
/******** END PROFILE FORM **********/


/******** DIRECTORY FORM **********/
#directoryform{margin: 0 auto; border: 1px solid #006586; width: 30em; padding:0; }
#directoryform p{padding: 2px 10px;}
#directoryresults p{ clear:both; }
#directoryform label, #directoryresults .label{float:left; width: 10em; }
#directoryform p#button{ background-color:#006586; text-align:center; padding: 10px 0; margin:0;}
/******** END DIRECTORY FORM **********/


/******** GENERAL FORM ELEMENTS *********/
input{ border: 1px solid #006586; font-size : 1.0em;}
select{ font-size : 1.0em; border: 1px solid #006586;}
input:hover, select:hover{border: 1px solid #eee;}
textarea { border-color:ffffff; }

/******** END GENERAL FORM ELEMENTS *********/


/******** DOUBLE BORDER BOX ********/
#OuterBox{background:#338d6e; border:1px solid #338d6e; padding:1px;}
#InnerBox{border:1px solid #fff; padding:4px 10px 4px 10px; color:#ffffff;}
/******** END DOUBLE BORDER BOX ********/


/******** PHOTO ALBUMS *********/
#pictures{
	margin: 0.5em;
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	text-align:center;
}
#pictures table{ padding: 10px;}
#pictures td{ padding: 5px;}
#pictures img{border: 1px solid #000; cursor: pointer;}
/******** END PHOTO ALBUMS *********/


/**** MISC ****/
hr.ruler{border: 0px solid #FFFFFF; color :#E73300; background-color: #E73300; height: 2px;}
.red{color:#c00;}
.clear{ clear:both; }

/* back to top */
td.top, p.top{text-align: center;}
.top a{font-size: 0.8em; text-decoration:underline; font-weight:normal; color: #CC0000;}

span.title{ display: block; color:#CC0000; font-size: 1.2em; font-weight:bold;}
/**** END MISC ****/