* {margin:0; padding:0;}

body {
margin: 10px 0px 30px 0px;
padding: 0;
text-align: center;
background-color: #fffdda;

}

#wrapper
{
width: 900px;
height: 815px;
margin: 0px auto;
text-align: left;
background-color: white;
}


#header
{
width: 900 px;
height: 150px;
padding: 0px 0px 0px 0px;
margin: 0 auto;
background-repeat: no-repeat;
background-image: url(../pages/banner.gif);
background-position: top left;
overflow:hidden;
}

#underbanner
{
width: 900 px;
margin: 0 auto;
height: 15px;
background-color: #005796;
}

#picturebox
{
width: 898 px;
margin: 0 auto;
height: 249px;
background-color: white;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #cccccc;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #cccccc;
}

#header ul {

padding: 120px 10px 10px 10px;
margin: 0px;
list-style: none;
text-align: right;

}

#header ul li
{
display: inline;
text-decoration: none;
margin:0px;
line-height: 25px;
}

#header ul li a {
display: inline;
outline-style:none;
outline-width:0;
text-decoration: none;
font-size: 80%;
font-weight: normal;
font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
padding: 0px 10px 0px 10px;
}

#header ul li a:link {
color: #fffdda;
text-decoration: none;
outline-style:none;
outline-width:0;
}


#header ul li a:visited
{color:white;
outline-style:none;
outline-width:0;}


#header ul li a:hover
{
color:#888888;
outline-style:none;
outline-width:0;
}


#header ul li a:active {
color:white;
}


#column2
{
width: 449px;
margin: 0px auto;
float: left;
height: 370px;
background-color:transparent;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #cccccc;

}

#column3
{
width: 449px;
margin: 0px auto;
float: left;
height: 370px;
background-color:transparent;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #cccccc;
}

#column4
{
width: 699px;
margin: 0px auto;
float: left;
height: 619px;
background-color: transparent;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #cccccc;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}

#column5
{
width: 199px;
margin: 0px auto;
float: left;
height: 619px;
background-repeat: no-repeat;
background-image: url(../pages/blogpanel.gif);
border-right-width: 1px;
border-right-style: solid;
border-right-color: #cccccc;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}

#column6
{
width: 898px;
margin: 0px auto;
float: left;
height: 619px;
background-color: transparent;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #cccccc;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #cccccc;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}


#footer
{
width: 900px;
margin: 0px auto;
height: 30px;
text-align: center;
background-color: #330000;
clear: both;
}







.h2 {
font-size: 18px;
color: #330000;
text-align: left;
font-weight: normal;
font-family: 'Century Gothic', Verdana, Arial, sans-serif;
padding: 10px 20px 0px 20px;

}

.h3 {
font-size: 16px;
line-height: 24px;
color: #330000;
text-align: left;
font-weight: normal;
font-family: 'Century Gothic', Verdana, Arial, sans-serif;
padding: 10px 20px 0px 20px;

}

.h4 {
font-size: 13px;
color: #333333;
text-align: left;
font-weight: normal;
line-height: 18px;
font-family: 'Century Gothic', Verdana, Arial, sans-serif;
padding: 10px 20px 10px 20px;
}

.h5 {
font-size: 10px;
color: #333333;
text-align: left;
font-weight: normal;
font-family: Arial, sans-serif;
padding: 0px 20px 0px 20px;
}



p.slide {
clear: both;
position:relative;
font-size: 11px;
text-align: center;
padding-top: 20px;
margin-left: 0 auto;
margin-right: 0 auto;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


p.slide a {
text-decoration: none;
font-size: 90%;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


p.slide a:link {
color: #330000;
text-decoration: underline;
}

p.slide a:visited {
color: #330000;
text-decoration: underline;

}

p.slide a:hover {
color:#888888;

}

p.slide a:active {

}


p.footertext 
{
font-size: 11px;
color: white;
text-align: center;
position:relative;
top:25%;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


p.footertext a 
{
text-decoration: none;
font-size: 11px;
color: white;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


p.footertext a:link 
{
color: white;
text-decoration: none;
}

p.footertext a:visited 
{
color: white;
text-decoration: none;

}

p.footertext a:hover 
{
color:#888888;

}

p.footertext a:active 
{

}




.clearboth 
{
clear: both;}


a {
text-decoration: none;
}



.align-photo 
{ 
margin: 0 15px 10px 0; 
clear: left;
 
} 

img
{
border: 0px;
 }



.frontimages {
text-align: left;
height: 230px;
width=: 168px;
padding: 0px 0px 0px 0px;
margin: 7px 0px 7px 7px;
float: left;
border-top: 1px solid #330000;
border-left: 1px solid #330000;
border-right: 1px solid #330000;
border-bottom: 1px solid #330000;
height:230px;
}

.frontimages1 {
text-align: left;
height: 230px;
width=: 349px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
border-top: 1px solid #330000;
border-left: 1px solid #330000;
border-right: 1px solid #330000;
border-bottom: 1px solid #330000;
height:230px;
}


.rightimages {
text-align: left;
padding: 0px 0px 0px 0px;
margin: 7px 0px 20px 20px;
float: left;
height:160px;
}

.contact_image {
text-align: left;
padding: 0px 0px 0px 0px;
margin: 9px 0px 7px 8px;
float: left;

}



.rule
{
width: 405px;
text-align: center;
margin-right: auto;
margin-left: auto;
height: thin;
color: #cccccc;
clear: left;
}

.blogrule
{
width: 655px;
text-align: left;
margin: 10px 0px 10px 20px;
color: #005796;
height: 1px;
background-color:#005796;
border:0px;
}



#slide-show
{
position: relative;
width: 350px;
height: 230px;
background-color: transparent;
float: left;
margin: 0px auto;
margin: 7px 0px 7px 7px;
display: inline;

}

#slide-images {  
position: relative;  
display: block;  
margin: 0px;  
padding: 0px;  
width: 349px;  
height: 230px  
overflow: hidden;}

#slide-images li {  
position: absolute;  
display: block;  
list-style-type: none;  
margin: 0px;  
padding: 0px;}

#slide-images li img 
{display: block;}



.slideshow {
width:492px;
height:500px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
text-align: center;
overflow:hidden;
background-color:#000000;
background-image: url(../pages/birthdays1.jpg);
border:1px solid #333333;
}


.slideshow ul 
{
margin: 0;
padding: 0;
}

.slideshow ul li
{
display:inline;
margin:0px;
padding:0px;
font-size:1px;
margin-right: -1px;
}


.slideshow ul li div 
{
display: none;
text-decoration: none;
float:left;
font-size: 11px;
text-align:center;
padding:0px 0px 0px 0px;
margin:0px;
color:#FFFFFF;
}


.slideshow ul li div a img 
{
border:1px solid #333333;
width:490px;
height:436px;
}


.slideshow ul li img 
{
border:1px solid #333333;
margin:0px;
padding:0px;
width:80px;
height:60px;
}


/* Shows slides when mouse pointer is over a thumbnail image */

.slideshow ul li:hover div 
{
display: block;
}

/* Highlights the thumbnail image when mouse pointer is over it */

.slideshow ul li:hover img
{
border-color: white;
}





.slideshow2 {
float: left; 
display: inline;
width:336px;
height:500px;
margin-left:75px;
margin-top:10px;
text-align: center;
overflow:hidden;
background-color:#000000;
background-image: url(../pages/weddings1.jpg);
border:1px solid #333333;
}


.slideshow2 ul 
{
margin: 0;
padding: 0;
}

.slideshow2 ul li 
{
display:inline;
margin:0px;
padding:0px;
font-size:1px;
margin-right: -1px;
}


.slideshow2 ul li div 
{
display: none;
text-decoration: none;
float:left;
font-size: 11px;
text-align:center;
padding:0px 0px 0px 0px;
margin:0px;
color:#FFFFFF;
}


.slideshow2 ul li div a img 
{
border:1px solid #333333;
width:334px;
height:436px;
}


.slideshow2 ul li img 
{
border:1px solid #333333;
margin:0px;
padding:0px;
width:46px;
height:60px;
}


/* Shows slides when mouse pointer is over a thumbnail image */

.slideshow2 ul li:hover div 
{
display: block;
}

/* Highlights the thumbnail image when mouse pointer is over it */

.slideshow2 ul li:hover img
{
border-color: white;
}