/*CSS STYLE for LITTLEFOX*/

html, body{
background: #991b1e none repeat scroll 0% 0%;
margin:0;
padding:0;
color:#CCCCCC;
font-family:Verdana,arial,helvetica;
font-size:85%;
}

h3 {
color:#CCCCCC;
font-family:"Trebuchet MS",Arial,helvetica;
font-size:14px;
margin:0;
padding:0;
}
h2 {
color:#FD9800;
font-family:"Trebuchet MS",Arial,helvetica;
font-size:16px;
font-weight:normal;
margin:0;
padding:0 0 0px;
}
h1 {
color:#fbe1e1;
font-family:"Trebuchet MS",Arial,helvetica;
font-size:23px;
font-weight:normal;
margin:0;
padding:0 0 20px;
}
p {
color:#CCCCCC;
font-size:11px;
margin:0 0 1em;
}
#maincontent p {
color:#FFFFFF;
font-size:10px;
}

#container {
margin:auto;
width:877px;}

#containerw {
width:100%;
float:left;
background: url(bg/mainbg.jpg) repeat-x ;
}

#top {
width:auto;
height:95px;
background: url(images/top.jpg) no-repeat;
align:center;
text-align:center;
padding: 2px 0 0 0;
}

#top h1 a { align:center; text-align:center;}
#top h1 { align:center; text-align:center;}
#top h1 a strong { align:center; text-align:center;}
#logo { width:877px;
float:left;}


#top {
text-align:center;
}

/*-- top menu navigation--*/

#menu {
width:auto;
text-align:center;
height: 45px;
background: url(bg/menu.jpg) no-repeat;
padding:13px 0 0 47px;
}

#nav a {
display: block;
text-decoration:none;
font-size:12px;
padding:2px 13px 3px 13px;
font-weight:bold;
background: url(bg/menudiv.jpg) right no-repeat;
color:#999;}

#nav li { /* all list items */
float:left;
}

#nav li ul {
position: absolute;
padding: 5px 10px;
background-color:#1B1B1B;
width: 140px;
left: -999em;}

#nav li ul li a {
display:block;
padding: 6px 10px;
font-weight:normal;
font-size:11px;
text-decoration:none;
background:none;
color:#fff;
width:120px;}

#nav li ul li a:hover {
color: #FD9800;
background-color:#000;}

#nav li:hover {background-position: 0 0;}

#nav li ul ul { /* third-and-above-level lists */
margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#menu ul {
text-align:center;
}

#nav, #nav ul {
line-height:1;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#nav a:hover {
color:#fcc069;
}

#nav a {
background:transparent url(bg/menudiv.jpg) no-repeat scroll right center;
color:#999999;
display:block;
font-size:12px;
font-weight:bold;
padding:2px 13px 3px;
text-decoration:none;
}

a:hover {
color:#fcc069;
}

a {
color:#999999;
font-weight:bold;
}


#header {
width:877px;
height: 195px;
float:left;
padding: 17px 17px 11px 18px;
margin-left:-45px;
background: url(bg/headerbk.jpg) no-repeat;
}

#wedding a:hover {
background:transparent none repeat scroll 0 0;
}
#wedding a {
background:transparent url(img/weddingstatic.jpg) no-repeat scroll 0 0;
margin-left: 4px;
margin-top: -3px;
float:left;
height:195px;
text-indent:-999999px;
width:140px;
}
#reunion a:hover {
background:transparent none repeat scroll 0 0;
}
#reunion a {
background:transparent url(img/reunionstatic.jpg) no-repeat scroll 0 0;
float:left;
margin-top: -3px;
margin-left: 0px;

height:195px;
text-indent:-999999px;
width:140px;
}

#religious a:hover {
background:transparent none repeat scroll 0 0;
}
#religious a {
background:transparent url(img/religiousstatic.jpg) no-repeat scroll 0 0;
float:left;
margin-left: -4px;
margin-top: -3px;
height:195px;
text-indent:-999999px;
width:140px;
}

#golf a:hover {
background:transparent none repeat scroll 0 0;
}
#golf a {
background:transparent url(img/golfstatic.jpg) no-repeat scroll 0 0;
float:left;
margin-top: -3px;
margin-left: -1px;
height:195px;
text-indent:-999999px;
width:140px;
}

#birthday a:hover {
background:transparent none repeat scroll 0 0;
}
#birthday a {
background:transparent url(img/birthdaystatic.jpg) no-repeat scroll 0 0;
float:left;
margin-top: -3px;
margin-left: 0px;
height:195px;
text-indent:-999999px;
width:140px;
}

#other a:hover {
background:transparent none repeat scroll 0 0;
}
#other a {
background:transparent url(img/yoursstatic.jpg) no-repeat scroll 0 0;
float:left;
margin-top: -3px;
margin-left: 0px;
height:195px;
text-indent:-999999px;
width:140px;
}


#main {
background: #991b1e url(bg/mainbg.jpg) repeat-x;
float:left;
width:100%;
text-align: left;
}

#contentbk {
background:transparent url(bg/back.jpg) repeat scroll 0 0;
float:left;
margin-left:-45px;
width:877px;
}

#content {
background:transparent url(images/contentbkip.jpg) no-repeat scroll 0 0;
float:left;
width:877px;
}
#reunionmaincontent {
float:left;
padding:10px 20px 0 45px;
width:300px;
text-align: left;
background: #991b1e;
}


#reunionsidebar{
width: 300px;
float: left;
margin: 0px;
padding: 10px 20px 0 45px;
text-align: left;
}

#sidebarmain{
text-align:left;
padding-top: 45px;
padding-left: 30px;}

#maincontent {
float:left;
padding:10px 20px 0 45px;
height: 400px;
width:554px;
text-align: left;
background: #991b1e;
}
#main li {
text-align: left;
}

#sidebarbook{
width: 200px;
float: left;
margin: 0px;
padding: 32px 0px 0 45px;
text-align: left;
}
#sidebarprices{
width: 200px;
float: left;
margin: 0px;
padding: 150px 0px 0 45px;

}
#wideframe{
width:677px;
margin:0;
padding:0 10px;
Text-align:center;
}

#bridge{
background: #9b8f72;
border-style: groove;
color:#37332b;
width: 500px;
padding: 5px;
}
#bridge h2{
background: url(bg/bridge.jpg)bottom;
height: 100px;
border: ridge #9b8f72;
font-size: large;
padding: 10px;
}
#enchanted{
background: #003860 /*315d92*/;
border-style: groove;
color:#ffffff;
width: 500px;
padding: 5px;
}
#enchanted h2{
background: url(bg/enchanted.jpg);
height: c;
border: ridge #315d92 /*9b8f72*/;
font-size: large;
padding: 10px;
}

#settingsun{
background: #be3700 /*315d92 e97b00*/;
border-style: groove;
color:#ffffff;
width: 500px;
padding: 5px;
}
#settingsun h2{
background: url(bg/settingsun.jpg);
height: 75px;
color: #be3700;
border: ridge #e5a28d /*9b8f72*/;
font-size: large;
padding: 10px;
}

#cascade{
background: #35642e /*315d92 e97b00*/;
border-style: groove;
color:#ffffff;
width: 500px;
padding: 5px;
}
#cascade h2{
background: url(bg/cascade.jpg) bottom;
height: 100px;
color: #d2e2ff;
border: ridge #cde0fc /*9b8f72*/;
font-size: large;
padding: 10px;
}

#misty{
background: #cdd3d3;
border-style: groove;
color:#446c00;
width: 500px;
padding: 5px;
}
#misty h2{
background: url(bg/misty.jpg) bottom;
height: 75px;
color: #e6eaf6;
border: ridge #cdd3d3 /*9b8f72*/;
font-size: large;
padding: 10px;
}

#autumn{
background: #e57d00;
border-style: groove;
color:#cccccc;
width: 500px;
padding: 5px;
}
#autumn h2{
background: url(bg/autumn.jpg) bottom;
height: 75px;
color: #e6eaf6;
border: ridge #cdd3d3 /*9b8f72*/;
font-size: large;
padding: 10px;
}

#autumn a, #misty a, #enchanted a, #cascade a, #settingsun a, #bridge a{
color:white;
}

#note{
text-align:center;
margin-left:45px;
padding-bottom: 10px;
font-weight: normal;
width: 400px;
}
#maincontent li{
list-style-type: none;
text-align: left;
line-height: 15px;
}
#sidebarpp li{
list-style-type: none;
text-align: left;
}

#sidebarpp{
float: left;
margin: 0px;
padding: 45px 0px 10px 45px;
text-align: center;
}

#sidebarpp li a{
font-weight: normal;
font-size: small;
list-style-type: none;
text-align: left;
}
#sidebarme{
float: left;
margin: 0px;
padding: 35px 0px 10px 45px;
text-align: center;
}

#sidebarme li a{
font-weight: normal;
font-size: small;
text-align:left;
}


#text p{
font-weight: normal;
font-size: small;
color: #cccccc;
text-align: center;
padding: 10px;
}

#textme p{
font-weight: normal;
font-size: small;
color: #cccccc;
text-align: left;
padding: 10px;
}


#text h3{
text-align:center;
font-size:medium;
}