body {margin:0px; padding:0px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#000000}




/* Headings */
h1, h2, h3, h4, h5, h6, h7 {font-weight:bold;margin:.5em 0 .25em 0;line-height:1.1em;}
h1 {font-size:1.6em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}
h6 {font-size:0.9em;}
h7 {font-size:0.8em;}

/* Paragraph Text */
p, pre {margin:.25em 0 1em 0;line-height:1.35em;}

.gearogia {font-family:Georgia, "Times New Roman", Times, serif; text-align:center;}
.capletter {font-size:larger;}


/* Layout */
#wrapper {margin:0 auto; width:812px; background-color:#f7f7ee; }
#gutleft {width:100%; background-image:url(img/gutter_left.gif); background-repeat:repeat-y; background-position:left;}
#gutright {width:100%; background-image:url(img/gutter_right.gif); background-repeat:repeat-y; background-position:right; padding-top:10px;}
#gutbase {clear:both;width:100%; background-image:url(img/gutter_base.gif); background-repeat:repeat-x; height:6px; background-position:bottom}


#header {margin:0 auto; width:768px;height:336px; background:url(img/header_bg.jpg); background-repeat:no-repeat; background-position:center top; vertical-align:bottom;}
#header img { position:relative; top:255px;}


#container {margin:0 auto;width:768px; text-align:left;}
#left {width:200px;float:left;padding-right:10px; }
#right {width:540px;float:left;padding-left:0px; }



/* Self-clearing Containers */
#container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#container {display:inline-block;} /* Force IE7 to respect generated content */
/* Hide the next declaration from IE Mac \*/
* html #container {height:1%;display:block;}
/* IE box model hacks */
* html #left {width:210px;wid\th:200px;}
* html #right {width:540px;wid\th:540px;}


#left {color:#FFFFFF;}
#left a {color:#FFFFFF; text-decoration:none;}
#left a:hover {text-decoration:underline;}

div.Contact {width:200px; background-color:#88300e; color:#FFFFFF;}
div.ContactTitle {width:100%; background-color:#c17c62;font-weight:bold; padding:4px 0;}
div.ContactTitle strong { padding:4px;}
div.ContactHold {width:95%; padding:5px; padding-top:0px;}
div.Contact span.small {font-size:smaller;}


div.fivepad {padding:5px;}
div.center {text-align:center;}

div.redsep {clear:both; width:100%; margin:10px 0px; height:6px; background-color:#842e0d;}

img.leftimg {float:left; margin-right:20px; margin-bottom:8px;}
img.rightimg {float:right; margin-left:20px; margin-bottom:8px;}

div.footer {width:100%}
div.footer a {color:#000000; text-decoration:none; border-bottom:1px solid #d4870d; padding:.5em 20px;}



/* FACILTIES */
#facilities {width:200px; font-size:95%;  margin:0px; background-color:#c17c62}
#facilities div.faciltitle {width:100%; line-height:25px; padding:0px; text-align:center; font-weight:bold; font-size:110%; }
#facilities div.rating {width:100%; padding:0px; text-align:center; height:26px; border-top:0px;}
#facilities div.facildetails  { margin:0px; width:98%; padding:2px; }
#facilities table {width:100%; margin:0px; border-top:1px solid #88300e; border-left:1px solid #88300e; color:#000000}
#facilities td.col1 {background-color:#e6daca; width:25%; height:25px; text-align:center; border-bottom:1px solid #88300e; border-right:1px solid #88300e}
#facilities td.col2 {background-color:#FFFFFF; width:25%; height:25px; text-align:center; border-bottom:1px solid #88300e;  border-right:1px solid #88300e}
div.hoteltitle {color:#698EA5; font-weight:bold; font-size:115%; padding-top:15px;}

#left ul{list-style-type: none; padding: 0; margin: 0;}
#left ul li{ background-image: url(http://www.isleofman.com/images/bullets/Bullet3pxFFFFFF.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left:0.7em; font-size:1em; padding-bottom:1px;}
