/* Link styles
------------------------------------------------ */
a:link    {color: #3CB578; text-decoration: underline;outline: none;}
a:visited {color: #3CB578; text-decoration: underline;}
a:hover   {color: #000000; text-decoration: underline;}
a:active  {color: #3CB578; text-decoration: underline;}

a.external
{
outline: none;
padding-left:13px;
color: #23A852;
text-decoration:none;
border-bottom:1px dotted #23A852;
background-image:  url(../images/29.gif);
background-repeat: no-repeat;
background-position: 0 2px ; 
}

a:link.external, a:visited.external 
{
color: #23A852;
text-decoration:none;
border-bottom:1px dotted #23A852;
background-image:  url(../images/29.gif);
background-repeat: no-repeat;
background-position: 0 2px ; 
}

a:hover.external 
{color: #000000; text-decoration: none;
border-bottom:1px dotted #000000;
background-color:lightyellow;
background-image:  url(../images/30.gif);
background-repeat: no-repeat;
background-position: 0 2px; 
}

a:active.external 
{color: #23A852; text-decoration: none;}



a.event
{
outline: none;
color: #444444;
text-decoration:none;
}

a:link.event, a:visited.event 
{
color: #444444;
text-decoration:none;
}

a:hover.event 
{color: #23A852; text-decoration: none;
}

a:active.event 
{color: #444444; text-decoration: none;}


/* Container
------------------------------------------------ */

body
{
 	margin: 0px;
	padding: 0px;
 	background-image: url('../images/2.jpg');
 	background-repeat: repeat-x;
 	text-align: center;
}

  

#all
{
	position: relative;
	margin: 12px auto;
	width: 768px;
	padding:0px;
}

#main
{
 	float:left;
 	height: auto;
 	padding:0px;
  	width: 768px;
 	position: relative;
 	text-align: left;
 	background: #FFFFFF;
	border-top: 4px solid #38813C;
	border-bottom: 4px solid #38813C;
	border-left: 1px solid #DCE1E5;
	border-right: 1px solid #DCE1E5;
 	margin-bottom: 12px ;
 	background-image: url('../images/69.jpg');
 	background-repeat: no-repeat;
 	background-position: 12px -70px;
}



/* Header
------------------------------------------------ */

#preheader
{
 	height: 32px;
	width: 768px;
 	position: relative;
}


#header
{
 	height: 106px;
	width: 440px;
 	margin: 0px;
 	padding: 0px 0px 0px 16px; 	
 	position: relative;
 	text-align: left;
 	float:left;
}


#search
{
	height: 30px;
    width: 250px;
    position: relative;
   	margin: 0px;
    padding: 74px 15px 0px 0px;
    text-align: right;
float:right;
}

#search form, #search fieldset 
{

   margin: 0px;
   padding: 0px;

}

/* Footer
------------------------------------------------ */
.footer {

    float: left;
	clear: both;
	width: 768px;
    height: auto;
	padding: 0px 0px 4px 0px;
	margin: 0px;
	color: #666666;
	text-align: center;
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	border-top: 4px solid #38813C;
}

.footer-left
{
	color: #666666;
 background: #FFFFFF;
    float: left;
	padding: 0px 0px 0px 20px;
	width: 488px;
   height: auto;
	text-align: center;
}

.footer-right
{
	text-align: right;
	color: #666666;
 background: #FFFFFF;
    float: right;
	width: 240px;
   height: auto;
	padding: 0px 20px 0px 0px;
	text-align: center;
}


.partners-row
{
	width: auto;
        height: auto;     
	padding: 12px 12px 0px 12px;
	margin-top: 12px;
	text-align: center;
}

.partners-row img
{   
	padding: 0px 3px 0px 3px;
	margin: 0px;
}

/* Navigation & Lists
------------------------------------------------ */


.articlelist { margin-left: 0;margin-top: 8px; padding: 0; width: 212px; border-top: 1px solid #E4E4E4;}

.articlelist ul
{
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     list-style-type: none;
     text-decoration: none; 
}

.articlelist li
{
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     list-style-type: none;
     width: 212px;
     border-bottom: 1px solid #E4E4E4;
}

.articlelist a
{
outline: none;
     width: 193px;
     float: none;
     display: block;
     padding: 4px 2px 4px 15px;
     text-decoration: none; 
     border:0;
     margin:0px;
background-position: 3px 5px;
background-repeat: no-repeat;
}

.articlelist a:link, .articlelist a:visited
{ color: #3CB578;
text-decoration: none; 
background-image:  url(../images/58.gif);
}

.articlelist a:hover
{ color: #000000;
text-decoration: none;
background-color:#FDFFE7;
background-image: url(../images/59.gif);
}

.articlelist a:active
{color: #000000;
text-decoration: none; 
background-color:#F0F0F0;
background-image: url(../images/59.gif);
}

.articlelist li a.active
{ color: #000000;
text-decoration: none; 
background-color:#F0F0F0;
background-image:  url(../images/59.gif);
}


.sitemaplist 
{ 	
    width: auto;
    height: auto;
    padding: 0; 
    margin: 0; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 90%;
    line-height: 1.2em;
}

.sitemaplist ul
{
     margin: 8px 0 0 0; 
     padding: 0px;
     list-style-type: none;
     text-decoration: none; 
}

.sitemaplist li
{
     height: auto;
     margin: 0px 0px 2px 12px;
     padding: 0px 0px 2px 0px;
     list-style-type: none;

}

.sitemaplist a
{
     padding: 0;
     width: auto;
     text-decoration: none;
     border:none;
     outline: none;
}


.sitemaplist a:link, .sitemaplist a:visited { color: #666666; text-decoration: none;  border:none;}
.sitemaplist a:hover { color:  #97c00e; text-decoration: none;      border:none;}
.sitemaplist a:active { color: #000000; text-decoration: none;      border:none;}
.sitemaplist li a.active { color: #000000; text-decoration: none;     border:none;}

/* Layout
------------------------------------------------ */


.content-float-rigid
{
    height: auto;
    float: left;
	width: 481px;
	padding: 0px 0px 0px 20px;
   	margin: 0px 0px 36px 0px;
}


.first-float-rigid
{
    height: 300px;
	width: 22px;
    float: left;
	width: auto;
	padding: 0px 0px 0px 0px;
    margin: 0px;	
}

.second-float-rigid
{
    height: auto;
    float: right;
	width: 477px;
	padding:0px;
   	margin: 0px;
}

.third-float-rigid
{
    height: auto;
    float: right;
	width: 224px;
	padding:0 8px 0 0;
    margin: 0px;
}


#lhscontainer
{
	width: auto;
    position: relative;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    text-align: left;
  	color: #000000;
}

#maincontainer
{
	height: auto;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
  	color: #000000;
    position: relative;
    margin: 0px;
    padding: 12px 0px 0px 0px;

}

#rhscontainer
{
	width: auto;
    position: relative;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 12px 18px 12px 0px;
    text-align: left;
  	color: #000000;
}

.feature-row
{     
	border-top: 5px solid #DCE1E5;
	padding: 12px 0px 0px 0px;
	margin-top: 0px;
}


.feature-wrapper-rigid
{
	float: left;
	width: 516px;
	padding: 0px 0px 24px 0px;
	margin: 0px;
}


.feature
{     
    height:auto;
	width:auto;
	position: relative;
	float:left;
    text-align: left;
	padding:0px 0px 16px 0px;
        margin:0px;
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;
}

.feature-main
{     
    height:auto;
	width:auto;
	position: relative;
	float:right;
	padding:0px 0px 16px 0px;
}

.feature-border
{     
    height:auto;
	width:211px;
	position: relative;
	float:left;
	padding:0px 22px 15px 0px;
        margin:0px;
	border-right: 1px solid #DCE1E5;
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;

}

.first-feature-rigid
{
    height: auto;
    float: left;
	width: 240px;
	padding: 0px 0px 0px 22px;
    margin: 0px;
}

.second-feature-rigid
{
    height: auto;
    float: right;
	width: 240px;
	padding: 0px 0px 0px 2px;
   	margin: 0px;
}

.third-feature-rigid
{
    height: auto;
    float: right;
	width: 220px;
	padding: 0px 16px 0px 0px;
    margin: 0px;
}

.feature-link
{     
    height:auto;
	width:auto;
    font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #2C8357; 
	text-align:left;
	text-decoration: none;
}

.feature-link a {outline: none;border:none;color: #2C8357; text-decoration: none;}
.feature-link a:link  {border:none;color: #2C8357; text-decoration: none;}
.feature-link a:visited  {border:none;color: #2C8357; text-decoration: none;}
.feature-link a:hover  {border:none;color: #000000; text-decoration: none;}
.feature-link a:active  {border:none;color: #2C8357; text-decoration: none;}


.article-listing
{     
    height:auto;
	width:auto;
	position: relative;
	float:left;
	margin:0px 0px 0px 0px;
	padding:12px 12px 0px 12px;
	font-size: 90%;
	background: #F0F0F0;
}

.article-link
{     
    height:auto;
	width:auto;
    font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #72A52E; 
	text-align:left;
	text-decoration: none;
}

.article-link a {color: #72A52E; text-decoration: none;outline: none;}
.article-link a:link  {color: #72A52E; text-decoration: none;}
.article-link a:visited  {color: #72A52E; text-decoration: none;}
.article-link a:hover  {color: #000000; text-decoration: none;}
.article-link a:active  {color: #72A52E; text-decoration: none;}


.search-result
{     
    height:auto;
    width:auto;
    padding-bottom:12px;
    font: bold 100% Verdana, Arial, Helvetica, sans-serif;
    color: #2C8357; 
    text-align:left;
    text-decoration: none;
}

.event-list
{
	position:relative;
	width:100%;
	height:auto;
	margin-top:12px;
}

.event-listing
{
	position:relative;
	border-bottom:1px solid #CECECE;
	width:100%;
	height:auto;
	padding-top:10px;
	margin-bottom:2px;
}

.event-image
{
	height: auto;
        width:48px;
	position: relative;
	padding: 10px 0 0 16px;
	margin: 0 0 -8px 0;
        float:left;
}


.event-details
{
        line-height:1.3em;
        font-size:90%;
        font-weight:normal;
        width:412px;
	padding: 12px 0 0 0;
	margin: 0;
        float:right;
}


/* Pagination Formatting
------------------------------------------------ */

ul.rsx-page-num-list
{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}
		
ul.rsx-page-num-list li
{
        display: inline;
	margin:0px;
	padding:0px;

}


/* Headers and Paragraphs:
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
     line-height: 1.1em;

}


h1 { font-size: 165%; font-weight: normal; color: #38813C; }
h2 { font-size: 135%; font-weight: normal; color: #000000; }
h3 { font-size: 145%; font-weight: normal; color: #38813C; }
h4 { font-size: 130%; font-weight: normal; color: #000000; }
h5 { font-size: 110%; font-weight: normal; color: #38813C; }
h6 { font-size: 120%; font-weight: normal; color: #000000; }


h1, h2, h3, h4, h5, h6, pre,
blockquote, ol, dl, address
{
     margin:  .3em 0;
     padding: 0;
}

p
{
     line-height: 1.4em;
     margin:  .3em 0;
     padding-bottom: 6px;
}


/* Apply Left Margin:
---------------------------------------------------------------- */

ul, ol
{
     margin-left: 1em;
     margin-right: 1em;
     padding: 0px 0px 6px 0px;
}

li
{
     padding:2px 0px 4px 0px;
     margin-left: 1.8em;
     margin-right: 1em;
}


blockquote
{
	width: 214px;
	height: auto;
    float: right;
    margin: 0px 12px 0px 12px;
	padding-left: 14px;
	font: bold 140% Arial, Verdana, Helvetica, sans-serif;
	color: #23A852;
	border-left: 1px solid #CCCCCC;
	 
}


/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, fieldset
{
     margin: 0;
     padding: 0;
     font: normal 100.01%/1.1em "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
}

html { font-size: 70%; } /* 1em = 12px */
html { font-size: 70%; } /* override it ... go bigger */


/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label
{cursor: pointer;}

fieldset
{border: none;}

input, select
{font-size: 100%;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }


/* Form Styles
---------------------------------------------------------------- */

.zemError { font: normal 100% Verdana, Arial, Helvetica, sans-serif;padding-left: 19px; margin-top: 7px;width: auto; color: #FF0000;}

.zemError li { padding-left: 0px; list-style: none;margin-bottom: 3px; margin-left: 0px;margin-top: 3px;padding-bottom: 5px;color: #FF0000;}


/* Images / Graphics
------------------------------------------------ */
.image-right
{
    position: relative;
    float: right;
    margin: 0px 0px 2px 8px;
}

.image-right img
{
    position: relative;
    padding: 4px;
}

.image-left
{
    position: relative;
    height: auto;
    width: auto;
    float: left;       
    margin: 0px 16px 6px 0px;
}


.article-thumb
{
    float: left;        
    height: 64px;
	width:64px;
	position: relative;
margin: 0px 12px 12px 0px;
outline: none;
}

.article-thumb a  {     float: left;        
    height: 64px;
	width:64px;
	position: relative;
border: 1px solid #CCCCCC;outline: none;}

.article-thumb a:link, .article-thumb a:visited {border: 1px solid #CCCCCC; text-decoration: none;outline: none;}

.article-thumb a:hover  {border: 1px solid #3CB578; text-decoration: none;}


	
img
{
    border: none;
}


/* CSS Document */

#menu {
	padding: 0 0 0 10px;
	width: 100%;
	height: 30px;
        margin: 0;
        clear:both;
}

ul#listMenuRoot {

	margin-left: 0px;
        padding: 0;
	width: 748px;
	height: 35px;
	background:#C3BBB5 url('../images/navBg.gif') no-repeat;
	font-size:100%;	
}

/* HORIZONTAL FREESTYLE MENU LAYOUT */

ul.menulist ul {font-weight:normal;}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0 0 0 0;
 list-style: none;
 font-family:Arial, Helvetica, sans-serif;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 margin: 0;
 padding: 0;
 top: 28px;
 left: 12px;
 width: 150px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 5px;
 margin-top: 0;
 padding: 0;
 left: 140px;

}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 position: relative;
 text-align: center;
 background:url('../images/navLiBg.gif') no-repeat top left;
}

.menulist li#m1 {
    background:none;
    }

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-left: 0;
 margin-bottom: -1px;
 padding: 0;
 background:#F0F0F0;
 border: 1px solid #206040;
 margin-right: -1px;
 text-align:left;
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
ul.menulist a {
outline: none;
    display: block;
    color: #FFFFFF;
    text-decoration:  none;
    line-height: 35px;
    margin: 0;
    padding: 0 12px;
    padding-bottom: 0;
    border:none;
    }


ul.menulist a:link, ul.menulist a:visited {
    outline: none;color: #FFFFFF; text-decoration: none;
}

ul.menulist li ul li a {
	line-height: 100%;
	padding: 3px 4px 3px 4px;
        margin: 0;
	width:auto;
outline: none;
	}


.menulist a:visited  {color: #000000; text-decoration: none;}



.menulist li a:active, .menulist li a:hover, .menulist li a.highlighted, .menulist li a.active
{
    color:#FFFFFF;
    background: url('../images/menuHighlight.gif') no-repeat center bottom; text-decoration: none;
    }


ul.menulist li ul li a:link, ul.menulist li ul li a:visited {
    color: #000000; text-decoration: none;
}
ul.menulist li ul li a:hover{
    background-image:none;
	background:#38813C; color: #FFFFFF; text-decoration: none;
    }

.menulist li ul li a.active {
    background-image:none;
	 color: #000000; text-decoration: none;
    }

.menulist ul ul a {
 background:#837468;
}

.menulist ul ul a:hover {
    /*background:#FFFFFF;*/
    }

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *+html affects IE7.

*/


*:first-child+html .menulist ul li { /* ie 7 RC1 hack */
 float: left;
 width: 100%;
}

*+html .menulist ul li {
 float: left;
 height: 1%;
}
*+html .menulist ul a {
 height: 1%;
}
* html .menulist ul li {
 float: left;
 height: 1%;
}

* html .menulist ul a {
 height: 1%;
}

*+html  h2#strap {margin:12px 0 0 240px;}

/* End Hacks */

.menulist li:hover>ul {
 display: block;
}

/* Gallery Images
---------------------------------------------------------------- */
#gallery 
{
    width: auto;
    height: auto;
    margin: 0px;
    padding: 12px 6px 12px 0;
}

#gallery ul {  width: auto; height: auto;list-style: none;margin: 0 0 0 0; }
#gallery ul li { float:left;margin: 0 18px 10px 0;}
#gallery ul img 
{           width: 75px;
    height: 75px;
	border: 1px solid #CECECE;
}

#gallery ul a:hover img {
	border: 1px solid #666;
	color: #fff;
}

#gallery ul a:hover { color: #fff; }
