body
    {
    	background-color: #262626; background-image: url('images/bg.jpg'); background-repeat: no-repeat; background-position: top center; min-width: 972px; margin: 0; padding: 0;
        font-family: Verdana; font-size: 12px; color: White;
    }
    #container
    {
    	width: 940px; margin: 0px auto; margin-top: 143px;
    	position: relative;
    }
    #content
    {
        margin-top: 15px;
        padding: 25px 45px;	
    }
    #footer
    {
		color: #A1A1A1;	
		margin-top: 50px;
		font-size: smaller;
		text-align: center;
    }
    #galleryHeading
    {
		width: 574px;
		height: 200px;
		background-image: url('images/GalleryBackground.gif');
		background-repeat: no-repeat;
		margin: 20px auto;
    }
    #galleryHeading span
    {
		display: none;	
    }
    #GalleryPager
    {
    	text-align: right;
    	margin-right: 120px;
    }

    .mainnav {
      width: 100%;
      padding: 0 0 0 45px;
      height: 25px;
    }
    .RssButton
    {
        position: absolute;
        right: 0px;
        top: 0px;	
        --border: 1px solid white;
    }
    h1
    {
    	font-family: Helvetica, Arial;
    	font-size: 16pt;
    	color: #468DC3;
    }
    h2
    {
    	font-family: Helvetica, Arial;
    	font-size: 14pt;
    	color: #A1A1A1;
    }
    p
    {
    	font-size: 1em;
    	line-height: 1.5em;
    }
    a
    {
    	color: #A1A1A1;
    	font-weight: bold;
    }
    div.thumbnail
    {
		border: 4px solid #a1a1a1;	
		width: 75px;
    }
    .thumbnail:hover
    {
		border: 4px solid #8b0110;
    }
    .caption
    {
    	font-size: 9pt;
    	color: gray;
    }
    .modalBackground
	{
		FILTER: alpha(opacity=70);
		BACKGROUND-COLOR: gray;
		opacity: 0.7;
	}
	
#menu {
 width: 553px;
 height: 25px;
 background: url(images/menu.gif);
 margin: 0; padding: 0;
 position: relative;
}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#menu li, #menu a {height: 25px; display: block;}
#menu span { display: none;}

#panel1 {left: 0; width: 97px;}
#panel2 {left: 97px; width: 297px;}
#panel3 {left: 394px; width: 159px;}
#panel4 {left: 577px; width: 123px;}

#panel1 a:hover, #panel1.ActiveNode {background: transparent url(images/menu.gif) 0 -25px no-repeat;}
#panel2 a:hover, #panel2.ActiveNode {background: transparent url(images/menu.gif) -97px -25px no-repeat;}
#panel3 a:hover, #panel3.ActiveNode {background: transparent url(images/menu.gif) -394px -25px no-repeat;}
#panel4 a:hover, #panel4.ActiveNode {background: transparent url(images/menu.gif) -577px -25px no-repeat;}

div.galleryBox
{
	height: 120px;
}
#gallery li
{
	list-style: none; display: block; float: left; width: 150px; 
}
.button
{
	font-size: 10px;
    text-transform: uppercase;
    border: 1px solid #327dc3;
    color: #000;
    font-weight: bold;
    background-color: #327dc3;
    background-image: url('images/bg_button.gif');
    background-repeat: repeat-x;
    padding: 0px 5px;
    white-space: nowrap;
}
#EventDetailContent img
{
	border: 3px solid #468DC3;
	padding: 10px;
	background-color: White;
	margin: 10px;
}
#EventList
{
	margin: 0;
	padding: 0;
}
#EventList li
{
	list-style :none;
}
#loginBox
{
	width: 250px;
	height: 70px;
	padding: 25px;
	margin: 50px auto;
	background-color: #262626;
	border: 1px solid #468DC3;
}
#changePasswordBox
{
	width: 350px;
	height: 150px;
	padding: 25px;
	margin: 50px auto;
	background-color: #262626;
	border: 1px solid #468DC3;
}