html{font-size: 100%;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;  color: #3d3d3d; margin: 0;}
h1 { font-size:1.125em; margin: 0 0 0.625em 0;}
h2 { font-size:1em; font-weight: normal; margin: 0;}
a { text-decoration: none; color:#002e5f; }

a:hover { color:#505050; text-decoration: underline; }
hr {height: 1px; background-image:url("/images/rabyCastle/gui/hr.jpg"); background-repeat:no-repeat; background-position: top center; border: 0; margin-bottom: 1em;}
#wrap {width: 56.25em; margin:0px auto;}

#tpbar {font-size:0.625em; text-align: right; height: 1.25em; padding: 0.187em}
#logo {font-family: "Times New Roman", Times, serif; color:#002e5f; width: 13.125em; height: 12.5em; margin-top: 0.625em; float: left; text-align: center;}
#logo h1 {font-size: 36px; font-weight: normal; margin: 0;}
#logo h2 {font-size: 22px; font-weight: normal;}


#headerImage {width: 43.125em; height: 12.5em; float: right;}
#mnNav {font-size: 0.938em; text-align:center; background-image:url("/images/rabyCastle/gui/mnNavigationBack.jpg"); background-repeat:repeat-x; background-position: top left; height: 2.077em; margin-top: 0.067em; padding-top: 0.201em;}
#mnNav a {color: #3d3d3d;}

#brdcrm {font-size: 0.625em; text-align: right; margin: 0.312em 0.312em 0.312em 0;}


#hmtrpclm {width: 41.25em; margin-right; 0.937em; float: left;}
#hmrghtclm {width: 13.125em; float: right;}
#hmrghtclm h1 {font-size: 1em; margin-bottom: 0.125em;}
#hmrghtclm ul {list-style-type: none; list-style-type: none; margin: 0 4px 0 10px; padding: 0 5px 10px 0;}
#hmrghtclm li {font-size: 0.875em; margin: 0 0 0.83em 0;}
#hmrghtclm span {font-size: 0.852em;}

#hmIntro img {float: left; margin-right: 1.25em;}
#hmIntro div {width: 33.125em; float: right;}
#hmIntro p {font-size: 0.875em; line-height: 1.378em; margin: 0; padding: 0;}

#leftColumn {width: 13.125em; float: left; margin-right: 0.937em;}
#leftColumn h1 {font-size: 1em; margin-bottom: 0.125em;}
#leftColumn ul {list-style-type: none; margin: 0 4px 0 10px; padding: 0 5px 10px 0;}
#leftColumn li {font-size: 0.875em; margin: 0 0 0.83em 0;}

#contentColumn {width: 41.25em; float: right;}
#contentColumn h2 {font-weight: bold;}
#contentColumn p {font-size: 0.875em; line-height: 1.378em;}
#contentColumn ul {font-size: 0.875em; line-height: 1.378em;}
#contentColumn td {font-size: 0.875em; line-height: 1.378em;}

.contentLink {font-size: 0.875em; line-height: 1.378em; text-align:right;}

.hmMdlItm {width: 315px; float: left;}
.hmMdlItm img {float: left; margin-right: 1.25em;}
.hmMdlItm p {font-size: 0.875em; line-height: 1.378em; margin: 0; padding: 0;}

#hmHF img {float: left; margin-right: 1.25em;}
#hmHF div {width: 28em; float: right;}
#hmHF p {font-size: 0.875em; line-height: 1.378em; margin: 0; padding: 0;}

.speratorLong {height: 1px; background-image:url("/images/rabyCastle/gui/longSeperator.jpg"); background-repeat:no-repeat; background-position: top center; margin: 15px 0 15px 0; clear: float;}
.sperator450 {height: 1px; background-image:url("/images/rabyCastle/gui/450Seperator.jpg"); background-repeat:no-repeat; background-position: top center; margin: 15px 0 15px 0; clear: float;}

.fadeHolder {background-image:url("/images/rabyCastle/gui/blueFade.jpg"); background-repeat:repeat-x; background-position: top left; padding: 0.625em;}

#emailForm p {margin: 0 0 0.5em 0; clear: both;}
#emailForm label {width: 15em; font-weight: bold; float: left; text-align: left; margin-right: 0.5em; display: block;}
#emailForm div {font-size: 0.87em; width: 200px; float: left; margin-bottom: 10px;}
#emailForm input[type="text"] {height: 16px; width: 180px; font-family: verdana; color: #999999; font-size: 10px; border: 1px solid #666666; padding: 0;}
#emailForm input[type="password"] {height: 16px; width: 180px; font-family: verdana; color: #999999; font-size: 10px; border: 1px solid #666666; padding: 0;}
#emailForm input[type="textarea"]  {width: 300px; font-family: verdana; color: #999999; font-size: 10px; border: 1px solid #666666; padding: 0;}

.sporran0 {clear: both;}
.sporran5 {clear: both; height: 0.313em;}
.sporran20 {clear: both; height: 1.25em;}

.datebooked {background-image: url(/images/rabyCastle/gui/notAvailable.jpg); background-repeat: no-repeat; background-position: center center; background-color: #FFFFFF;}
.datefree {background-color: #ffffff;}
.cal {width: 450px;}
#calMain {width: 100%; height:200px;}
#calMain td {width: 63px; text-align: center;}
#calPrev, #calSubseq {width: 210px; }
#calPrev td {width: 30px;  text-align: center;}
#calSubseq td {width: 30px;  text-align: center;}

#footerNav {font-size: 0.938em; text-align:center; background-image:url("/images/rabyCastle/gui/mnNavigationBack.jpg"); background-repeat:repeat-x; background-position: top left; height: 2.077em; margin-top: 0.067em; padding-top: 0.201em;}
#footerNav a {color: #3d3d3d;}

#address {text-align: right; margin: 0.312em 0.312em 1em 0;}
#address  span {font-size:0.625em;}

.bskT {width:85px; text-align: right; float: left; margin: 5px 10px 0 0; border-top-width: 3px; border-top-style: solid; border-top-color: #4a5350;}
.bskB {width:305px; float: left; margin: 0 10px 2px 0;}
.bskI {width:80px; float: left; margin: 0 10px 3px 0;}
.bskF {width:80px; float: left; margin: 7px 10px 3px 0;}
.bskV {width:85px; text-align: right; float: left; margin: 0 10px 0 0;}

#siteMap ul {font-size: 0.875em; line-height: 1.378em; list-style-type: none;}