/* CSS Document */

/* General */
		h1 { font-size: 200% }
		h2 { font-size: 130% }
		h3 { font-size: 105% }
		
		body { background-color:#9FB8BD; 
			margin: 0px; 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: .80em;
			line-height: 1.3em; }
		
		img { border: none; }
		
/* Outer Box */
		.outer { border: 2px solid #000000; 
			background-image: url(../images/left_nav.gif); 
			background-repeat: repeat-y; width: 760px; 
			margin-left: auto; 
			margin-right: auto; 
			margin-top: 15px; 
			margin-bottom: 15px; }
		
/* Header Image */		
		#header { background-image: url(../images/header_bkgrd.gif); 
			background-color:#FFFFFF; 
			background-repeat: no-repeat; 
			background-position: left; 
			background-position: top; 
			padding-left: 5px; 
			padding-bottom: 2px; 
			font: bold 48px Trebuchet MS; height: 170px; }
		
/* Content */
		#content { width: 545px; 
			float: right; 
			padding-bottom: 0px; 
			padding-left: 20px; 
			padding-top: 0px; 
			padding-right: 25px; 
			position: relative; 
			top: -85px; }
			
		#content a { color: #722749; 
			text-align: left; 
			text-decoration: none; 
			font-weight: bold;}
		
		#content a:hover { color: #722749; 
			text-align: left; 
			text-decoration: underline; 
			font-weight: bold;}
			
		#content #image_right { float: right; 
			margin: 0px 0px 20px 20px; }
			
		#content #image_left { float: left; 
			margin: 0px 20px 20px 0px; }
		
		#content .caption { font-size: .85em;
			font-style: italic; }
		
		#content h1 {line-height: normal;}
		
		#content li { padding-bottom: 5px; }
		
/* Events */

		#event {width: 99%; 
			padding-bottom: 10px; 
			padding-top: 10px; 
			border-bottom: 1px dotted #006699; }

/* Navigation Bar */
		#nav { width: 150px; 
			float: left; 
			padding: 5px; 
			padding-top: 55px; 
			position: relative; 
			top: -75px;
			font-size: 1.1em; }
			
		#nav a { color: #000000; 
			text-align: left; 
			text-decoration: none; 
			font-weight: bold;}
			
		#nav a:hover { color: #B0C4C5; 
			text-align: left; 
			text-decoration: none; 
			font-weight: bold;}
			
		#nav .page { color: #B0C4C5; 
			text-align: left; 
			text-decoration: none; 
			font-weight: bold; }
			
		#nav li { list-style-type: none; 
			list-style-position: outside; 
			margin-left: -35px; 
			padding-bottom: 10px; }
		
		#nav li ul li { padding-bottom: 0px;
			font-size: .85em; }

		#nav .sublist { list-style-type: none;
			list-style-position: outside;
			padding: 5px 0px 0px 20px;
			margin-left: 20px;
			line-height: .80em;
			font-size: .80em; }
		
/* Search Box */
		#search { font-size: .7em; 
			padding-left: 5px; 
			line-height: 1.5em; }
		
/* Right Box */
		.box_outer { width: 200px; 
			float: right; }

		#box { width: 180px; 
			font-size: .95em; 
			text-align: left; 
			margin-left: 10px; 
			margin-top: 10px; 
			margin-bottom: 10px; 
			padding: 5px 10px 10px 10px;
			background-color: #B0C4C8; 
			background-image: url(../images/box_bg.jpg); 
			background-repeat: no-repeat; 
			background-position: bottom right; }
			
		#box a { color: #722749; 
			text-align: left; 
			text-decoration: none; 
			font-weight: bold;}
			
		#box a:hover { color: #722749; 
			text-align: left; 
			text-decoration: underline; 
			font-weight: bold;}
					
/* Footer */
		#bottom { width: 99%; 
			padding: 5px; 
			clear: both; 
			text-align: center; 
			font-size: .80em; }
			
		#bottom a { color: #000000; 
			text-decoration: underline; }

/* Float Clear */		
		.clearer {clear: both; 
			line-height: 0px; 
			height: 0px; }