body{

background-image:url('Background.jpg');

background-repeat:repeat-x;

background-color:#9a996e;

font-family: "Akzidenz-Grotesk", arial, sans-serif;

font-size: 1em;

font-weight: normal;

margin:0;

padding:0;

}



ul

{

list-style-position:inside;

}

ol

{

list-style-position:inside;

}



/*class to fix clear problem after navbar*/

.clearfix{clear:both;}



/*set banner width and display block to clear other stuff from floating next to it*/

#banner{width:998px;display:block;}



/*style navbar links 154 + 10 padding = 164 total width for each link + 2px for each left/right border

(far left is set using inline style) all adds up to 998px which is total width for banner, wrapper, etc

Set no text decoration (underline), background color for links here, add padding and make font slightly larger for appearance

*/

#navbar a{display:block;

width:154px;

background-color:#636647;

text-decoration:none;

padding-left:10px;

padding-top:4px;

padding-bottom:4px;

font-size:1.10em;

border:solid #9a996e;

border-width: 0 2px 2px 0;

}



/*clear list style (no bullets) and set with for total navbar along w/ no margin or padding*/

#navbar ul{margin:0;padding:0;list-style:none;width:998px;}



/*float li's left to display them as a horizontal bar*/

#navbar li{float:left;} /* display:inline-block;}*/



/*set navbar font colors and background color for hover navbar*/

#navbar a:link {color:#ddddcf;}

#navbar a:visited {color:#cfcea0;}

#navbar a:hover {color:#eceabb;background-color:#9a996e;}

#navbar a:active {color:#7ab800;}



/*hide submenus (dropdowns) using display:none*/

#navbar li ul{display:none;}



/*have to specify width for IE to display UL as block...Position:Absolute removes dropdowns from flow (keeps elements from shifting down)*/

#navbar li:hover ul{display:block;width:164px;position:absolute;z-index:100;}

#navbar li ul li a{font-size:1em; font-weight:normal; width:200px;}




/*wrapping container for all html*/
div#body-wrap{width:998px;margin-left:auto;margin-right:auto;}





/*wrapping container for content (sidebar and content) 40px for space between navbar adn content*/

#main-wrap{width:998px; margin:30px 0 0 0;}





/**/

div#main-sidebar{float:left;width:164px;}



/**/

#sidenav1 {background-color:#636647;}

#sidenav1 a:link {color:#ddddcf;}

#sidenav1 a:visited {color:#cfcea0;}

#sidenav1 a:hover {color:#eceabb;background-color:#9a996e;}

#sidenav1 a:active {color:#7ab800;}

#sidenav1 ul{margin:0; padding:0;list-style:none;}

#sidenav1 a{display:block;

width:150px;

text-decoration:none;

padding-left:10px;

padding-top:4px;

padding-bottom:4px;

font-size:1.1em;

border:solid #9a996e;

border-width: 0 2px 2px 2px;

}







/**/

#sidenav2 {margin-top:20px;

background-color:#636647;

border:solid #9a996e;

border-width: 0 0 2px 2px;



}

#sidenav2 a:link {color:#ddddcf;}

#sidenav2 a:visited {color:#ddddcf;}

#sidenav2 a:hover {text-decoration:underline;}

#sidenav2 a:active {color:#7ab800;}



#sidenav2 ul{margin:0; padding:0;list-style:none;}

#sidenav2 a{display:block;



background-color:#636647;

text-decoration:none;



font-size:1em;



}







#sidehead{background-color:#636647;}

#sidehead a{

font-weight:bold;

text-align:center;

margin:0;

font-size:1.2em;

text-decoration:none;

border:0;

border:solid #9a996e;

border-width: 0 0 4px 0;

width:162px;

padding: 8px 0 8px 0;



}

#sidehead a:hover{text-decoration:underline;}











#sidesub1 li{position:relative;left:5px;width:154px;}

#sidesub1 a{border:none;padding:0;padding-bottom:6px; width:154px;font-size:.9em;}

a#sidesub1first{padding-top:5px;}



#sidesub2{background-color:#636647;color:black;}

#sidesub2 li{padding:0 0 2px 20px;}

#sidesub2 a{border:none;width:129px;font-size:.8em;padding:0 0 2px 0;}

a#sidesub2last{padding-bottom:15px;}








/* Styling for Disaster Resources links*/

#main-links a:link{color:black;}
#main-links a:visited {color:#black;}
#main-links a:hover {color:#636647}
#main-links a:active {color:#7ab800;}
/* Styling for Disaster Resources links*/


/*Main content formatting 814px width + 2*10px padding + 164px margin for sidebar = 998px total*/

div#main-content{width:814; min-height:500px; padding:20px 30px 30px 30px; background-color:/*#D9D9C9*/#ffffff; margin-left:164px;}













#main-content p{

/*text-indent:30px;*/

}



/*Jquery Banner Slide Show Formatting */

#slideBanner

        { 

		    padding:0;

	        margin:0;

            width:774px;

            height:215px;

            float:left;

			/* removed to fix sidenav problem

			clear:both;

			*/

			z-index:1;

			

	}

.slides{display:none;}

.jw-Nav a{

    cursor:pointer;

    display:inline-block;

    background-color:#888;

    border:solid 1px #bbb;

	

}

.jw-Nav a.active {

    background-color:#aaa;

    border:solid 1px #fff;

}



#slides img{ 

border-style: none; 

text-decoration: none; 

} 







/*End Jquery Slide Show Formatting */





















/*footer- Principles, Copyright, address formatting*/





#footer{width:998px; background-color:#ffffff; margin:0; padding:0;position:relative;} /*have to position relative so that the copyright and principles can be positioned absolute*/

#principles{color:#ff0000;text-align:center; padding:10px; font-weight:bold; word-spacing:3px;}



#copyright{font-size:.8em; float:left;}



#address{font-size:.8em;float:right;padding-bottom:10px;}







/*end footer





#footer{width:998px; background-color:#ff0000; margin:0; padding:0;position:relative;} 

#principles{text-align:center; padding:10px; letter-spacing:1px;}



#copyright{font-size:.8em; float:left;

}

#address{font-size:.8em;float:right;padding-bottom:10px;

}





*/







/**/

div#main-sidebar{float:left;width:164px;}



/*

#sidenav1 {background-color:#636647;}

#sidenav1 a:link {color:#ddddcf;}

#sidenav1 a:visited {color:#cfcea0;}

#sidenav1 a:hover {color:#eceabb;background-color:#9a996e;}

#sidenav1 a:active {color:#7ab800;}

#sidenav1 ul{margin:0; padding:0;list-style:none;}

#sidenav1 a{display:block;}

*/



#main-sidebar #sidenav2 a.current-page{

color:#B5D0D1;



}







#body-wrap #navbar a.current-page{

color:#B5D0D1;

font-weight:bold;

}





#main-sidebar #sidenav1 a.current-page{

color:#B5D0D1;



}



.content-button{



text-decoration: none;

outline: none;

border-style: none; 

}





.definition-term{

font-weight:bold;

}



















#sidenav-sub a{

border:solid #9a996e;

border-width: 0 2px 0 2px;

font-size:.8em;

padding: 2px 0 0 20px;

width:140px;

}



#sidenav-sub a:link {color:#ddddcf;}

#sidenav-sub a:visited {color:#ddddcf;}

#sidenav-sub a:hover{

color:#ddddcf;

background-color:#636647;

text-decoration:underline;

}

#sidenav-sub a:active {color:#7ab800;}





#assessment-li li{

padding-bottom:15px;

}



.opportunities {

list-style-type:none;

}



.opportunities ul{

list-style-type:disc;

padding-bottom:15px;

}



.question{font-weight:bold;

padding-bottom:5px;}

.answer{padding-bottom:15px;}



.application_list li{

 padding-bottom:8px;

}





.staff-dir-no-bullet{

list-style:none;

}



.staff-dir-smaller-font{

font-size:.9em;

}





.event-sponsors h2

{

display:block;

text-decoration:underline;

}



.event-sponsors h3

{

list-style:none;

padding-left:15px;

color:#103257;

}



.event-sponsors img

{

vertical-align:middle; 

width:150px; 

padding-left:10px;

}

#event-sponsor-logo

{

padding:0;

width:300px; 



}





.community-events-bottom-border

{

border:solid #636647; 

border-width:0 0 2px 0;

}



#index-plugins

{

width:774px;

height:400px;

}



#facebook

{float:left;

}



#google-calendar

{float:right;

}



#special-thanks

{



}