/* this restyles the main elements */
body {
  background-image:url(../images/graphics/BlueBackground1.jpg);
	background-repeat:repeat-y;
	background-color: #AAAAAA;
	color:#FFFFFF;
}

a img {
border:0px
}


h1{
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
font-size:24px;
font-weight:normal;
color:#222222;
margin-top:0px;
margin-bottom:6px;
padding:0px;
}

h2{
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
font-size:20px;
font-weight:normal;
color:#222222;
margin-top:6px;
margin-bottom:6px;
padding:0px;
}

h3{
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
font-size:16px;
font-weight:normal;
color:#222222;
margin-top:6px;
margin-bottom:6px;
padding:0px;
}

p{
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
font-size:12px;
color:#222222;
margin-top:6px;
margin-bottom:6px;
padding:0px;
}

.Bold{
font-weight:bold;
margin-bottom:0px;
padding-bottom:0px;
}

h4{
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
font-size:10px;
font-weight:normal;
color:#000000;
margin-top:6px;
margin-bottom:6px;
padding:0px;
}

li{
list-style-type:square;
}

ul{
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
font-size:12px;
}

hr {
border:0px;
height:1px;
background-color:#BBBBDD;
color:#BBBBDD;
}


.ImportantNotice{
text-align:center;
color:#BB0000 !important;
font-size:22px;
}
/* --------------------------------------------- */
/* This stuff sets up the styles of all the DIVs */
/* --------------------------------------------- */

.LayoutDiv1 { 
position:absolute;
top:0px;
height:65px;
width:800px;
left:0px;
right:auto;
background-image:url(../images/graphics/LightBlueGrad1.gif);
background-repeat:repeat-x;
text-align:left;
border-bottom:1px #333333 solid;
border-right:1px #FFFFFF solid;
padding-left:10px;
padding-top:5px;
}

.LayoutDiv2 {
background-image:url(../images/graphics/LightBlueGradient2.jpg);
background-repeat:repeat-x;
position:absolute;
top:70px;
height:270px;
width:110px;
left:0px;
right:auto;
background-color:#F4FBFF;
text-align:center;
padding:0px;
margin:0px;
border-right:1px #333333 solid;
border-left-style:none;
border-bottom-style:none;
border-top:none;

}

.LayoutDiv3 {
position:absolute;
background-image:url(../images/graphics/Microphone1.gif);
background-repeat:no-repeat;
background-position:4px 4px;
top:340px;
height:200px;
width:110px;
left:0px;
right:auto;
text-align:center;
background-color:#FAFCFF;
border-right:1px #333333 solid;
border-left-style:none;
border-bottom-style:none;
border-top:none;
}

.LayoutDiv4{
position:absolute;
top:0px;
height:70px;
width:353px;
left:458px;
right:auto;
background-image:url(../images/graphics/TopLightBlueGradientHouses.jpg);
background-repeat:no-repeat;
text-align:left;
border-bottom:1px #333333 solid;
border-right:1px #FFFFFF solid;
padding-left:10px;
padding-top:0px;
}


.LayoutDiv5{
background-image:url(../images/graphics/LightBlueGradient2.jpg);
background-repeat:repeat-x;
position:absolute;
background-color:#FAFDFF;
border-left:1px #DDDDDD solid;
border-right:1px #000000 solid;
top:0px;
bottom:0px; 
margin:0px;
width:130px;
left:811px;
height:640px;
padding:0px;
text-align:center;
z-index:100
}

.LayoutDiv5 img{
display:block;
}

.LayoutDiv6{
}


.MediaPlayer{
 text-align:right;
 padding-bottom:10px;
 padding-right:20px;
}

.Footer{
position:relative;
text-align:center;
height:auto;
margin-top:15px;
border-top:1px #EEEEFF solid;
width:100%;
padding-top:10px;
}

/* this stuff styles the nav/menu bar */

.MainNavButtons {
position: absolute;
display:block;
width:auto;
height:auto;
top:111px;
left:0px;
width:110px;
height:auto;
padding:0px;
margin:0px;
z-index:3;
}

.MainNavButtons ul{
margin-top:0px;
padding-left:0px;
margin-left:0px;
text-align:right;
width:110px;
}

.MainNavButtons li{
left:0px;
top:15px;
height:auto;
width:110px;
margin-top:2px;
margin-bottom:2px;
margin-left:0px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
list-style-type:none;
text-align:right;
}

.MainNavButtons li a{
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
line-height: 100%;
display:block;
font-size:12px;
font-weight:normal;
color:#000000;
text-align:right;
text-decoration:none;
padding-right:8px;
padding-left:4px;
margin-top:0px;
margin-bottom:0px;
padding-top:2px;
padding-bottom:2px;
/*border:1px white solid; */
}


.MainNavButtons li a:hover{
border-right:4px #AAAACC solid;
background-color:#DDDDFF;
padding-right:4px;
/*background-image:url(../images/graphics/Bullet1.gif); */
background-position:left;
background-repeat:no-repeat;
text-decoration:underline;
cursor:pointer;
}

.MainNavButtons li a.navactive{
border-right:4px #000000 solid;
padding-right:4px;
background-color:#AADDFF;
color:#000000;
cursor:pointer;
}

#dropmenudiv 	{
    background-color:#FAFAFF;
	border-top:1px solid #CCCCDD;  
	border-right:1px solid #CCCCDD;  
	border-bottom:1px solid #CCCCDD;  		
	border-left:1px solid #000000;  			
	position:absolute;	
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:2px;
	padding-left:0px;	
	text-align: right;
	height:auto;
	width:140px;
    overflow:fixed;
    font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
}

.SubNavButtons {
width:138px;
padding:0px;
margin:0px;
z-index:3;

}

.SubNavButtons ul{
margin:0px;
padding:0px;
text-align:right;
top:0px;
width:80px;
}

.SubNavButtons li{
left:0px;
top:0px;
height:auto;
width:140px;
margin-top:2px;
margin-bottom:2px;
margin-left:0px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
list-style-type:none;
text-align:right;
background-color:#AADDFF;

}

.SubNavButtons li a{
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
line-height: 100%;
display:block;
font-size:12px;
font-weight:normal;
color:#000000;
text-align:right;
text-decoration:none;
padding-right:8px;
padding-left:0px;
margin-top:0px;
margin-bottom:0px;
padding-top:2px;
padding-bottom:2px;
}

.SubNavButtons li a:hover{
border-right:4px #AAAACC solid;
background-color:#DDDDFF;
padding-right:4px;

background-position:left;
background-repeat:no-repeat;
text-decoration:underline
}

.SubNavButtons li a.navactive{
border-right:4px #000000 solid;
padding-right:4px;
background-color:#AADDFF;
color:#000000;
}





/* These are the styles for the Now Next area */
.NowNext
{
margin-top:0px;
position:absolute;
top:70px;
width:710px;
left:110px;
height:38px;
right:auto;
border-left:1px #000000 solid;
border-top:1px #000000 solid;
border-bottom:1px #BBBBEE solid;
border-right:1px #000000 solid;
background-image:url(../images/graphics/LightBlueGrad1.gif);
background-repeat:repeat-x;
z-index:100;
padding-top:2px;
padding-left:5px;
}

.NowNext a{
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
font-size:12px;
color:#000000;
margin-top:6px;
margin-bottom:6px;
padding:0px;
text-decoration:none;
}
.NowNext a:hover{
text-decoration:underline;
color:#000088;
}

.NNNormal {
  font-size:12px;
  margin-top:5px;
  margin-right:5px;
  margin-left:5px;
  margin-bottom:3px;
  padding-top:2px;
  padding-left:2px;
  padding-right:2px;
  padding-bottom:0px;
 }
.NNImportant {
  font-size:16px;
  margin-top:10px;
  border-top:solid 1px #666666;
  padding-top:10px;
 }
.NowNext p {
margin-top:0px;
}


/* This styles the search box */
.SearchDiv  {
position:absolute;
background-image:url(../images/graphicsSearchBoxBG.jpg);
background-repeat:no-repeat;
background-position:4px 4px;
top:580px;
height:auto;
width:110px;
left:0px;
right:auto;
text-align:center;
background-color:#FAFCFF;
border:none;
}

.searchbox{
font-size:12px;
top:30px;
height:14px;
color:#8888AA;
width:90px;
font-style:normal;
background-color:#EEEEFF;
padding-top:1px;
padding-left:1px;
text-align:center;
margin-left:5px;
margin-right:5px;
margin-bottom:4px;
border:solid 1px #666666;
}
.searchbutton {
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
font-size:11px;
top:30px;
height:20px;
color:#000000; 
width:93px;
background-color:#BBBBDD;
border:solid 1px #666666;
margin-left:5px;
margin-right:5px;
}

.searchboxactive{
font-size:12px;
top:30px;
height:14px;
color:#000000;
font-style:normal;
width:90px;
background-color:#EEEEFF;
padding-top:1px;
padding-left:1px;
text-align:center;
margin-left:5px;
margin-right:5px;
margin-bottom:4px;
border:solid 1px #000000;
}

.searchbuttonactive {
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
font-size:11px;
color:#000000; 
background-color:#EEEEFF;
border-top:solid 1px #000000;
border-bottom:solid 1px #000000;
border-right:solid 1px #000000;
}


/* This styles all the elements within the main contant container div */
.ContentContainer {
background-image:url(../images/graphics/LightBlueGradient3.gif);
background-repeat:repeat-x;
top:71px;
left:111px;
width:669px;
right:auto;
height:auto;
position:absolute;
z-index:1;
background-color:#FAFCFF;
padding-top:10px;
padding-left:20px;
padding-bottom:20px;
padding-right:20px;
/* border:1px solid #0000FF; */
}

.ContentContainer p{
position:relative;
color:#222222;
/*margin:0px;*/
padding-top:5px;
padding-bottom:10px;
}
.ContentContainer h1{
color:#222222;
margin-bottom:6px;
padding-bottom:4px;
}
.ContentContainer h2{
color:#222222;
}
.ContentContainer h3{
color:#222222;
}
.ContentContainer h4{
color:#222222;
}
.ContentContainer ul{
margin-bottom:4px;
}

.ContentContainer a{
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
font-size:12px;
color:#000066;
/* margin-top:6px;
margin-bottom:6px;*/
padding:0px;
text-decoration:none;
}
.ContentContainer a:hover{
text-decoration:underline;
color:#1111CC;
}

.ContentContainer ul,.ContentContainer li{
color:#111111;
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
}



/* These are styles for sepcific page styles */
/*Horizontal table rowse*/
.HSections {
border:1px #EEEEFF solid;
margin-bottom:20px;
width:100%;

}
.HSections td{
border:1px #EEEEFF solid;
padding:10px;
margin:10px;
text-align:left;
vertical-align:top;
text-align:left;}
/*  these are classes designed to be used as one of */
.HSections p{
margin-top:0px;
padding-top:3px
}


.ximagecolumn {
width:110px;
}


/* the events page */
.eventTable {
border:1px #EEEEFF solid;
margin-bottom:20px;
width:100%;
}
.eventTable td{
border:1px #EEEEFF solid;
padding:10px;
text-align:left;
vertical-align:top;
}

/* This is for the gallery */
.Thumbnails1
{
margin-bottom:1px;
padding:1px;
border:solid 2px #CCCCCC;
background-color:#DDDDDD;
}

.MainGalleryImage{
margin:0px;
padding:3px;
border:solid 2px #CCCCCC;
background-color:#DDDDDD;
}

/* The Guestbook Page */
#CollapsibleDiv
{
border-color:#DDDDDD;
border-style:solid;
border-width:1px;
position:relative;
left:0px;
width:500px;
display:inline;
height:auto;
padding:10px;
margin-top:0px;
margin-bottom:0px;
}


#CollapsibleDiv textarea {
width:100%;
height:70px;
}

#CollapsibleDiv table {
width:100%;
margin:0px;
padding:0px;
border-collapse:collapse;
overflow:auto;
}

#CollapsibleDiv p {
margin:0px;
}
#Content2 p {
margin:0px;
padding:0px;
}

#MessageText{
color:#AA0000;
padding:0px;
margin:0px;

}

#MessageText:hover {
cursor:default;
text-decoration:underline;
}


/* This is for the alternate images on GenricPageTwo*/
.PageImageOdd{float:left;margin-right:8px;}
.PageImageEven{float:right;margin-left:6px;}
div.ContentContainer img { margin:6px;padding:2px; border:1px #DDDDEE solid; background-color:#DDDDEE}


/* This is for the tables used in the admin tool*/
.TableNormal
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px
}
.TableNormal tr td
{
background-image:url(../images/graphics/LightBlueGrad1.gif);
background-repeat:repeat-x;
font-size:10px
}

.TableNormal tr th
{
font-size:10px
}

.centre{
vertical-align:middle;
text-align:center;
}


.inactive1{ 
color:#999999;
}

.underlineThin{
text-decoration:underline;
}

.underlineThick{
border-bottom:2px #000000 solid;
}
.InputTiny {
width:20px;
background-image:url(../images/graphics/dropshadow.gif);
border-color:#000033;
}


.InputVSmall {
width:30px;
background-image:url(../images/graphics/dropshadow.gif);
border-color:#222244;
}

.InputSmall {
width:90px;
background-image:url(../images/graphics/dropshadow.gif);
border-color:#222244;
}

.InputMedium {
width:150px;
background-image:url(../images/graphics/dropshadow.gif);
border-color:#222244;
}

.InputLong {
width:250px;
background-image:url(../images/graphics/dropshadow.gif);
border-color:#000033;
}

.InputExLong {
width:350px;
background-image:url(../images/graphics/dropshadow.gif);
border-color:#000033;
}
.InputExExLong {
width:450px;
background-image:url(../images/graphics/dropshadow.gif);
border-color:#000033;

}

textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
} 

input {
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		text-decoration:none;
		color:#333333;
		width:242px;
		margin:0px;
		padding-left:4px;
		border-width:1px;
		border-style:solid;
		border-color:#AAAAAA;
}

.CheckBoxNormal{
	width:20px;
}

.ButtonSmall {
		font-family: Arial, Helvetica, sans-serif;
        background-image:url(../images/graphics/LightBlueGrad1.gif);
		font-size:12px;
		text-decoration:none;
		color:#333333;
		width:90px;
		border-style:solid;
		border-color:#AAAAEE;
		border-width:2px;
		height:25px;
		}

.ButtonMedium {
		font-family: Arial, Helvetica, sans-serif;
    background-image:url(../images/graphics/LightBlueGrad1.gif);
		border-style:solid;
		border-color:#EEEEEE;
		border-width:1px;
		font-size:12px;
		text-decoration:none;
		color:#333333;
		width:150px;		
		height:25px;}
		
.ButtonLarge {
		font-family: Arial, Helvetica, sans-serif;
    background-image:url(../images/graphics/LightBlueGrad1.gif);
		border-style:solid;
		border-color:#EEEEEE;
		border-width:1px;
		font-size:12px;
		text-decoration:none;
		color:#333333;
		width:250px;
		height:25px
	}

.error{
padding-left:24px; 
background-image:url(../images/graphics/error.gif);
background-repeat:no-repeat;
background-position: 0px 2px;
color:#660000;
}
.success{
padding-left:24px; 
background-image:url(../images/graphics/success.gif);
background-repeat:no-repeat;
background-position: 0px 2px;
color:#336600;
}
.caution{
padding-left:24px;
background-image:url(../images/graphics/caution.gif);
background-repeat:no-repeat;
background-position: 0px 2px;
color:#5B5B00;
}
.info{
padding-left:24px; 
background-image:url(../images/graphics/info.gif);
background-repeat:no-repeat;
background-position: 0px 2px;
color:#0000CC;
}