/* CSS Document */

* {
	margin:0;
	padding:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.4em;
	color: #000000;
	background:#fff url(../images/content-bg.gif) no-repeat left bottom;
}
h1 {
	font:2em "Times New Roman", Times, serif;
	color: #00718f;
	margin-bottom: 10px;
}
h2 {
	color: #439539;
	font: 1.5em "Times New Roman", Times, serif;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom: solid 1px #00718f;
	width:350px;
}
h3 {
	color:#000;
	font: 1.5em "Times New Roman", Times, serif;
	padding: 5px 0;
}


/* divs */
#wrapper {
	width:100%;
	
}
#header {
	background: #bed9ba url(../images/header-bg.jpg) no-repeat;
	height:154px;
	width:100%;
	}
#littleDude {
	z-index:1;
	position:absolute;
	left:167px;
}
#mainNav {
	background-color:#5ccd73;
	border-top: solid 1px #000;
	border-bottom:solid 1px #000;
	padding-left: 20px;
	clear:both;
	min-width:800px;
	height:1.8em;
	
}
#contentWrapper {
	width:880px;
	background: url(../images/sidebar-bg.gif) repeat-y;
	overflow:hidden;
	padding-bottom:15px;
	clear:left;
}

#content {
	float:left;
	width:595px;
	padding: 10px 10px 0 20px;
	clear:left;
}
#sideBar {
	width: 173px;
	padding: 10px 32px;
	float:right;
	text-align:center;
	
}
#secondaryNav {
	background: url(../images/secondary-nav.gif) no-repeat;
	height:24px;
	width:232px;
	position:absolute;
	left:646px;
	top:130px;
	padding: 0 0 0 12px;
}
#footer {
	background-color:#5ccd73;
	border-top: solid 1px #000;
	border-bottom:solid 1px #000;
	padding: 0 0 5px 20px;
	clear:both;
	min-width: 750px;
	overflow:hidden;
	height:1.2em;
	color:#fff;
}
#sideBarFooter {
	background: url(../images/sidebar-footer.jpg) no-repeat;
	margin-left:647px;
	display:block;
	height:23px;
	width:233px;
}
#websolversFooter {
	clear:both;
	width:880px;
	text-align:center;
}

#successStories {
	background-color:#edfaf0;
	float:left;
	clear:left;
	width:627px;
	margin: 20px 0px;
	padding-left:20px;
	
}


#successStories a {
	background:none;
	width: 83px;
	height: 78px;
	float:left;
	text-align:center;
	padding-top:18px;
	padding-left:0px;
	margin-right: 20px;
}
#successStories a:hover {
	background: url(../images/images/success-links-bg.gif) no-repeat center;
}
	
/* main nav link styles */
#mainNav a:link, #mainNav a:visited, #mainNav a:active {
	margin-right:20px;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}
#mainNav a:hover {
	color:#008aac;
}

/* footer link style */
#footer a {
	font: 10px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

/* secondary nav link styles */

#secondaryNav a {
	font: 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
	padding-bottom:5px;
}
#secondaryNav a:hover {
	color:#CAE6F2;
	}
	
/* default link styles */
a:link {
	color: #00718f;
}
a:hover {
	color: #B6D3B5;
}
a:active {
	color: #00718f;
}
a:visited {
	color: #00718f;
}
a img{
	border:0;
}

/* content area styles */
ul {
	margin: 10px 20px;
}

li {
	list-style-position: outside;
	padding-left:5px;
	list-style-image: url(../images/bullet.gif);
	line-height:1.8em;
}
.float-right {
	float:right;
	margin: 5px 0px 5px 20px;
}
.float-left {
	float:left;
	margin: 5px 20px 5px 0px;
}
p {
	margin-bottom: 6px;
}
.border {
	border:solid 1px #000;
}
.location-footer {
	text-align:center;
	margin:20px 0;
}
.top-link {
	margin:10px 0;
	text-align:right;
}
td {
	padding:10px;
}

/*for larger image on index */
.headerimg {
	border: 1px solid #000;
	margin: 5px 0 10px 0;
}


/* side bar styles */
#sideBar a {
	text-decoration:none;
}
#sideBar h3 {
	color:#439539;
	font: 12px Arial, Helvetica, sans-serif;
	text-align:left;
}
#sideBar p {
	text-align:left;
}
#sideBar img {
	margin:10px 0;
}
#sideBar img.donate {
	margin:0;
}
.events {
	margin-bottom: 15px;
}
.events a:link {
	text-decoration:underline;
	}
input {
	background-color: #b0d3cf;
	border: 1px solid #91a5af;
	font:10px Arial, Helvetica, sans-serif;
	height:15px;
	margin-bottom:8px;
}
input.button {
position:relative;
height:17px;
width:50px;
float:right;
}
input.textbox {
	width:110px;
	float:left;
	margin-right: 10px;
}
.tinytext {
	font-size: 10px;
}


/*code for main navigation */

    #dmenu{                         
        list-style-type: none;      
        margin:0px;                
        padding: 0px;               
        position: static;           
        z-index: 20;                
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
    #dmenu li{                     
        list-style-type: none;		
		list-style-image: none;      
        float: left;                
        margin: 0px;                
        padding: 0px;               
        display: block;
		
    }

    #dmenu ul {                     
        position: absolute;         
        margin: 0px;                
        padding: 0px;               
        list-style-type: none;      
        display: none;
        width: 190px;               /* should be the same as #dmenu li width */
        background-color: #5ccd73;  
        border: #000 solid 1px;     
        z-index: 99; 
    }

    #dmenu ul li{                   
        background-color: #5ccd73;     
        border: none;               
        margin: 0px;                
        padding: 1px;               
		float:none;
		border-bottom:1px solid #000;
    }
	#dmenu ul li.last {
		border:0;
		}

    #dmenu li a{                    
        text-align: left;         
        display: block;
    }
    
    #dmenu ul a {                   
        padding: 1px;
        margin: 0px;
        display: block;
    }

    #dmenu a:hover,                 
    #dmenu li:hover{
        display: block;
    }
    
    #dmenu ul li:hover,            
    #dmenu ul li a:hover{
        display: block;
        background-color: #5ccd73;
    }

    #dmenu ul ul{                  
		display:none;
        position: absolute;
        margin-left: 184px;         
        margin-top: -2em;          
    }

    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul{
        margin-top: -2em;           /* should be set to the same as #dmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }
/* end main nav */
	
	
/* code for sub navigation */

    #submenu {                       
        list-style-type: none;     
        margin:0px;                
        padding: 0px;               
        position: static;           
        z-index: 101;   
		height:24px;             
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
    #submenu li{                      
        list-style-type: none;		
		list-style-image: none;      
        float: left;                
        margin: 0px;                            
        display: block;
		text-align:left;
		padding:6px 15px 10px 17px;
		
    }

    #submenu ul {                    
        position: absolute;         
		font-size:10px;
        margin: 0px;                
        padding: 0px;               
        list-style-type: none;      
        display: none;
        width: 120px;               /* should be the same as #dmenu li width */
        background-color: #16A5C7;  
        border: #000 solid 1px;     
        z-index: 150; 
    }

    #submenu ul li{                  
        background-color: #16A5C7;    
        border: none;             
        margin: 0px;                
        padding: 2px;               
		float:none;
		border-bottom:1px solid #000;
    }
	#submenu ul li.last {
		border:0;
		}

    #submenu li a{                  
        text-align: left;        
        display: block;
    }
    
    #submenu ul a {                   
        padding: 1px;
        margin: 0px;
        display: block;
    }

    #submenu a:hover,                 /* top-level hovering properties */
    #submenu li:hover{
        display: block;
    }
    
    #submenu ul li:hover,             /* higher level hovering properties */
    #submenu ul li a:hover{
        display: block;

    }

    #submenu ul ul{            
		display:none;
        position: absolute;
        margin-left: 184px;        
        margin-top: -2em;          
    }

    /* only non-MSIE browsers use this */
    #submenu ul li>ul,
    #submenu ul ul li>ul{
        margin-top: -2em;           /* should be set to the same as #dmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #submenu li:hover ul ul,              
    #submenu li:hover ul ul ul,
    #submenu li:hover ul ul ul ul,
    #submenu li:hover ul ul ul ul ul{
        display:none;
    }

    #submenu li:hover ul,
    #submenu ul li:hover ul,
    #submenu ul ul li:hover ul,
    #submenu ul ul ul li:hover ul,
    #submenu ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }
/* end sub-nav */