﻿/*----------CSS for CLMHD------------------------------------------------------------*/
/*----------created by Brian Daggett - Innovative Solutions, Rochester NY------------*/

html {
    /*background-image:url(images/bg-pattern.jpg);
    background-repeat:repeat;*/
}

/*--------------link properties-----------*/
a {
    text-decoration:none;
}

a:link {
	color:#396b94;
	}
	
a:visited {
	color:#396b94;
	}

a:hover {
	color:#999999;
	}	
	
	
	
/*--------------header tags-----------*/	
h1 {
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	font-size:190%;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
	margin:0px;
	color:#767676;
	}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#767676;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:3px;
	}	

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#396b94;
	margin-bottom:1px;
	margin-top:3px;
	
	}	
	
h4 {
	text-align:left;
	color:#396b94;
	font-size:100%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	margin:0px 0px 0px 0px;
	}	
	
h5 {
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#767676;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:3px;
}	
	
#hr {
	 width:95%;
	 text-align:center;
	 padding-top:10px;
	 padding-bottom:10px;
	}	
	
#logo {
	 background-image:url(images/logo.gif);
	 width:155px;
	 height:39px;
	}
	
#spacer {
    background-image:url(images/right_logo.gif);
    width:641px;
    height:39px
    }
	
/*--------------content-----------*/
body {
	/*background-image:url(images/bg-pattern.jpg);
    background-repeat:repeat;*/
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	font-size:75%;
	margin:0px auto;
	padding:0px;
	background-image:url(images/bg.gif);
	background-position:center;
	background-repeat:repeat-y;
	vertical-align:top;
	background-color:#ffffff;
	}

#wrapper {
	width:803px;
	margin:0px auto;
	position: relative;
	background-color: #ffffff;
	padding:0px;
	vertical-align:top;
	}	

#content_wrapper {
	width:800px;
	vertical-align:top;
	padding:0px;
	margin:0px;
	background-color:#ffffff;
	background-repeat: repeat-y;
	background-position: center;
	}
	
#content {
	text-align:left;
	vertical-align:top;
	height:100%;
	}
	
#header {
	background-image:url(images/header.gif);
	padding:3px;
	margin-bottom:2px;
	width:790px;
	height:100%;
	}	
	
	
#header title{
	color:#FFFFFF;
	font-size:110%;
	padding:3px;
	margin:0px 0px 0px 5px;
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	}				
	
#banner {
	height:197px;
	float:left;
	clear:both;
	padding-bottom:0px;
	margin-bottom:0px;
	}	
		
#login 
{
    background-color:#fcf8eb;
    clear:both;
    font-family:Arial;
	font-size:11px;
	color:#555;
	width:790px; /*  created this 2/4 BJD*/
	margin-left:4px; /*  created this 2/4 BJD*/
}

#emailform 
{
    clear:both;
}

/*--------------right content-----------*/
#right {
	width:470px;
	vertical-align:top;
	padding:15px 3px 0px 15px; /* was 15px 0px 0px 8px 2/4 BJD*/
	clear:both;
	}	
	
#welcome p{
	margin-top:0px;

	}	
	

#welcome {
	vertical-align:text-top;
	padding:0px 10px 5px 0px;
	border-bottom: 1px solid #dedcd1;
	margin:0px 10px 15px 0px;
	}
	

	
#policy {
	width:100%;
	vertical-align:text-top;
	padding:0px 5px 5px 0px;
	border-bottom: 1px solid #dedcd1;
	margin:0px 5px 5px 0px;
	}	
	
#policy h4{
	text-align:left;
	color:#396b94;
	font-size:100%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	}	
	
#policy p{
	padding-bottom:5px;
	margin:0px;
	padding-right:5px;
	}		
	
#policy ul{
	padding-left:22px;
	padding-bottom:15px;
	padding-top:0px;
	margin:0px;
	}			
		
#policy li{
	list-style: none;
	background: url(images/small_arrow.gif) no-repeat 0px 6px;
	margin:0px;
	padding:3px 0px 3px 12px;

	}		
	
#new {
	width:220px;
	vertical-align:text-top;
	padding-bottom:10px;
	margin:0px;
	float:left;
	clear:left;
	}
	
#new p{
	margin-top:5px;
		}	
		
#upcoming {
	width:220px;
	vertical-align:text-top;
	padding-left:15px;
	padding-bottom:10px;
	margin:0px;
	float:left;	
	}	
	
#upcoming p{
	margin-top:5px;
		}		
	
#contact {
	width:420px;
	background-color:#fdfbf4;
	border: 1px solid #cccccc;
	height:250px;
	margin:5px 0px 5px 0px;
	padding:5px;
	clear:both;
	vertical-align:top;
	text-align:left;
	background-position: center top;
	}		
		

/*--------------left content-----------*/	
#left {
	float:left;
	padding-left:5px;
	width:300px;
	clear:both;
	vertical-align:top;
	padding-top:8px;
	}	
	
.search {
	width:285px;
	background-color:#fdfbf4;
	border: 1px solid #cccccc;
	height:60px;
	margin:5px 0px 10px 10px;
	padding:5px;
	clear:both;
	vertical-align:top;
	text-align:left;
	color:#396b94;
	font-size:110%;
	margin-bottom:10px;
	}	
	
.memberlogin {
	width:285px;
	background-color:#fdfbf4;
	border: 1px solid #cccccc;
	height:160px;
	margin:5px 0px 10px 10px;
	padding:5px;
	clear:both;
	vertical-align:top;
	text-align:left;
	background-position: center top;
	}	
	

.subscribe {
	width:285px;
	background-color:#fdfbf4;
	border: 1px solid #cccccc;
	height:50px;
	margin:5px 0px 10px 10px;
	padding:5px;
	clear:both;
	vertical-align:top;
	text-align:left;
	color:#396b94;
	font-size:110%;
	background-position: center top;
	margin-bottom:10px;
	}		
	

#information {
	float:left;
	text-align:left;
	margin-left:3px; /* was 2px 2/4 BJD*/
	margin-right:2px;
	padding:0px 3px 0px 0px; /* was 0px 0px 0px 0px 2/4 BJD*/
	background-color:#fcf8eb;
	font-family:Arial;
	font-size:11px;
	color:#555;
	width:793px; /* was 800px 2/4 BJD*/
	}
	
#information2 {
	float:left;
	text-align:left;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:5px;
	padding:0px;
	background-color:#fdfbf4;
	}		

.information3 {
	float:left;
	text-align:left;
	margin-left:2px;
	margin-right:2px;
	padding:0px;
	background-color:#fdfbf4;
	}	
	
	
.searcharchieves{color: #396b94;}	

#dash {
	color:#396b94;
	text-decoration:none;
}

.alternateheader 
{
    font-size:15px;
    font-family:Trebuchet MS;
}
	
/*--------------bottom navigation-----------*/
#bottom_menu {
	height:100%;
	width:100%;
	float:right;
	clear:both;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10;
	}

#bottom_menu ul {
	margin-right:12px;
	padding:0px;
	margin-top:-12px;
	margin-bottom:0px;
	vertical-align:middle;
	width:70%;
	float:right;
	}

#bottom_menu ul li {
	list-style:none;
	display:inline;
	margin-right:0px;
	margin-left:0px;
	padding-right:15px;
	padding-left:9px;
	border-right:solid #999999 1px;
	}

#bottom_menu ul li a:link, #menu ul li a:active, #menu ul li a:visited {
	color:#666666;
	margin:0px 0px 0px 5px;
	padding:0px;
	font-size:75%;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-weight:normal;
	text-decoration: none;
		}
		
#bottom_menu  a:visited {
	color:#666666;
	margin:0px 0px 0px 5px;
	padding:0px;
	font-size:75%;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-weight:normal;
	text-decoration: none;
		}		

#bottom_menu ul li a:hover {
	color: #7b8c9c;	
	padding:0px;
	}	
	
#footer {
	font-size: 75%;
	/*font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;*/
	color:#666666;
	text-align: center;
	margin-top:40px;
	width: 830px;
	/*clear:both;*/
	padding: 40px auto;
	position: relative;
	}
	
	
#footer2 {
	clear:both;

	}
	
	
 #footer a:visited{
	color:#666666;
	margin:0px 0px 0px 5px;
	padding:0px;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:underline;
	}



#copyright {
	width:30%;
	text-align:left;
	vertical-align:middle;
	float:left;
	clear:both;
	color:#ffffff;
	padding: 2px 0px 0px 70px;
	font-size:75%;
	}	
		
	
#bottom {
	background-image:url(images/bottom_bg.gif);
	background-repeat:no-repeat;
	width:830px;
	height: 450px;/*--Changed this form 200px 11/6 BD--*/		
	text-align: center;
	padding-right:8px;
	margin-left:0px auto;
	margin-top:3px;
	padding-top:7px;
	}
	
#bottom_wrapper {
	margin:0px auto;
	position: relative;
	padding:0px auto;
	width: 100%;
	
	}	
	
		
/*--------------top navigation-----------*/		
#top_menu 
{
    background-image:url(images/menu_bkgd.gif); 
    background-repeat:no-repeat; 
    width:147px; 
    height:187px; 
    float:right; 
    margin:4px;
	clear:right;
  }

#top_menu ul {
	margin:0px 0px 0px 0px;
	padding:7px 5px 4px 5px;
	float: left;
	width: 135px;
	font-family:"Times New Roman", Times, serif;
	font-size:120%;
	  }

#top_menu li { 
	list-style:none;
	display:block;
	padding:4px 3px 3px 6px;
	height:20px;
	border-bottom: 1px solid #ffffff;
	margin:0px;
	}

#top_menu ul li a {
  padding:0px;
  margin:0px;
  color: #ffffff;
  text-decoration: none;
  float: left;
  width:100%;
  display: inline;
 }

#top_menu ul li a:hover {
	color: #7b94ad;	
	background-color:#FFFFFF;
	padding:1px 8px 1px 2px;
	width:90%;
	margin:0px;
  }


/*----------resources page left side-------------*/
#directory {
	width:285px;
	margin:0px;
	padding-left:15px;
	clear:both;
	vertical-align:top;
	text-align:left;
	color:#396b94;
	font-size:110%;


	}	
	
#directory a{
	text-decoration:none;
	}		

#directory ul{
	margin-left:0px;
	padding:0px;
	margin-top:5px;
	}	

#directory li{
	list-style: none;
	background: url(../images/arrow.gif) no-repeat 0px 11px;	
	margin:0px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:12px;
	border-bottom: 1px solid #dedcd1;
	}	
		
#directory li ul li{
	list-style: none;
	background: url(../images/small_arrow.gif) no-repeat 0px 7px;
	margin:0px;
	padding:3px 0px 3px 12px;
	border:none;
	}
		
#directory hr{
	width:100%;
	text-align:center;
	}		
	
#directory_links {
	width:285px;
	margin:0px;
	padding-left:15px;
	clear:both;
	vertical-align:top;
	text-align:left;
	color:#396b94;
	font-size:110%;
	}	
	
#directory_links a{
	text-decoration:none;
	}	

#directory_links ul{
	margin-left:0px;
	padding:0px;
	margin-top:5px;
	}	

#directory_links li{
	list-style: none;
	background: url(images/arrow.gif) no-repeat 0px 11px;	
	margin:0px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:12px;
	border-bottom:solid 1px #dedcd1;
	}
	
#directory_content td{
	padding-top:13px;
	padding-bottom:13px;
	margin:0px;
	border-bottom: 1px solid #dedcd1;
	}	
	
#directory_content img{
	padding-right: 5px;
	vertical-align:middle;
	padding-top:10px;
	}			

.rootnode
{
    width:100%;
    /*border-top: 1px solid #dedcd1;*/
    border-bottom: 1px solid #dedcd1;
}

/*----------misc-------------*/
.SearchResult {
    border-bottom: solid 1px #777;
    border-top: solid 1px #777;
}

.TreeNode
{
    font-family:Tahoma;
    font-size:10pt; 
    color:Black; 
    padding:3px 5px 3px 5px;
}

.TreeSelectedNode 
{
    text-decoration:underline; 
    color:#5555DD; 
    padding:0;
}
#instr p
{
    color:#396b94;
    font-size:11px;
    padding-top:0;
    margin-top:0;
}

/*------------members section Bulletin Board---------------------*/
.TopicList {
    width:100%;
    border-collapse:collapse;
    border-bottom:solid 2px #878787;
}
.TopicList td, .TopicList th {
    padding:5px;
}
.TopicListHeader {
    font-weight:bold;
    color:#fff;
    background-color:#878787;
}
.TopicListAltRow {
    background-color:#e5e1d5;
}
.topicFooterRow {
    color:#fff;
    background-color:#878787;
}
.bulletinBoardPost {
    background-color:#fefbf4;
    border-collapse:collapse;
    border:solid 1px #878787;
    width:100%;
    margin-bottom:10px;
}
.bulletinBoardPost th, .bulletinBoardPost td  {
    padding:5px;
}
.bulletinBoardPost th {
    font-weight:normal;
    color:#fff;
    background-color:#878787;
}
.postReplyBox {
    width:100%;
    border:solid 1px #396ca5;
    margin-bottom:10px;
}
.postReplyBox td {
    padding:5px 5px 5px 10px;
}
.relyHeader {
    font-weight:bold;
    color:#396ca5;
}
.formFieldHeader {
    font-weight:bold;
}
pre {
    margin:0;
    padding:0;   
    white-space: normal;

}