body{
background: #123f90 url(images/bg.jpg) repeat-x top left;
font-family: "Lucida Grande", "Helvetica", "Arial", sans-serif;
}

#container{
margin: 0 auto;
width: 865px;}

#header{
clear: both;
float: left;
width: 865px;
height: auto;
margin-top: 15px;
display: inline;}

    #logo{
    clear: both;
    float: left;
    width: 279px;
    height: 130px;
    display: inline;
    margin-left: -10px;
    display: inline;
    }
    
    #motto{
    float: left;
    width: 477px;
    height: auto;
    margin-top: 60px;
    margin-left: 85px;
    display: inline;   
    }
    

#topnav{
	clear:both;
	display:inline;
	float:left;
	height:40px;
	margin-left:45px;
	margin-top:25px;
	width:865px;
}        

    ul.topnav{
    width: 865px;
    }
    
    ul.topnav li{
	border-right:1px solid #CB8C22;
	display:inline;
	list-style-type:none;
	margin-left:-6px;
	padding-bottom:9px;
	padding-top:10px;
      
      }
    
    ul.topnav li a{
	color:#FFFFFF;
	font-size:13px;
	line-height:35px;
	padding:13px 13px 9px;
    }
    
    ul.topnav li a:hover{
    color: #000;
    background-color: #fdc863;
    }
    
        ul.topnav li.selectedPage a{
       color: #000;
    background-color: #fdc863;
    }
    
#slideshow_wrapper{
clear: both;
float: left;
background-color: #fff;
width: 782px;
height: auto;
padding: 5px;
margin-top: 20px;
margin-left: 25px;
display: inline;
-moz-box-shadow:2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
box-shadow: 2px 2px 2px #333;
}

    #slideshow{
    clear: both;
    float: left;
    width: 782px;
    height: auto;
    display: inline;
    }

#content{
clear: both;
float: left;
width: 830px;
margin-top: 30px;
margin-left: 25px;
height: auto;
display: inline;}

	#space{
	clear: both;
	float: left;
	width: 180px;
	margin-right:7px;
	padding:6px 6px 4px;
	background: #b0d2f0;
	height: auto;
	}

	#space1{
	float: left;
	width: 180px;
	margin-right:7px;
	padding:6px 6px 4px;
	background: #b0d2f0;
	height: auto;
	}

	#calendar{
	clear: both;
	float: left;
	width: 170px;
	margin-right: 20px;
	color: #fff;
	height: auto;
	margin-top: 20px;
	
	}

	#contact{
	float: left;
	width: 160px;
	margin-right: 8px;
	color: #fff;
	height: auto;
	margin-top: 20px;
	}
	
		#contact p{
		padding-left: 10px;}

	#connect{
	float: left;
	width: 130px;
	margin-right: 7px;
	color: #fff;
	height: auto;
	font-size:11px;
	margin-top: 20px;
	}
	
		#connect p{
		padding-left: 10px;}


	#mailinglist{
	float: left;
	width: 265px;
	background: #102e6c;
	padding: 15px 5px 15px 20px;
	color: #b0d2f0;
	height: auto;
	margin-top: 20px;
	font-size: 14px;

	}
	
	#klekl-klekl{
	background-color: #2A74B6;
	border:none;
	height:25px;
	margin-top:8px;
	padding-top:0;}
	
	#mailinglist .button input{
	background-color: #72afe5;
	color:#074379;
	text-transform: lowercase;
	font-size: 11px;
	font-weight: bold;
	border: none;
	height: 26px;
	margin-left: -5px;
	display: inline;
	padding: 3px 7px 5px;}

#footer{
background:none repeat scroll 0 0 #0D2858;
clear:both;
color:#659ED2;
float:left;
font-size:10px;
padding-bottom:10px;
margin-top:50px;
padding-top:20px;
text-align:center;
width:100%;
}    
    
#footer-container{
margin:0 auto;
text-align:left;
width:782px;
}

#footer-content{
padding-bottom:23px;
padding-top:7px;
float:left;
padding-top:10px;
}
    
    
    
    
/* INSIDE PAGES ONLY */    


#pageheader{
clear: both;
float: left;
background-color: #fff;
width: 782px;
height: auto;
padding: 6px 5px 4px 6px;
}


#insidebg{
float: left;
clear: both;
background: transparent url(images/white_bg.png) repeat-x top left;
width: 792px;
height: 40px;
z-index: 9999;
position: relative;
}

#inside{
float: left;
clear: both;
background: #fff;
width: 793px;
height: auto;
margin-bottom: 20px;
color:#666;}


	#left{
	clear: both;
	float: left;
	width: 490px;
	margin-left: 25px;
	height: auto;
	padding-bottom: 20px;
	display: inline;

	}
	
	#right{
	float: left;
	background: #dcdcdc;
	width: 236px;
	height: auto;	
	margin-left: 42px;
	padding-bottom: 25px;
	display: inline;
	margin-top:-40px;
	}


		#secnav{
		clear: both;
		float: left;
		margin-top: 15px;
		width: 236px;
		height: auto;}
		
			ul.secnav{
			list-style-image: none;
			list-style-type: none;
			}
			
			ul.secnav li{
			display: block;
			position:relative;
			width: auto;
			list-style-image: none;
			list-style-type: none;
			}
			
			ul.secnav li a{
			width: 221px;
			padding: 15px 0 15px 15px;
			font-size: 16px;
			color: #666;
			border-bottom: 1px solid #666;
			float: left;
			}
			
			ul.secnav li a:hover{
			background: white;
			color:#0b5aa1;
			}
			
		
		#rightbox{
		clear:both;
float:left;
margin-top:20px;
padding-left:17px;
width:195px;
		}
  
#inside p{
font-size: 14px;
line-height: 20px;
color: #666;}  

#left a{
color:#006699;}

#left a:hover{
color:#72afe5;}

#left ul{
margin-left: 10px;}

#inside h1{
font-size: 24px;
margin:0 0 5px;
font-weight:bold;
color: #666;
}    

#inside h2 {
font-size: 18px;
margin:0 0 5px;
font-weight:bold;
color: #666;}
    

#inside h3 {
font-size: 14px;
margin:0 0 5px;
font-weight:bold;
color: #666;}

    
    
/*  GLOBAL STYLES */

a{text-decoration: none; color: #fff;}
a:link{text-decoration: none; color: #fff;}
a:visited{text-decoration: none; color: #f5f5f5;}
a:hover{text-decoration: none; color: #000;}
a:active{text-decoration: none; color: #fff;}

p{
font-size: 11px;
line-height: 17px;}

#calendar h1{
margin:5px 0 !important;
padding-bottom:10px;
border-bottom: 1px solid #b0d2f0;}

h1{
font-size: 14px;
color: #b0d2f0;
margin:0 0 5px;
font-weight:normal;
}    

h2 {
color: #b0d2f0;
font-size: 16px;
margin:0 0 5px;
font-weight:bold;}
    

h3 {
color: #b0d2f0;
font-size: 18px;
margin:0 0 5px;
font-weight:bold;}


hr{
background-color: #b0d2f0;
border: none;
height: 1px;
margin-left:15px;
}    

/* Blog Style overrides */
.blogList .postInfo, .postDate {
font-style:normal !important;
font-size: 11.5px;
color: #fff;}

.blogList .postInfo {
border-bottom: 1px solid #4169a1;
padding-bottom: 15px;}

.blogList ul {
padding-top:20px !important;}


/* Calendar Styles */


.eventsList ul li a{
font-size: 12px;
color: #fff;
font-weight: bold;
}

.eventsList ul li{
list-style-type: none;
margin-left: 46px;
width:119px;
float: left;
}

.eventDate{
font-size:11px;
color: #fff;
padding-bottom: 10px;
border-bottom: 1px solid #b0d2f0;
padding-top:5px;
}



#credit{float:right}
#bbd{font-size: 10px;padding-top: 3px;float:right}
#siteby{color:#82B8EC;
float:left;
font-size:10px;
padding-right:7px;
padding-top:8px;}
	
#bbd a{	
		background:url("images/steadfast-jdb.png") no-repeat scroll left top transparent;
		display:block;
		height:24px;
		outline:medium none;
		text-indent:-9999px;
		width:25px;
		text-decoration: none;
		border: none;
		margin:0 auto;
	}
	
	#bbd a:hover{background-position: right top}