﻿/* Universal Styles to be applied to all pages */

/*General Body And Navbar Elements*/
body
{
    margin: 31px 50px 0px 50px;
    padding-bottom: 0px;
    background-color: #ffef22;
    font-family: Verdana, Arial, Helvetica;
    font-size: small;
}
td
{
    vertical-align: top;
}
#kuddlesDiv
{
    width: 900px;
    height: 570px;
    background-color: #ffe84a;
    background-image: url('imgs/bgimg.jpg' );
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0px 0px 0px 0px;
    border: solid 4px #ffae21;
}
#navBar
{
    position: relative;
    top: -45px;
    left: -55px;
    width: 900px;
    z-index: 96;
}

/*SETTINGS FOR THE FOOTER ELEMENTS*/
#footer
{
    font-size: x-small;
    padding-top: 25px;
    width: 900px;
}
#disclaimer
{
    width: 880px;
    border: solid 4px #ffae21;
    background-color: #ffe84a;
    padding: 10px 10px 10px 10px;
    color: #555555;
    font-style: italic;
}
#footerNav
{
    padding: 10px 0px 0px 0px;
    text-align: center;
    width: 1024px;
    position: relative;
    top: 20px;
    left: -50px;
    background-color: #eed739;
}
#footerNav a:link
{
    text-decoration: none;
    color: #777777;
}
#footerNav a:hover
{
    text-decoration: underline;
    color: #000000;
}
#footerNav a:active
{
    text-decoration: underline;
    color: #000000;
}
#footerNav a:visited
{
    color: #aaaaaa;
}


/*Settings for the Drop In Forms*/
#guestbookContainer
{
    border: solid 4px #ffac22;
    background-color: #ffde00;
    width: 744px;
    text-align: left;
    margin: 0px 106px 0px 106px;
}

#closeguestbook
{
    position: relative;
    right: -220px;
    font-family: Verdana;
    font-size: small;
}

#Background
{
    position: absolute;
    background-color: #FFE84A;
    top: 0px;
    left: 0px;
    z-index: 198;
    width: 1050px;
    height: 100%;
    -moz-opacity: .85;
    filter: alpha(opacity=85);
    display: none;
}
#guestbook
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1050px;
    z-index: 199;
    display: none;
    text-align: center;
}
#formDropIn
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1050px;
    z-index: 199;
    display: none;
    text-align: center;
}
#closeForm
{
    position: relative;
    right: -125px;
    font-family: Verdana;
    font-size: small;
    padding: 5px 0px 5px 0px;
}
#formTable
{
    border: solid 4px #ffac22;
    background-color: #ffde00;
    text-align: left;
    margin: 0px 206px 0px 206px;
}
#contactFormAmenities
{
    position: relative;
    top: -440px;
    left: 427px;
    font-family: Verdana, Arial, helvetica;
    font-size: small;
}
#contactFormAmenities p
{
    width: 200px;
}
#mailingListFormAmenities
{
    font-family: Verdana, Arial, helvetica;
    font-size: small;
    width: 400px;
    padding: 10px 0px 25px 0px;
}

/*ROUNDED CORNERS CLASSES*/
.RC11
{
    background-image: url('imgs/roundCorners_r1_c1.gif');
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.RC12
{
    background-image: url('imgs/roundCorners_r1_c3.gif');
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 20px;
    width: auto;
}
.RC13
{
    background-image: url('imgs/roundCorners_r1_c5.gif');
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.RC21
{
    background-image: url('imgs/roundCorners_r3_c1.gif');
    background-position: right center;
    background-repeat: repeat-y;
    width: 20px;
    height: auto;
}
.RC22
{
    background-color: #fffb8c;
    height: auto;
    width: auto;
}
.RC23
{
    background-image: url('imgs/roundCorners_r3_c5.gif');
    background-position: left bottom;
    background-repeat: repeat-y;
    width: 20px;
    height: auto;
}
.RC31
{
    background-image: url('imgs/roundCorners_r5_c1.gif');
    background-position: right top; 
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.RC32
{
    background-image: url('imgs/roundCorners_r5_c3.gif');
    background-position: center top;
    background-repeat: repeat-x;
    height: 20px;
    width: auto;
}
.RC33
{
    background-image: url('imgs/roundCorners_r5_c5.gif');
    background-position: left top;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
a.closeAlertDiv {
    border: solid 1px #333333; 
    float: right; 
    text-decoration: none; 
    color: #000000; 
    font-weight: bold;
}
a.closeAlertDiv:hover {
    background-color: #ffae21;
}

a#footerLogo {
	background-image: url('http://www.stratusstudios.com/_img/footerLogo.png');
	height: 60px;
	width: 250px;
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	border: none 0px transparent;
}
a#footerLogo:link {
	background-position: 0px 0px;
}
a#footerLogo:visited {
	background-position: 0px 0px;
}
a#footerLogo:hover {
	background-position: 0px -100px;
}
a#footerLogo:active {
	background-position: 0px -100px;
}

