/* CSS Document */

html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}


h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

p	{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}


li, dd, blockquote {
        margin-left: 1em;
}

fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right:0px;
  background-color: #31383D;
  color: #CCCCCC;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  min-width: 940px;
  text-align: center;
}

a:link
{ 
	text-decoration: none; 
	color: #FFFFFF;
	background-color: transparent;
}

a:visited
{ 
	text-decoration: none; 
	color: #FFFFFF;
}

a:hover
{ 
	text-decoration: underline;
	color: #FFFFFF;
	background-color: transparent;
}

a.map:link
{ 
	text-decoration: none; 
	color:#B9C9D4;
	background-color: transparent;
}

a.map:visited
{ 
	text-decoration: none; 
	color: #B9C9D4;
}

a.map:hover
{ 
	text-decoration: underline;
	color: #B9C9D4;
	background-color: transparent;
}

.boldtext 
{
	color: #FFFFFF;
	font-weight: bold;
}
.fonttype 
{font-family: Arial, Helvetica, Verdana, sans-serif}

#go_button {
	font-size: small;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#jumpMenu  {
			background-color: #B9C9D4;
			font-size: 16px;
			}
			
			
.form1	{
		background-color: #B9C9D4;
		border: 1px solid #666666;
		font-size: 12px;
		}
		
.form2	{
		background-color: #B9C9D4;
		border: 1px solid #666666;
		font-size: 12px;
		}
		
.formButton	{
			background-color: #B9C9D4;
			border: 1px solid #666666;
			font-size: small;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			}
			
.styleformBold {
		color: #B9C9D4;
		font-weight: bold;
		}
.styleform {color: #B9C9D4}
.form {
		border-left: 2px solid #B9C9D4;
		padding-left: 12px;
		}


#container {margin: 0 auto; width: 940px; padding: 0; border: 0; position: absolute; top: 30px; left: 50%; margin: 0px 0 0 -470px; text-align: left;}


			


#masthead {position: relative; float: left; display: inline; width: 940px; height: 80px; margin: 0; padding: 0;}

	#masthead ul {display: inline; float: right; list-style: none; margin: 0; padding: 0;}
	#masthead li {display: inline; float: left; margin: 0 0 0 25px;}
	#masthead li a {display: inline; float: left; height: 18px;}
	#masthead li span {display: none;}
	
#nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 49px; height: 18px;}
#nav01 a:hover {background: url(images/nav_home_on.gif) top left no-repeat;}
#nav01on {background: url(images/nav_home_on.gif) top left no-repeat; width: 49px; height: 18px;}

#nav02 a {background: url(images/nav_about_off.gif) top left no-repeat; width: 56px; height: 18px;}
#nav02 a:hover {background: url(images/nav_about_on.gif) top left no-repeat;}
#nav02on {background: url(images/nav_about_on.gif) top left no-repeat; width: 56px; height: 18px;}

#nav03 a {background: url(images/nav_functions_off.gif) top left no-repeat; width: 86px; height: 18px;}
#nav03 a:hover {background: url(images/nav_functions_on.gif) top left no-repeat;}
#nav03on {background: url(images/nav_functions_on.gif) top left no-repeat; width: 86px; height: 18px;}

#nav04 a {background: url(images/nav_menus_off.gif) top left no-repeat; width: 57px; height: 18px;}
#nav04 a:hover {background: url(images/nav_menus_on.gif) top left no-repeat;}
#nav04on {background: url(images/nav_menus_on.gif) top left no-repeat; width: 57px; height: 18px;}

#nav05 a {background: url(images/nav_gallery_off.gif) top left no-repeat; width: 70px; height: 18px;}
#nav05 a:hover {background: url(images/nav_gallery_on.gif) top left no-repeat;}
#nav05on {background: url(images/nav_gallery_on.gif) top left no-repeat; width: 70px; height: 18px;}

#nav06 a {background: url(images/nav_charities_off.gif) top left no-repeat; width: 86px; height: 18px;}
#nav06 a:hover {background: url(images/nav_charities_on.gif) top left no-repeat;}
#nav06on {background: url(images/nav_charities_on.gif) top left no-repeat; width: 86px; height: 18px;}

#nav07 a {background: url(images/nav_contact_off.gif) top left no-repeat; width: 79px; height: 18px;}
#nav07 a:hover {background: url(images/nav_contact_on.gif) top left no-repeat;}
#nav07on {background: url(images/nav_contact_on.gif) top left no-repeat; width: 79px; height: 18px;}

#headerLogo {position: absolute; top: -20px; left: 0; width: 90px; height: 90px;}
#headerLogo img {border: 0px;}
#headerLogo a {background: url(images/logo.gif) top left no-repeat; width: 90px; height: 90px;}
#headerLogo a:visited {background: url(images/logo.gif) top left no-repeat; width: 90px; height: 90px; border-width: 0px;}
#headerLogo a:hover {background: url(images/logo.gif) top left no-repeat; width: 90px; height: 90px;}
#headerNavBar {position: absolute; top: 50px; right: 0; height: 18px;}


.footerArea {position: relative; float: left; display: inline; width: 940px; margin: 20px 0 30px 0;}
	.footerArea p {font-size: 11px; color: #CCCCCC; display: inline; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}


/*-- HOME PAGE ---------------------*/
.homeIntro {position: relative; float: left; display: inline; overflow: hidden; width: 300px; height: 300px; background-color: #454E54; margin: 0 20px 20px 0;}
	.homeIntro h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px; padding: 0;}
	.homeIntro p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 0 20px 20px 20px; padding: 0;}

.homeFlashHolder {
				position: relative; float: right; display: inline; width: 620px; height: 300px;
				margin: 0 0 20px 0; background: #454E54 url('/images/flash_image1.jpg') no-repeat;  }

.homeThumb {position: relative; float: left; display: inline; width: 300px; background-color: #454E54; margin: 0 20px 0 0;}
	.homeThumb img {border: 0;}
	.homeThumb a {border: 5px solid #454E54; padding: 0; margin: 0; display: block;}
	.homeThumb a:visited {border: 5px solid #454E54; padding: 0; margin: 0; display: block;}
	.homeThumb a:hover {border: 5px solid #FFFFFF; padding: 0; margin: 0; display: block;}
.homeThumbRight {position: relative; float: left; display: inline; width: 300px; background-color: #454E54; margin: 0;}
	.homeThumbRight img {border: 0;}
	.homeThumbRight a {border: 5px solid #454E54; padding: 0; margin: 0; display: block;}
	.homeThumbRight a:visited {border: 5px solid #454E54; padding: 0; margin: 0; display: block;}
	.homeThumbRight a:hover {border: 5px solid #FFFFFF; padding: 0; margin: 0; display: block;}


/*-- ABOUT US PAGE -------------*/
.aboutMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #454E54;}
	.aboutMainArea h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.aboutMainArea p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
.aboutColumn1 {position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 250px; height: 420px;}
.aboutColumn2 {position: relative; float: left; display: inline; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}


.aboutImageArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54;}
	.aboutImageArea img {border: 0;}


/*-- MENU PAGE -------------*/
.menuMainArea {position: relative; float: left; display: inline; width: 320px; height: 460px; font-size: 11px; background-color: #454E54;}
	.menuMainArea h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.menuMainArea p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
.menuColumn1 {position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 250px; height: 420px;}
.menuColumn2 {position: relative; float: left; display: inline; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}


.menuImageArea {position: relative; float: left; display: inline; width: 620px; height: 460px; background-color: #454E54;}
	.menuImageArea img {border: 0;}
	
/*-- GALLERY PAGE -------------*/
.galleryMainArea {position: relative; float: left; display: inline; width: 940px; height: 460px; background-color: #454E54;}
	.galleryMainArea h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.galleryMainArea p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
.galleryColumn1 {position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 940px; height: 420px;}