body{
margin: 50px 0px 20px 0px;
background: #77776B;
background-position:center;
font: 0.7em Arial;
color: #636255;
voice-family: female;
speech-rate: medium;
speak-punctuation: code;
speak-numeral: continuous;
pause: 20ms;
}

hr {
color: #FFFFFF;
height: 1px;
padding: 0px;
margin: 0px;
}

/* Main Navigation - Works with Nav Link Style */
h3, H3 {
font-size: 1.0em;
margin: 0px;
padding: 0px;
display: inline;
font-weight: inherit;
}

/* Site Map Only */
h5 {
font: bold 0.75em Arial;
color: #CCCCCC;
margin: 0px;
margin: 3px 0px 3px 0px;
}

div#wrapper {
position:absolute;
left: 50%;
width: 800px;
margin-left: -400px;
text-align:left;
background: #fffde8 url(../UserFiles/Image/Template/default/wrapperBG.jpg) bottom left no-repeat;
}

div#wrapperIntroHeader {
position: absolute;
width: 800px;
height: 126px;
background: #580609;
text-align: left;
}

div#wrapperIntroHeaderTagLine {
position: absolute;
float: right;
top: 50px;
width: 283px;
margin-left: 517px;
}

div#wrapperIntroPhoto {
position: absolute;
top: 126px;
height: 176px;
}

div#wrapperIntroBody {
position: absolute;
top: 302px;
width: 800px;
height: 126px;
background: #580609;
text-align: left;
}

div#wrapperIntroNav {
position: relative;
float: left;
height: 126px;
width: 390px;
text-align: left;
}

div#wrapperIntroPhotos {
position: relative;
float: right;
height: 126px;
width: 390px;
text-align: center;
}

div#wrapperIntroPhotos img {
margin: 24px;
border: 1px solid #FFDE75;
}

div#wrapperIntroBanner {
clear: both;
postion: relative;
width: 800px;
height: 124px;
overflow: hidden;
background-color: #77776B;
border-top: 20px solid #77776B;
color: #FFFFFF;
}

div#wrapperIntroFooter {
clear: both;
postion: relative;
width: 800px;
height: 150px;
background-color: #77776B;
color: #FFFFFF;
}

/* Generic CSS Attributes */

div#wrapperHeader {
position: absolute;
width: 400px;
height: 126px;
background: #61070d;
text-align: left;
}

div#wrapperHeaderLogo {
position: absolute;
top: 20px;
left: 20px;
width: 400px;
height: 126px;
float: left;
}

div#wrapperBookNowButton {
position: absolute;
float: left;
top: 126px;
left: 230px;
width: 130px;
padding: 5px;
background-color: #FFDE75;
color: #580609;
font: bold 0.9em Arial;
text-align: center;
z-index: 100;
}

div#wrapperLeftBody {
float: left;
width: 400px;
background-color: transparent;
z-index: 2;
}

div#wrapperBody {
margin-top: 126px;
width: 360px;
background: transparent;
vertical-align: top;
padding: 30px 20px 0px 20px;
line-height: 2.0em;
}

div#wrapperRightBody {
float: right;
width: 400px;
background-color: #580609;
z-index: 5;
}

div#wrapperPageImage {
width: 400px;
height: 303px;
overflow: hidden;
z-index: 10;
}

div#wrapperPagePhotos {
clear: both;
position: relative;
/*float: right;*/
height: 126px;
width: 390px;
text-align: center;
z-index: 10;
padding: 30px 0px 0px 10px;
}

div#wrapperPagePhotos img {
margin: 20px;
border: 1px solid #FFDE75;
}

div#wrapperFooter {
clear: both;
postion: relative;
width: 800px;
height: 150px;
background: #77776B;
color: #FFFFFF;
}

div#infoBar {
clear: both;
postion: relative;
width: 790px;
padding: 5px 0px 5px 10px;
background: #580609;
color: #FFFFFF;
}

div#classicHotelLogo {
position: relative;
float: left;
width: 400px;
height: 41px;
}

div#aaGradingLogo {
position: relative;
float: right;
right: 0px;
width: 350px;
height: 74px;
text-align: right;
}

div#siteMap {
position: relative;
float: left;
width: 660px;
text-align: center;
}

/* Navigation */

div#navigation, div#navigationImage {
float: right;
/*background-color: #580609;*/
width: 400px;
height: 350px;
text-align: left;
}

div#wrapperIntroNav ul.left {
float: left;
width: 180px;
margin: 10px 0px 0px 0px; 
padding: 0px;
list-style-position: inside;
list-style-type: none;
}

div#navigation ul.left, div#navigationImage ul.left {
float: left;
width: 180px;
margin: 10px 0px 0px 0px; 
padding: 0px;
list-style-position: inside;
list-style-type: none;
text-align: left;
}

div#wrapperIntroNav ul.right {
float: right;
width: 180px;
margin: 10px 0px 0px 0px; 
padding: 0px;
list-style-position: inside;
list-style-type: none;
}

div#navigation ul.right, div#navigationImage ul.right {
float: right;
width: 200px;
margin: 10px 0px 0px 0px; 
padding: 0px;
list-style-position: inside;
list-style-type: none;
}

div#wrapperIntroNav li, div#navigation li, div#navigationImage li {
margin: 0px 0px 0px 0px;
line-height: 19px;
}

div#wrapperIntroNav a, div#navigation a, div#navigationImage a{
display: block;
width: 180px;
padding: 5px 0px 5px 35px;
text-decoration: none; /*lets remove the link underlines*/
}

div#wrapperIntroNav a:link, div#wrapperIntroNav a:active, div#wrapperIntroNav a:visited, div#navigation a:link, div#navigation a:active, div#navigation a:visited, div#navigationImage a:link, div#navigationImage a:active, div#navigationImage a:visited {
padding: 0px 0px 0px 15px;
color: #FFDE75;
}

div#wrapperIntroNav a:hover, div#navigation a:hover,  div#navigationImage a:hover {
color: #FFFFFF;
padding: 0px 0px 0px 15px;
/*background: url(http://62.149.36.126/~princeru/UserFiles/Navigation/mouseOverShield.gif) no-repeat left;*/
text-decoration: none; /*lets remove the link underlines*/
}   

.active {
color: #FFFFFF;
font-weight: bold;
}

.mainActive {
font-weight: bold;
/*background: url(http://62.149.36.126/~princeru/UserFiles/Navigation/mouseOverShield.gif) no-repeat left;*/
}

/* Text Styles */
.headerText {
text-align: left;
vertical-align: middle;
font-weight: bold;
color: #FFFFFF;
padding: 5px;
}

/* Main Body Styles */

.image_left {
float: left;
width: 100px;
height: 100%;
}

/* Right Colum Styles */

.imageTitle {
position: relative;
padding: 0px 10px 10px 0px;
clear: both;
}

.pictureGallery {
position: relative;
padding: 0px 0px 10px 0px;
height: 140px;
width: 210px;
background: #999999;
}

.elementNews {
position: relative;
background: #DCE9D6;
width: 210px;
padding: 5px;
}

/* Class Link Styles */

div#wrapperRightColumn a:link, div#wrapperRightColumn a:visited,
div#wrapperFooter a:link, div#wrapperFooter a:visited {
color: #ef9009;
text-decoration: underline;	
}

div#wrapperRightColumn a:hover, div#wrapperFooter a:hover {
color: #ef9009;
text-decoration: none;	
}

div#wrapperBody a:link, div#wrapperBody a:visited {
color: #580609;
text-decoration: underline;	
}

div#wrapperBody a:hover {
color: #580609;
text-decoration: none;	
}

/* Image Mouseover Link Styles */

.mouseover a:link, .mouseover a:visited {
color: #666666;
text-decoration: none;	
}

/* Class Header Styles */

div#wrapperBody h1 {
font-size: 1.3em;
font-style: italic;
color: #580609;
}

div#wrapperBody h2 {
font-size: 1.1em;
color: #580609;
}

div#wrapperBody p, div#wrapperBody div{
color: #333333;
}

/* Class Form Styles */

input, select {
font-size: 12px;
border: 1px solid #000000;
padding: 3px;
}

.text2 {
font-size: 1.0em;
border: 1px solid #000000;
padding: 3px;
width: 200px;
}

/*
Royalist Styles
*/

div#wrapperRoyalist {
position:absolute;
left: 50%;
width: 800px;
margin-left: -400px;
text-align:left;
background: url(../UserFiles/Image/Template/royalist/royalistBG.gif) repeat-y;
}

div#wrapperHeaderRoyalist {
position: absolute;
width: 400px;
height: 126px;
background: #012f19;
text-align: left;
}

div#wrapperHeaderLogoRoyalist {
position: absolute;
top: 0px;
left: 20px;
width: 400px;
height: 126px;
float: left;
}

div#wrapperBodyRoyalist {
width: 360px;
background: #FFFDE8;
vertical-align: top;
padding: 146px 0px 20px 20px;
line-height: 2.0em;
}

div#wrapperRightBodyRoyalist {
float: right;
width: 400px;
background-color: #012f19;
z-index: 5;
}

div#infoBarRoyalist {
clear: both;
postion: relative;
width: 790px;
padding: 5px 0px 5px 10px;
background: #012f19;
color: #FFFFFF;
}

/*
La Trattoria Styles
*/

div#wrapperTrattoria {
position:absolute;
left: 50%;
width: 800px;
margin-left: -400px;
text-align:left;
background: url(../UserFiles/Image/Template/la_trattoria/trattoriaBG.gif) repeat-y;
}

div#wrapperHeaderTrattoria {
position: absolute;
width: 400px;
height: 126px;
background: #514126;
text-align: left;
}

div#wrapperHeaderLogoTrattoria {
position: absolute;
top: 10px;
left: 20px;
width: 400px;
height: 126px;
float: left;
}

div#wrapperBodyTrattoria {
width: 360px;
background: #FFFDE8;
vertical-align: top;
padding: 146px 0px 20px 20px;
line-height: 2.0em;
}

div#wrapperRightBodyTrattoria {
float: right;
width: 400px;
background-color: #514126;
z-index: 5;
}

div#infoBarTrattoria {
clear: both;
postion: relative;
width: 790px;
padding: 5px 0px 5px 10px;
background: #514126;
color: #FFFFFF;
}

/*
Chambers Styles
*/

div#wrapperChambers {
position:absolute;
left: 50%;
width: 800px;
margin-left: -400px;
text-align:left;
background: #FFFFFF url(http://62.149.36.126/~princeru/UserFiles/Image/Template/chambers/bodyBG.gif) repeat-y;
}

div#wrapperHeaderChambers {
position: absolute;
width: 400px;
height: 126px;
background: #232223;
text-align: left;
}

div#wrapperLeftBodyChambers {
float: left;
width: 400px;
background: #FFFFFF url(http://62.149.36.126/~princeru/UserFiles/Image/Template/chambers/bodyBG.gif) repeat-y;
z-index: 2;
}

div#wrapperBodyChambers {
width: 289px;
background: transparent url(http://62.149.36.126/~princeru/UserFiles/Image/Template/chambers/leftHandIcon.gif) no-repeat left top;
vertical-align: top;
padding: 146px 0px 20px 91px;
line-height: 2.0em;
}

div#wrapperRightBodyChambers {
float: right;
width: 400px;
background-color: #232223;
z-index: 5;
}

div#infoBarChambers {
clear: both;
postion: relative;
width: 790px;
padding: 5px 0px 5px 10px;
background: #232223;
color: #FFFFFF;
}

/*
Camellia Styles
*/

div#wrapperCamellia {
position:absolute;
left: 50%;
width: 800px;
margin-left: -400px;
text-align:left;
background: url(../UserFiles/Image/Template/Camellia/CamelliaBG.gif) repeat-y;
}

div#wrapperHeaderCamellia {
position: absolute;
width: 400px;
height: 126px;
background: #000000;
text-align: left;
}

div#wrapperHeaderLogoCamellia {
position: absolute;
top: 0px;
left: 0px;
width: 400px;
height: 126px;
float: left;
}

div#wrapperBodyCamellia {
width: 360px;
background: #fffde9;
vertical-align: top;
padding: 146px 0px 20px 20px;
line-height: 2.0em;
}

div#wrapperRightBodyCamellia {
float: right;
width: 400px;
background-color: #000000;
z-index: 5;
}

div#infoBarCamellia {
clear: both;
postion: relative;
width: 790px;
padding: 5px 0px 5px 10px;
background: #000000;
color: #FFFFFF;
}


/* Footer Bar White Links */

/*div#infoBarChambers a:link, div#infoBarChambers a:visited, div#infoBarChambers a:active,
div#infoBarTrattoria a:link, div#infoBarTrattoria a:visited, div#infoBarTrattoria a:active,
div#infoBarRoyalist a:link, div#infoBarRoyalist a:visited, div#infoBarRoyalist a:active,
div#infoBarCamellia a:link, div#infoBarCamellia a:visited, div#infoBarCamellia a:active,
div#infoBar a:link, div#infoBar a:visited, div#infoBar a:active,
div#aaGradingLogo a:link, div#aaGradingLogo a:visited, div#aaGradingLogo: a:active,
div#wrapperIntroFooter a:link, div#wrapperIntroFooter a:visited, div#wrapperIntroFooter a:active {
*/
div#infoBarChambers a, div#infoBarTrattoria a, div#infoBarRoyalist a, div#infoBarCamellia a, div#infoBar a, div#aaGradingLogo a, div#wrapperIntroFooter a {
color: #FFFFFF;
text-decoration: underline;	
}

div#infoBarChambers a:hover, div#infoBarTrattoria a:hover,
div#infoBarRoyalist a:hover, div#infoBarCamellia a:hover, div#infoBar a:hover,
div#aaGradingLogo a:hover, div#wrapperIntroFooter a:hover {
color: #FFFFFF;
text-decoration: none;	
}

/* T's & C's */

div#wrapperTerms {
position:absolute;
left: 50%;
width: 400px;
margin-left: -200px;
text-align:left;
padding: 20px;
background: #FFFFFF;
color: #000000;
}