html
{
    direction:ltr;
    }
    
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
}
.border_img
{
	float:right;
}
h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:18px;
	color:#345533;
	font-weight:bold;
	
}


.SearchLink
{
	color:  brown;
	text-decoration: none;
	font-weight: bold;
	font-size:14px;
}

.BC
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	color:#345533;
	font-weight:bold;
	text-decoration: underline;
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#345533;
	font-weight:bold;
	
}
h2 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:14px;
	color:#345533;
	font-weight:bold;
	text-decoration: underline;
}
a{
	color:  brown;
	text-decoration: none;
	
}
hr
{
	width:90%;
	
}
li
{
	line-height:16px;
	margin-top:10px;
}
#header
{
  background-position: center 107px;
	
}
#Banner
{
    width:97%;
    height:153px;
    position:absolute;
    text-align:center;
    top:112px;
    
	
}

#search{
	font-weight: bold;
	font-size: 10px;
	color: #555555;
	padding: 10px 0;
}

#search input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#Banner
{
   background-position:top center;
}
.TopMenu
{
	vertical-align: top ; font-size: 9px;
	
}
.BottomMenu
{
	vertical-align: bottom; 
	text-align: right;
}

#Logo
{
    background: url(../../images/Logo.gif) no-repeat ;
	background-position:top left;
}
#WaterMark
{
/*   background: url(../../images/WaterMark.gif) no-repeat ;*/
	background-position:top center;
	padding: 7px 0 0 0;
}
#menu{
	
	height: 210px;
	vertical-align: top;
	padding: 0px 0 0 0;
	color: #FFFFFF;
	text-align: right;
}

#menu a{
	color: #FFFFFF;
	padding: 0 3px;
	text-decoration: none;
}

#menu a:hover{
	text-decoration: underline;
}
.menu_title_NoChild{
	font-weight: bold;
	font-size: 12px;
	padding: 5px 0 5px 15px;
	border-bottom: 1px dotted #888888;
	
	/*border-bottom: 1px dotted #888888;*/
	color: #4B2D23;
	background: none;
	cursor: pointer;
	text-align: left;
}
.menu_title_NoChild a
{
	color: #4B2D23;
	text-decoration: none;
}
.menu_title, .menu_title_current{
	font-weight: bold;
	font-size: 12px;
	padding: 5px 0 5px 15px;
	border-bottom: 1px dotted #888888;
	color: #4B2D23;
	background: url(../../images/but_plus.gif) no-repeat left;
	cursor: pointer;
	text-align: left;
}


.menu_title a, .menu_title_current a{
	color: #4B2D23;
	text-decoration: none;
}

.menu_title_current{
	background: url(../../images/but_minus.gif) no-repeat left;
}

.menu_item, .menu_item_current{
	font-weight: bold;
	font-size: 10px;
	color: #555555;
	padding: 5px 0 5px 15px;
	border-bottom: 1px dotted #888888;
	cursor: pointer;
	text-align: left;
}

.menu_item_current{
	background: url(../../images/menu_bg.jpg) top left no-repeat;
}

.menu_item a, .menu_item_current a{
	color: #555555;
	text-decoration: none;
	display: block;
}

.menu_item_sub{
	font-weight: bold;
	font-size: 10px;
	color: #777777;
	padding: 5px 0 5px 20px;
	border-bottom: 1px dotted #888888;
	text-align: left;
}

.link a
{
	color: #4B2D23;
	text-decoration: none;
}
#welcome,#welcome a 
{
	text-align:right;
	color: #4B2D23;
	text-decoration: none;
}
#search_title, #downloads_title,  #Welcome_Notes,#Latest_News,#Events_Calendar{
	font-weight: bold;
	font-size: 12px;
	padding: 8px 0 8px 0;
	border-bottom: 1px dotted #888888;
	color: #345533;
	text-align: left;
}

.downloadsItem{
	font-weight: bold;
	font-size: 10px;
	color: #555555;
	padding: 5px 0 2px 10px;
	text-align: left;
}
.downloadsItem a{
	font-weight: bold;
	font-size: 10px;
	color: #555555;
	padding: 5px 0 2px 10px;
	text-align: left;
}

.article_title{
	font-size: 14px;
	font-weight: bold;
	color: #345533;
	padding: 7px 0 4px 0;
	text-align: left;
}

.article_desc{
	font-size: 13px;
	padding: 0 0 0 0px;
	line-height: 14px;
	text-align: justify;
}

.article_desc img{
	border: 1px solid #aaaaaa;
	padding: 2px;
	margin: 8px;
}

.NewsImage
{
	float:right;
}

.article_date{
	color: #AAAAAA;
	padding: 0 0 10px 0;
	text-align: left;
}

#body{
	border-bottom: 1px dotted #888888;
	padding: 0;
	text-align: left;
}


/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 95%;
height: 100px;
border: 1px solid #4C7B55;
margin-top: 5px;
margin-bottom: 15px;
padding: 5px;
background-color: #FFFFFF;
}

#pscroller1 #title{
	color: #4B2D23;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 5px;
}


#dropmenudiv{
	position:absolute;
	border:1px solid #999;
	border-bottom-width: 0;
	line-height:18px;
	z-index:100;
	font-size: 11px;
	margin: 5px 0 0 -15px;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	filter: alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	font-size: 10px;
	z-index:100;
	font-weight: bold;
	text-indent: 3px;
	border-bottom: 1px solid #999;
	padding: 1px 0;
	text-decoration: none;
	color: #444;
}

#dropmenudiv a:hover{ /*hover background color*/
	color: #0033FF;
	text-decoration: none;
}

.navSquare{
	vertical-align: bottom;
	padding: 0px 20px ;
	text-align:center;
}

.Column2
{
	border-left: 1px dotted #888888;
}
.Column1
{
	border-right: 1px dotted #888888;
}

.navSquare a:link, .navSquare a:visited{
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        text-decoration: none;
        color: #FFFFFF;
		display: block;
		height: 18px;
}



.box_header_txt		{ margin:0px 0px 0px 0px;}
.box_header_txt	span	{ 
					height:23px;
					vertical-align:middle;
					font:bold 15px Tahoma;}
.box_header_txt	td	
{
					text-decoration: none;
					height:23px;
					vertical-align:middle;
					
					font:bold 15px Tahoma;
}
					
.box_header_txt	td a, .box_header_txt td a:hover
{
					text-decoration: none;
					
					font:bold 15px Tahoma;}



#FrogJS{
width: 620px;
height:700px;
margin: 130px 0 0 0;

}
#FrogJS img{
border: 1px solid #666666;
padding: 2px;
}
#FrogJSCredit{
text-align: right;
font-size: 9px;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}

  #tabsB {
      float:left;
      width:100%;
      background:#FFF;
       font: bold 11px/1.5em Verdana;
      font-size:93%;
      line-height:normal;
      border-bottom: 1px solid #b7b7b7;
      }
    #tabsB ul {
        margin:0;
        padding:10px 0px 0 0px;
        list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url("tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("tabrightB.gif") no-repeat right top;
      padding:5px 10px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }

        #tabsB #current a {
                background-position:0% -42px;
        }
        #tabsB #current a span {
                background-position:100% -42px;
        }