/******************************************
	HTML Tag Styles
******************************************/

body, a, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, div, form, legend, textarea
{
	color: #000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}


a:link, a:link:hover, a:visited, a:visited:hover, a:active
{
	color: #c00;
	text-decoration: underline;
}
a:link:hover, a:visited:hover, a:active
{
	color: #900;
	text-decoration: none;
}

img
{
	border-width: 0px;
}



h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
}
h1
{
	color: #fff;
	font-size: 18px;
	position: relative;
	left: -32px;
	margin: 0px;
	padding: 12px 10px 10px 30px;
	background-image: url('../img/h1_bak_short.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
h2
{
	margin-bottom: 0px;
}
h3
{
	font-weight: bold;
	border-top: 1px dashed #ccc;
	margin-bottom: 0px;
}
h4
{
	margin-bottom: 0px;
}
h5
{
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h6
{
	font-weight: bold;
	margin-bottom: 0px;
}


p, dl, dt, dd, ul, ol, li, form, textarea
{
	font-size: 14px;
}
p
{

}



/******************************************
	Content IDs and Classes
******************************************/

h1.medium
{
	background-image: url('../img/h1_bak_medium.gif');
}
h1.long
{
	background-image: url('../img/h1_bak_long.gif');
}
#notice h1
{
	background-image: url('../img/h1_bak_notice.gif');
}


.video h5
{
	position: relative;
	top: -230px;
	color: #fff;
	font-size: 12px;
	padding: 12px 10px 10px 20px;
	background-image: url('../img/video_h5.gif');
	background-position: top left;
	background-repeat: no-repeat;
	z-index: +10;
}
#special .video .thumbnail
{
	position: relative;
	top: -17px;
	left: 54px;
}
#special .video .button
{
	position: relative;
	top: -175px;
	left: 140px;
}


#notice h1
{
	float: left;
	top: -20px;
	left: -12px;
	width: 160px;
}
#notice h6
{
	clear: left;	
	width: 450px;
	font-size: 16px;
	text-align: center;
	margin: -20px 10px 10px 10px;
}
#notice p
{
	font-size: 18px; 
	line-height: 14px;
	margin: 6px 0px 8px 0px;
	padding: 0px;
}
#notice a:link, #notice a:link:hover, #notice a:visited, #notice a:visited:hover, #notice a:active
{
	color: #fff;
}
#notice a:link:hover, #notice a:visited:hover, #notice a:active
{
	color: #eee;
}


.module .content p, .module-long .content p
{
	font-size: 12px; 
	border: 1px dashed #000;
	margin: 0px 0px 0px 20px;
	padding: 4px 6px 4px 6px;
	background-image: url('../img/module_p_bak.png');
}


#footer span
{
	font-size: 11px;
}



/******************************************
	Form Content Styles
******************************************/

#map_canvas {
	font-size: 12px; 
	border: 1px dashed #000;
	margin: 0px 0px 0px 20px;
	padding: 4px 6px 4px 6px;
	background-image: url('../img/module_p_bak.png');
	width: 250px; 
	height: 250px;
}

.error-message {
	color: red;
	font-size: 12px;
	margin: 0px 5px 8px 0px;
}


/**********************************************
	HTML Layout Styles
**********************************************/

body
	{
	margin: 0px;
	padding: 0px;
	
	background-color: #2D3C1F;
	background-image: url('../img/body_bak.jpg');
	background-position: top center;
	background-repeat: repeat-x;
	background-attachment: fixed;
	}
	



/**********************************************
	Main Layout Styles
**********************************************/

#wrapper
{
	margin: auto;
	width: 800px;
}

#header
{
	height: 200px;
	background-image: url('../img/header_bak.gif');
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 10;
	
}
	body#home #header
	{
		background-image: url('../img/header_home_bak.gif');
	}
#nav
{
	margin-left:20px;
}
#special
{

}
#main
{	
	margin: 40px 0px 10px 0px;
	background-image: url('../img/content_bottom.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
	z-index:0;
}
	body#home #main
	{
		margin: 100px 0px 10px 0px;
	}
#footer
{
	border-top: 1px dashed #ccc;
	margin: 0px 5px 0px 5px;
	padding: 2px 15px 5px 15px;
}





	#special .video
	{
		position: absolute;
		top:150px;
		width: 335px;
		height: 345px;
		margin-left:480px;
		padding-top: 140px;
		background-image: url('../img/video_frame.gif');
		background-position: top center;
		background-repeat: no-repeat;
	}
	
	
	/* Optional Speical Notice Block Styles */
	#notice
	{	
		display: block;
		margin: 70px 0px 10px 0px;
		background-image: url('../img/notice_bottom.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#notice .top
	{
		position: relative;
		top: -50px;
		background-image: url('../img/notice_top.gif');
		background-position: top center;
		background-repeat: no-repeat;
	}
	#notice .bottom
	{
		position: relative;
		bottom: -30px;
		background-image: url('../img/notice_bak.gif');
		background-position: top center;
		background-repeat: repeat-y;
		padding: 0px 0px 1px 0px;
	}
	#notice .content
	{
		border: 1px dashed #000;
		margin: 0px 20px 0px 200px;
		padding: 0px 6px 0px 6px;
		background-image: url('../img/module_p_bak.png');
	}
	
	
	/* Content Block Styles */
	#main .top
	{
		position: relative;
		top: -80px;
		
	}
		body#home #main .top
		{
			background-image: url('../img/content_top.gif');
			background-position: top center;
			background-repeat: no-repeat;
		}
	#main .bottom
	{
		background-image: url('../img/content_bak.gif');
		background-position: center;
		background-repeat: repeat-y;
		position: relative;
		bottom: -40px;
		z-index:0;
	}
	#main .left
	{
		width: 475px;
		padding-top: 1px;
		z-index:0;
	}
	
	#main .right
	{
		width: 325px;
		float: right;
		z-index:0;
	}
	
	#main .middle
	{
		width: 780px;
		padding-top: 1px;
		z-index:0;
	}

	#main .left .content
	{
		padding: 0px 20px 10px 20px;
		z-index:0;
	}
	
	#main .right .content
	{
		padding: 0px 20px 0px 20px;
		z-index:0;
	}
	
	#main .middle .content
	{
		padding: 0px 20px 0px 20px;
	}
	
	/* Module Block Styles */
	.module, .module-long
	{
		background-image: url('../img/module_bak.gif');
		background-position: top center;
		background-repeat: no-repeat;
	}
	.module-long
	{
		background-image: url('../img/module_bak_long.gif');
		height: 450px;
	}
	.module img, .module-long img
	{
		position: relative;
		left: -6px;
	}
	
	
	/* Footer Block Styles */
	#footer .left
	{
		width: 475px;
	}
	#footer .right
	{
		width: 100px;
		float: right;
		text-align: right;
	}


	/* ajax pagination styling */
	#eventsPaging {
		margin: 0px 0px 10px 0px;
	}
	
	#eventsPaging .left
	{
		width: 200px;
		padding-top: 1px;
	}
	
	#eventsPaging .right
	{
		width: 500px;
		float: right;
	}
	
	#eventsPaging .middle
	{
		width: 780px;
		margin: 0px 0px 5px 0px;
	}



/*********************************
Nav Layout Styles
**********************************/

	/* Basic code - don't modify */
	 
	 #nav { display: block; margin: 0; padding: 0; position: relative; overflow:visible; z-index:90;}
	  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; z-index:90;}
	  #nav a { display: block; }
	  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; overflow:visible; z-index:90;}
	  * html #nav ul { line-height: 0; } /* IE6 "fix" */
	  	#nav ul a { zoom: 1; } /* IE6/7 fix */
	    #nav ul li { float: none; }
	    #nav ul ul { top: 0; }
	    
	/* Essentials - configure this */
	
	#nav { margin-left:20px; text-decoration:none; }
	#nav ul { 
		width: 130px; 
		margin-left:10px; 
		margin-top:7px;
		padding:10px 0px 25px 10px;
		background-image:url('../img/casnav_ul_bak.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
		position:absolute;
		z-index: 10;
	}
	
	#nav ul ul { left: 131px; }
	
	/* Everything else is theming */
	/*
	#nav { background-color: #30A8C3; height: 24px; }
	*/
	
	#nav *:hover { background-color: none; }
	
	#nav a { 
		border-right: 
		1px solid white; 
		color: black; 
		font-size: 12px; 
		padding: 6px; 
		line-height: 1; 
		text-decoration:none;
	}
	
	  #nav li.hover a { }
	  #nav ul { top: 25px; }
	    
		#nav ul li {
			z-index:90;
		}
		
		#nav ul li a { 
			text-decoration:none; 
		}
	    
		  #nav ul a.hover { text-decoration:underline; }
	   #nav ul a { border-bottom: 1px solid white; border-right: none; /*opacity: 0.9; filter: alpha(opacity=90);*/ }
	/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/** Editor Sytles **/

#admin_bar {
	margin:0px;
	padding:0px;
	height:50px;
	background:#6698FF;
	text-align:right;
	border-bottom:2px solid #ccc;
	font-size:18px;
}

.editable {
	border: 2px dashed red;
	margin:5px;
}

/*
.editable p {
	height:20px;
	text-align:right;
}
*/

/** Multimedia Styles **/

.photo_albums {
	width:100%;
	background:#edeff4;
	border:1px solid #cccccc;
	padding:3px;
}

.photo_albums ul {
	list-style-type:none;
	padding:3px;
}

.photo_albums li {
	background:#ffffff;
	border:1px solid #cccccc;
	margin-top:4px;
	padding:5px;
}

.photo_albums img {
	height:175px;
	width:175px;
}

#twitter_div {
padding: 50px 0px 0px 10px;
font-size: 10px;
ul-style: none;
}

#twitter_div.h2 {
 font-size: 12px;
}