/*
CSS for Splash Logo Design
*/

body{
font-family:"microsoft sans serif";
background-image: url(gradient67944311.png);
background-repeat: repeat-x;
background-color: #ffffff; 
line-height:125%;
padding:0;
margin:0;
text-align:left;
}




#wrapper{

background-color:white;
position:relative;
text-align:left;
width:760px;
height:1625px;
margin-right:auto;
margin-left:auto;
margin-top:5px;
margin-bottom:0px;
border-right: 10px url(gradient-right.png);




}













* html .title { /* IE 3px jog hack*/
height: 1%;
}





.slideshow{
border:3px solid #235dc8;
padding:10px;
margin-top:30px;
margin-left:240px;
margin-right:240px;
}


h2{
color:#235dc8;
font-size: large;
font-weight: bold;
text-align:center;
}
.slogan{
color:#235dc8;
float:right;
font-weight:bold;
margin-right:10px;

margin-bottom:1.3em;
}

p{
font-size:medium;
color:#96999c;
padding-left:10px;
padding-right:10px;
}
.cards1{
text-align:center;
}

h1,h2, h3,h4,{
font-family:"microsoft sans serif";
color:#235dc8;
}
.title1{
padding-top:15px;
color:#f46c1a;
}

#gallery{
float:right;
width:170px;
padding-left:5px;
padding-right:5px;
}
#gallery1{
float:left;
width:170px;
padding-left:5px;
padding-right:5px;
}

#bodycontent{
float:left;
width:380px;
padding-left:5px;
padding-right:5px;
text-align:left;

}
#bodycontent1{
float:left;
width:735px;
padding-left:10px;
padding-right:5px;
text-align:left;
}

.list{
font-family:"microsoft sans serif";
font-size:medium;
color:#96999c;
padding-left:10px;
padding-right:10px;

}

.package{
font-family:"microsoft sans serif";
font-size:medium;
color:#96999c;
padding-left:10px;
padding-right:10px;

}

.quote{
text-decoration:none;

color:#96999c;
padding:20px;
background:url(button1.png) no-repeat;
margin-left:60px;

}



<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 5px; /*font of menu text*/
margin-top:20px;
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 8px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 2px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-size: 17px;
color: #96999c;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

</style>











#address{
text-align:center;
}

form.contact legend{
font-weight:bold;
font-size:small;
color:#96999c;
padding:5px;
}

form.contact label.fixedwidth{
display:block;
width:240px;
float:left;
text-align:center;
}

form.contact{
color:#96999c;
margin-left:30px;
padding:0;
}
.buttonarea{
text-align:center;
padding:5px;
}

#splashfooter{
clear:all;
text-align:center;
}