a.headerNav {font: bold 10px verdana, arial, helvetica, sans-serif; color: #000000; text-decoration: none;}
a:hover.headerNav {color: #FFFFFF; text-decoration:none;}

#holder {text-align:center; margin-left:auto; margin-right:auto; z-index:10;}
#headerHolder {background-color:#f4f1e8; width:790px; z-index:11; margin-left:auto; margin-right:auto; text-align:center;}
#headerMain {position:relative; width:770px; z-index:20; text-align:left; background-color:#f4f1e8}
#menuModule {position:absolute; left:350px; top:0px; text-align:left; z-index:25;}

#mainColumn 	{ width: 750px; padding: 6px 20px 6px 20px;  background-color: #f4f1e8;}
#mainContent	{ width: 750px;}

A { COLOR: #000000; TEXT-DECORATION: underline;}

A:active { COLOR: #000000;}
A:hover { COLOR: #ff0000;}

.greyText {
	COLOR : #505241;
	FONT-FAMILY : Arial, helvetica ,sans-serif;
	FONT-SIZE : 13px;
	LINE-HEIGHT : 20px;
	FONT-WEIGHT : normal;
}

A.greyText:link     {text-decoration: none; color: #505241;}
A.greyText:visited  {text-decoration: none; color: #505241;}
A.greyText:hover    {text-decoration: none; color: #3C4C5F; font-style: normal; text-decoration: underline}


input {font: 11px arial,sans-serif;color: #000000;  border: 1px solid #333333}
select {font: 11px arial, helvetica; color: #000000; border: 1px solid #333333}

.headline {font: bold 16px verdana, arial, helvetica, sans-serif; color: #000000;}
.headlineRED {font: bold 16px verdana, arial, helvetica, sans-serif; color: #CC2601;}
.headlineSM {font: bold 13px verdana, arial, helvetica, sans-serif; color: #000000;}
.headlineListing {font: bold 13px verdana, arial, helvetica, sans-serif; color: #000000; background-color: #E8E8D3; text-align: left; vertical-align: middle; padding-left: 10px;}
.headlineSMBLU {font: bold 16px verdana, arial, helvetica, sans-serif; color: #0a1347;}

.headlineSMWHT {font: bold 10px verdana, arial, helvetica, sans-serif; color: #FFFFFF;}
.columntextWHT {font: 12px verdana, arial, helvetica, sans-serif; color: #FFFFFF;}
.date {font: 10px verdana, arial, helvetica, sans-serif; color: #000000;}
.bodytext {font: 12px arial, helvetica, sans-serif; color: #000000;}

.homelinkWht {font: 12px verdana, arial, helvetica, sans-serif; color: #FFFFFF; TEXT-DECORATION: underline;}
a.homelinkWht {font: 12px verdana, arial, helvetica, sans-serif; color: #FFFFFF; text-decoration: underline;}
a:hover.homelinkWht {color: #ff0000;}


.subheaderNav {font: bold 10px verdana, arial, helvetica, sans-serif; color: #000000;}
a.subheaderNav {font: 10px verdana, arial, helvetica, sans-serif; color: #000000; text-decoration: none;}
a:hover.subheaderNav {color: #ff0000; text-decoration:none;}

.formsCat {font: bold 13px arial, helvetica, sans-serif; color: #000000;}
.forms {font: 13px arial, helvetica, sans-serif; color: #000000;}
.bodyforms {font: 12px arial, helvetica, sans-serif; color: #000000;}
a.bodyforms {FONT: 12px arial, helvetica, sans-serif; color: #00000; text-decoration: underline;}
a:hover.bodyforms {color: #8D0102; text-decoration:underline;}
.error {font: bold 10px verdana, arial, helvetica, sans-serif; color: #ff0000;}

.cellborder { border: 1px #000000 solid}

.feedbackFormText {
	BACKGROUND-COLOR : #E6E6E6;
	COLOR : #666666;
	INNER-HEIGHT : 13px;
	WIDTH : 220px;
	FONT-FAMILY : Arial, helvetica ,sans-serif;
	FONT-SIZE : 11px;
	FONT-WEIGHT : normal;
}

li {
list-style-image:url('/images/arrow_green.gif');
font-weight:normal
}


<!-- calander -->
.calendaravailable {  background-color: #445832; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color:#CCCCCC}
.calendarbooked {  background-color: #CC0000; font-family: Arial, Helvetica, sans-serif; font-size: 8pt}
.calendarnotavailable { background-color: #FFCC00; font-family: Arial, Helvetica, sans-serif; font-size: 8pt;}

td.calendaravailable {background-color: #445832; color: #000000;}
td.calendarbooked {background-color: #CC0000; color: #000000;}

tr.topdays {background-color: #eaffff; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; color : #000000;}
.toprightnumber {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px; font-weight: bold;}
.eventinbox {font-family: Arial, helvetica, sans-serif; font-size: 10px;}
.currentdate {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 17px; font-weight: bold;}

td.beforedayboxes {background-color: #ffffff; color: #000000;}
td.dayboxes {background-color: #ffffff; color: #000000;}
td.afterdayboxes {background-color: #ffffff; color: #000000;}
td.highlighteddayboxes {background-color: #EFEFEF; color: #000000;}
td.bookedboxes {background-color: #FF0000; color: #000000;}

.event {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.eventdetail {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;}
.eventwhen {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 15px; font-weight: bold;}
.addevent {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.addeventextrainfo {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;}


#home { /* "link" will be our container, here div tag */
position:relative;      /* place for link-image: adapt to your needs */
left: 0px;    /* image dimensions, adapt to your needs */
top: 0px;
width: 65px;
height: 25px;
background: url(http://www.oldsouthvilla.com/images/home_over.gif) top left no-repeat; /* place of second image in the background */
}

#home a {       /* definition of link that will take all of container's space */
display: block;
width: 100%;
height: 100%;
background: white url(http://www.oldsouthvilla.com/images/home.gif) top left no-repeat;   /* place of first image in foreground */
color: #000;
}

#home a:hover { /* first image being masked when hovered onto */
background: transparent none;
} 

#accommodation { /* "link" will be our container, here div tag */
position:relative;      /* place for link-image: adapt to your needs */
left: 0px;    /* image dimensions, adapt to your needs */
top: 0px;
width: 140px;
height: 25px;
background: url(http://www.oldsouthvilla.com/images/accommodation_over.gif) top left no-repeat; /* place of second image in the background */
}

#accommodation a {       /* definition of link that will take all of container's space */
display: block;
width: 100%;
height: 100%;
background: white url(http://www.oldsouthvilla.com/images/accommodation.gif) top left no-repeat;   /* place of first image in foreground */
color: #000;
}

#accommodation a:hover { /* first image being masked when hovered onto */
background: transparent none;
} 

#gallery { /* "link" will be our container, here div tag */
position:relative;      /* place for link-image: adapt to your needs */
left: 0px;    /* image dimensions, adapt to your needs */
top: 0px;
width: 127px;
height: 25px;
background: url(http://www.oldsouthvilla.com/images/gallery_over.gif) top left no-repeat; /* place of second image in the background */
}

#gallery a {       /* definition of link that will take all of container's space */
display: block;
width: 100%;
height: 100%;
background: white url(http://www.oldsouthvilla.com/images/gallery.gif) top left no-repeat;   /* place of first image in foreground */
color: #000;
}

#gallery a:hover { /* first image being masked when hovered onto */
background: transparent none;
} 

#menu { /* "link" will be our container, here div tag */
position:relative;      /* place for link-image: adapt to your needs */
left: 0px;    /* image dimensions, adapt to your needs */
top: 0px;
width: 141px;
height: 25px;
background: url(http://www.oldsouthvilla.com/images/menu_over.gif) top left no-repeat; /* place of second image in the background */
}

#menu a {       /* definition of link that will take all of container's space */
display: block;
width: 100%;
height: 100%;
background: white url(http://www.oldsouthvilla.com/images/menu.gif) top left no-repeat;   /* place of first image in foreground */
color: #000;
}

#menu a:hover { /* first image being masked when hovered onto */
background: transparent none;
} 

#attractions { /* "link" will be our container, here div tag */
position:relative;      /* place for link-image: adapt to your needs */
left: 0px;    /* image dimensions, adapt to your needs */
top: 0px;
width: 170px;
height: 25px;
background: url(http://www.oldsouthvilla.com/images/attractions_over.gif) top left no-repeat; /* place of second image in the background */
}

#attractions a {       /* definition of link that will take all of container's space */
display: block;
width: 100%;
height: 100%;
background: white url(http://www.oldsouthvilla.com/images/attractions.gif) top left no-repeat;   /* place of first image in foreground */
color: #000;
}

#attractions a:hover { /* first image being masked when hovered onto */
background: transparent none;
} 

#contact { /* "link" will be our container, here div tag */
position:relative;      /* place for link-image: adapt to your needs */
left: 0px;    /* image dimensions, adapt to your needs */
top: 0px;
width: 84px;
height: 25px;
background: url(http://www.oldsouthvilla.com/images/contact_over.gif) top left no-repeat; /* place of second image in the background */
}

#contact a {       /* definition of link that will take all of container's space */
display: block;
width: 100%;
height: 100%;
background: white url(http://www.oldsouthvilla.com/images/contact.gif) top left no-repeat;   /* place of first image in foreground */
color: #000;
}

#contact a:hover { /* first image being masked when hovered onto */
background: transparent none;
} 

/* Photo Gallery */
.photo_gallery_photo { margin: 0pt; background: transparent url(../images/gallery/LoadingCircle.gif) no-repeat scroll center; float: left; width: 445px; height: 298px; }
.photo_gallery_thumbnails_ext { overflow: auto; width: auto; height: 298px; }
.photo_gallery_thumbnails { margin: 0pt; padding-left: 10px; float: right; }
.photo_gallery_thumbnail { float: left; width: 135px; height: 90px; }
.photo_gallery_thumbnail img { cursor: pointer; }

.clear_both { clear: both; margin: 0; }