/***********************************************/
/* main.css */
/* Quad Garden Route
Stylesheet Rules:
Number four has the highest priority
1. Browser default
2. External style sheet
3. Internal style sheet (inside the tag)
4. Inline style (inside an HTML element)
/***********************************************/
/***********************************************/
/* HTML tag styles */
/***********************************************/
body {
margin:10px 10px 0px 10px;
padding:0;
font-family: Arial, sans-serif;
font-size:100.1%;
color: #000000;
line-height: 1.166;
text-align: center;
}
/******* hyperlink and anchor tag styles *******/
a:link, a:visited{
color: #333333;
text-decoration: none;
}
a:hover{
text-decoration: underline;
color: #000000;
}
/************** header tag styles **************/
h1{
font: bold 175% Arial,sans-serif;
color: #FFCC00;
margin: 0px;
padding: 0px;
}
h2{
font: bold 140% Arial,sans-serif;
color: #333333;
margin: 0px;
padding: 0px;
}
h3{
font: bold 130% Arial,sans-serif;
color: #FFCC00;
margin: 0px;
padding: 0px;
}
h4{
font: bold 120% Arial,sans-serif;
color: #000000;
margin: 0px;
padding: 0px;
text-decoration: underline;
}
h5{
font: bold 105% Arial,sans-serif;
color: #000000;
margin: 0px;
padding: 0px;
text-decoration: underline;
}
h6{
font: bold 100% Arial,sans-serif;
color: #333333;
margin: 0px;
padding: 0px;
}
/*************** list tag styles ***************/
/**Lists**/
li {
font-size: 90%;
line-height: 1.1em;
margin-top: 0.3em;
margin-bottom: 0.2em;
}
ul{
list-style-type: square;
margin-top: 1em;
margin-bottom: 1em;
}
ul ul{
list-style-type: disc;
}
ul ul ul{
list-style-type: none;
}
/**-hilite-Lists**/
hiliteli {
font-size: 90%;
line-height: 1.1em;
margin-top: 0.3em;
margin-bottom: 0.2em;
}
hiliteul{
list-style-type: square;
margin-top: 1em;
margin-bottom: 1em;
}
hiliteul hiliteul{
list-style-type: disc;
}
hiliteul hiliteul hiliteul{
list-style-type: none;
}
/********* form and related tag styles *********/
form {
margin: 0;
padding: 0;
}
label{
font: bold 1em Arial,sans-serif;
color: #334d55;
}
input{
font-family: Arial,sans-serif;
}
hr {
margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
color: #ccc; /* for ie */
background-color: #ccc; /* for everyone else */
height: 1px;
}
td {
font-size: 90%;
}
hr {
margin-top: 2.0em;
margin-bottom: 2.0em;
}
img {
border: 0;
}
/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net
***/
.italics-test, .italics-test-side {
font-style: italic;
text-align: justify;
}
/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/
/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/
/******* Paragraph styles *******/
p.uppercase {text-transform: uppercase}
p.lowercase {text-transform: lowercase}
p.capitalize {text-transform: capitalize}
/***********************************************/
/* Layout Divs */
/***********************************************/
#wrapper {
margin-left: auto;
margin-right: auto;
width: 760px;
text-align: left;
background: #FFCC00;
z-index:-2;
border-style: solid;
border-top-color: #333333;
border-top-width: 2px;
border-right-color: #333333;
border-right-width: 2px;
border-right-style: groove;
border-bottom-width: 2px;
border-bottom-color: #333333;
border-bottom-style: groove;
border-left-color: #333333;
border-left-width: 2px;
}
#main1 {
margin:0;
padding:0;
background: #FFCC00;
z-index:0;
}
#main2 {
margin:0;
padding:0;
background: #FFCC00;
z-index:0;
}
#left {
float:left;
width:161px;
margin:0;
padding:0;
font: small Verdana,sans-serif;
background: #FFCC00;
z-index:2;
border-right-color: #999999;
border-right-width: 3px;
}
#right {
float:right;
width:150px;
margin:0;
padding:0;
font: small Verdana,sans-serif;
background: #FFCC00;
z-index:2;
}
#middle {
margin:0px 151px 0px 162px;
font-size:80%;
background: #FFCC00;
/**background-color: FFCC00; **/
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
z-index:1
}
#2column_content {
margin:0px 0px 0px 162px;
font-size:80%;
background: #FFCC00;
/**background-color: FFCC00; **/
border-right: 1px solid #cccccc;
z-index:1
}
.column-in {
margin:0; padding:0.5em 1em;
}
.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}
.copy { text-align:center; font-size:80% }
/**
.shadowbox {
background: #ccc;
position: relative;
top: 2px;
left: 2px;
}
.shadowbox div {
background: #333;
border: 2px solid #000;
color: #fff;
padding: 10px;
position: relative;
top: -2px;
left: -2px;
}
**/
#header {
margin:0;
padding:0;
/**background-image:url(../images/quadadventures_website_logo_angle.gif);
background-repeat: no-repeat;
background-position: left; **/
height:131px;
z-index: 1;
}
#logo {
position:relative;
margin: 0px;
padding: 22px 0px 0px 0px;
top: -2px;
left: -2px;
height:105px;
width: 159px;
z-index: 3;
background: #FFCC00;
display: block;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.headerTable {
position: relative;
Left:0px;
top:0px;
float: left;
z-index: 1;
}
/************** pageNameLP styles ****************/
#pageNameLP{
padding: 0px 0px 0px 0px;
margin: 0px;
color: #333333;
background: #333333;
z-index: auto;
}
#pageNameLP h1{
font: bold 145% Arial,sans-serif;
color: #FFCC00;
margin:0px;
padding: 2px 0px 2px 0px;
}
#pageNameLP h2{
font: 40% Arial,sans-serif;
color: #333333;
margin:0px;
padding: 0px;
}
#pageNameLP h3{
font: 115% Arial,sans-serif;
color: #FFCC00;
margin:0px;
padding: 0px;
}
#pageNameLP img{
position: relative;
top: 12px;
padding: 0px;
margin: 0px;
left: 0px;
}
/************** pageNameBook styles ****************/
#pageNameBook{
padding: 0px 0px 0px 0px;
margin: 0px;
color: #333333;
background: #333333;
z-index: auto;
}
/************** pageName styles ****************/
#pageName{
padding: 1px 0px 1px 10px;
margin: 0px;
color: #FFCC00;
background: #333333;
z-index: auto;
height: 13px;
}
#pageName h1{
font: bold 145% Arial,sans-serif;
color: #FFCC00;
margin:0px;
padding: 0px;
}
#pageName h2{
font: 40% Arial,sans-serif;
color: #333333;
margin:0px;
padding: 0px;
}
#pageName h3{
font: 115% Arial,sans-serif;
color: #FFCC00;
margin:0px;
padding: 0px;
}
#pageName img{
position: absolute;
top: 140px;
right: 6px;
padding: 0px;
margin: 0px;
left: 419px;
}
#pageHelp{
padding: 0px 0px 0px 0px;
height: 14px;
margin: 0px;
color: #000000;
background: #999966;
z-index: 1;
border-bottom: 1px solid #ffffff;
}
/************** utility styles *****************/
#utilityLP{
float: right;
font: 55% Verdana,sans-serif;
font-weight: bold;
width: 300px;
color: #000000;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 1px;
margin: 0px;
z-index: auto;
}
#utilityLP a:link{
color: #000000;
}
#utilityLP a:visited{
color: #000000;
}
#utilityLP a:hover{
text-decoration: underline;
color: #FFFFFF;
}
#utilityBook{
float: right;
font: 55% Verdana,sans-serif;
font-weight: bold;
width: 270px;
padding-top: 5px;
padding-bottom: 2px;
padding-right: 1px;
margin: 0px;
color: #FFFFFF;
z-index: auto;
}
#utilityBook a:link{
color: #FFFFFF;
}
#utilityBook a:visited{
color: #FFFFFF;
}
#utilityBook a:hover{
text-decoration: underline;
color: #666666;
}
#utility{
float: right;
font: 55% Verdana,sans-serif;
font-weight: bold;
width: 270px;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 1px;
margin: 0px;
color: #FFFFFF;
z-index: auto;
}
#utility a:link, a:visited{
color: #FFFFFF;
}
#utility a:hover{
text-decoration: underline;
color: #999966;
}
#breadCrumb{
font-size: 68%;
font-family: Arial, Helvetica, sans-serif;
color: #FFCC00;
font-weight: bold;
}
.breadCrumbt1{
color: #000000;
padding-top: 1px;
padding-bottom: 0px;
}
#breadCrumb a{
color: #000000;
text-decoration: underline;
}
#breadCrumb a:hover{
color: #333333;
text-decoration: none;
}
#content{
padding:0px 0px 0px 0px;
margin:0;
text-align: justify;
}
/**
#content h2{
color: #FFCC00;
height:18px;
background-color: #333333;
padding: 2px 0px 2px 0px;
margin: 0px -5px 0px -5px;
font-size: 115%;
z-index: 1;
}
#content h2 a:link {
color: #FFCC00;
font-size: 100%;
background-color: #333333;
z-index: 1;
}
#content h3{
color: #FFCC00;
font-size: 120%;
height:18px;
background-color: #333333;
border-bottom: 1px solid #cccccc;
text-decoration: none;
margin: 200px -5px 20px -5px;
padding: 0px 0px 0px 0px;
font-size: 100%;
text-align: justify;
}
#content h4{
color: #FFCC00;
padding: 2px 0px 2px 0px;
margin: 0px -5px 0px -5px;
font-size: 120%;
height:15px;
background-color: #333333;
border-bottom: 1px solid #cccccc;
text-decoration: none;
}
#content h5{
color: #FFCC00;
padding: 0px 0px 0px 0px;
margin: 0px -5px 0px -5px;
height:15px;
background-color: #333333;
font-size: 100%;
text-decoration: none;
}
**/
/*************** pageNameLP styles ****************
/************** pageHelp styles ***************
/**image rounded border/
HTML
CSS
.bl {background: url(http://www.quadgardenroute.co.za/images/bl.gif) 0 100% no-repeat #e68200; width: 13em}
.br {background: url(http://www.quadgardenroute.co.za/images/br.gif) 100% 100% no-repeat}
.tl {background: url(http://www.quadgardenroute.co.za/images/tl.gif) 0 0 no-repeat}
.tr {background: url(http://www.quadgardenroute.co.za/images/tr.gif) 100% 0 no-repeat; padding:10px}
img.clear {font-size: 1px; height: 1px}
**/
/**image tags**/
img.imageleft { float: left; margin: 0px; }
img.imageright { float: right; margin: 0px; }
img.imagecenter { text-align: center; margin: 15px; }
img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}
img.imgmasthead {
position: relative;
left: -34px;
top: 0px;
width: 546px
}
img.logo {
position:relative;
margin: 0px;
top: 0px;
left: -6px;
height:92px;
width: 159px;
}
.rightpagenavpic {
float: left;
margin: 0px;
height:82px;
width: 149px
}
.gallery a{
border:0px
}
/**New image**/
#new-pic{
position: absolute;
top: 1171px;
left: 198px;
right: 13%;
width:auto;
height: auto;
}
#tl {
position:absolute;
top: -15px;
left: 50px;
margin: 0px;
padding: 0px;
z-index: 100;
}
#tr {
position:absolute;
top: -9px;
right: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
left: 746px;
}
/***********************************************/
/* Component Divs */
/***********************************************/
/**rating images**/
.rating-pics {
float: none;
margin: -5px;
width: 80%;
height: 80%;
}
/**ratings**/
.ratings{
color: #333333;
padding: 0px 0px 0px 0px;
font-size: 100%;
font-weight: bold;
}
.ratingsLP{
color: #333333;
padding: 0px 0px 0px 0px;
font-size: 100%;
font-weight: bold;
}
.ratings_h1{
color: #000000;
padding: 0px 0px 0px 0px;
font-size: 100%;
background: #999966;
font-weight: bold;
}
.ratingTableLP {
position: relative;
right:-2px;
top:0px;
float: right;
z-index: 1;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}
.ratingTableCombo {
position: relative;
float: left;
margin: 5px 0px 0px -7px;
padding: 0px 0px 0px 0px;
z-index: 1;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
width:230px;
}
.ratingTableCombo_h1{
color: #FFCC00;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
font-size: 100%;
font-weight: bold;
background-color: #333333;
height: 18px;
}
.HiliteTableCombo{
position: relative;
float: left;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px -5px;
z-index: 1;
width:230px;
font-size: 140%;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}
.HiliteTableCombo_h1{
color: #FFCC00;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 80%;
font-weight: bold;
background-color: #333333;
}
.HiliteTableCombo_pictures{
position: relative;
margin: 5px 12px 0px 0px;
float: right;
z-index: 0;
}
.ratingTableCombo_object2{
position: relative;
right:0px;
top:0px;
margin: 3px 8px 0px 0px;
float: right;
z-index: 4;
width:152px;
height:152px;
overflow: hidden;
}
.ratingTableCombo_object3{
position: relative;
right:0px;
top:0px;
margin: 80px 8px 0px 0px;
float: right;
z-index: 4;
width:152px;
height:96px;
overflow: hidden;
}
.ratingTable {
position: relative;
right:-2px;
top:7px;
margin: 0px 0px 20px 0px;
float: right;
z-index: 1;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
width:184px;
}
.booking_table{
padding: 2px 0px 1px 5px;
margin: 0px 0px 0px -12px;
}
.booking_table_h1{
color: #FFCC00;
height:18px;
padding: 1px 0px 1px 5px;
margin: 0px 0px 0px 0px;
font-size: 100%;
background-color: #333333;
z-index: 1;
font-weight: bold;
}
.booking_table_pictures{
margin: 0px 0px 0px 0px;
padding: 2px 0px 1px 5px;
z-index: 1;
position: static;
}
/************* breadCrumb styles *************
/******* Landing Page Layout & Class *********/
#featurelp{
height:auto;
padding: 0px 5px 0px 5px;
margin: 0px 0px 0px 0px;
z-index:1;
color: #000000;
font-style: normal;
}
#featurelp h2{
color: #FFCC00;
height:17px;
padding: 1px 0px 1px 5px;
margin: 0px -5px 0px -5px;
font-size: 100%;
background-color: #333333;
z-index: 1;
}
#featurelp h2 a:link{
font-size: 100%;
color: #FFCC00;
background-color: #333333;
z-index: 1;
text-decoration:none;
font-style: normal;
text-transform: none;
}
#featurelp h2 a:visited{
font-size: 100%;
color: #FFCC00;
background-color: #333333;
z-index: 1;
text-decoration:none;
font-style: normal;
text-transform: none;
}
#featurelp h2 a:hover{
font-size: 100%;
color: #FFCC00;
background-color: #333333;
z-index: 1;
text-decoration:underline;
}
#featurelp h3{
color: #FFCC00;
height:17px;
background-color: #333333;
padding: 1px 0px 1px 0px;
margin: 0px -5px 0px -5px;
font-size: 140%;
text-align: justify;
}
#featurelp h4{
color: #FFCC00;
padding: 2px 0px 2px 0px;
margin: 0px -5px 0px -5px;
font-size: 120%;
height:15px;
background-color: #333333;
border-bottom: 1px solid #cccccc;
text-decoration: none;
}
#featurelp h5{
color: #FFCC00;
padding: 0px 0px 0px 0px;
margin: 0px -5px 0px -5px;
height:15px;
background-color: #333333;
font-size: 100%;
text-decoration: none;
}
#featurelp a:link{
color: #333333;
background-color: #FFCC00;
text-decoration: none;
font-weight:bold;
}
#featurelp a:visited{
color: #333333;
background-color: #FFCC00;
text-decoration: none;
font-weight:bold;
}
#featurelp a:hover{
text-decoration: underline;
color: #000000;
background-color: #FFCC00;
font-weight:bold;
}
#featurelp img{
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px -4px;
z-index:-1
}
/************** feature styles *****************/
#feature{
height:auto;
padding: 0px 5px 0px 5px;
margin: 0px 0px 0px 0px;
z-index:1;
color: #000000;
font-style: normal;
}
.featurestyle{
padding: 0px 20px 0px 20px;
font-size: 80%;
height: auto;
text-align: justify;
margin-right: 5px;
margin-left: 5px;
}
#feature h2{
color: #FFCC00;
height:18px;
padding: 1px 5px 1px 5px;
margin: 0px -5px 0px -5px;
font-size: 100%;
background-color: #333333;
z-index: 1;
}
#feature h2 a:link {
color: #FFCC00;
font-size: 100%;
background-color: #333333;
z-index: 1;
}
#feature h3{
color: #FFCC00;
font-size: 120%;
height:18px;
background-color: #333333;
border-bottom: 1px solid #cccccc;
text-decoration: none;
margin: 180px -5px 0px -5px;
padding: 1px 5px 1px 5px;
font-size: 100%;
text-align: justify;
}
#feature h4{
color: #FFCC00;
padding: 2px 5px 2px 5px;
margin: 0px -5px 0px -5px;
font-size: 120%;
height:15px;
background-color: #333333;
border-bottom: 1px solid #cccccc;
text-decoration: none;
}
#feature h5{
color: #FFCC00;
padding: 0px 5px 0px 5px;
margin: 0px -5px 0px -5px;
height:15px;
background-color: #333333;
font-size: 100%;
text-decoration: none;
}
#feature a:link{
font-size: 100%;
height:auto;
color: #000000;
font-style: normal;
font-weight:bold;
}
#feature a:visited {
font-size: 100%;
height:auto;
color: #000000;
font-style: normal;
}
#feature a:hover {
text-decoration: underline;
}
#feature img{
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px -4px;
z-index:-1
}
#featureTable {
margin: 0px 0px 0px -5px;
z-index: 1;
width:444px;
}
#featureTableLinks {
margin: 0px 0px 0px 0px;
z-index: 1;
width:100%;
height:68px;
border-bottom: 1px solid #ffffff;
}
#featureTableLinks h6{
font: bold 125% Arial,sans-serif;
color: #333333;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 35px;
text-align: left;
}
#featureTableLinks a:link, #featureTableLinks a:visited {
font-size: 140%;
}
#featureTableLinks a:hover {
padding: 0px 0px 0px 0px;
text-decoration: underline;
font-weight: bold;
}
#featureTableLinks img{
width:150px;
height:65px;
padding: -10px 0px 0px 0px;
float: right;
position: relative;
right:0px;
top:-45px;
}
.featureTableLinks img{
float: left;
padding: 0px 0px 0px 0px;
}
/*************** story styles ******************/
.story {
padding: 10px 0px 0px 10px;
font-size: 80%;
}
.story h3{
font: bold 125% Arial,sans-serif;
color: #333333;
}
.story p {
padding: 0px 0px 10px 0px;
}
.story a.capsule{
font: bold 1em Arial,sans-serif;
color: #333333;
display:block;
padding-bottom: 5px;
}
.story a.capsule:hover{
text-decoration: underline;
color: #000000;
}
td.storyLeft{
padding-right: 12px;
}
/************** industry links styles ****************/
#IndLinks{
clear: both;
border-top: 1px solid #cccccc;
font-size: 100%;
color: #666666;
padding: 10px 10px 10px 10px;
margin-top: 5px;
background: #FFFFFF;
z-index: 1;
}
#IndLinks img{
padding: 4px 4px 4px 4px;
vertical-align: middle;
}
/************** siteInfo styles ****************/
#siteInfo{
/**clear: both; **/
border-top: 1px solid #cccccc;
font-size: 70%;
color: #FFCC00;
padding: 5px 0px 5px 0px;
margin-top: -1px;
background: #333333;
position: relative;
z-index:1;
}
#siteInfo a{
color: #FFCC00;
text-decoration: none;
}
#siteInfo a:hover{
color: #FFCC00;
text-decoration: underline;
font-weight: normal;
}
#siteInfo img{
padding: 4px 4px 4px 0px;
vertical-align: middle;
}
/************ sectionLinksR styles **************/
#sectionLinksR{
margin: 0px;
padding: 0px;
font-size: 85%;
}
#sectionLinksR h3{
padding: 10px 0px 2px 10px;
border-bottom: 1px solid #cccccc;
}
#sectionLinksR a:link, #sectionLinksR a:visited {
display: block;
spacing: 1px;
border-bottom: 1px solid #ffffff;
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #FFFFFF;
}
#sectionLinksR a:hover{
/* border-top: 1px solid #cccccc; */
border-bottom: 1px solid #cccccc;
font-weight: bold;
text-decoration: none;
background: #CCCC99;
background-image: None;
color: #333333;
}
/************ sectionLinksL styles **************/
#sectionLinksL{
margin: 0px;
padding: 0px;
background-color: #333333;
font-size: 100%;
z-index: 1;
}
#sectionLinksL h1{
display: block;
height:18px;
margin: 0px;
padding: 1px 0px 1px 5px;
background-color: #333333;
font-size: 100%;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
font-weight: bold;
color: #FFCC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sectionLinksL h3{
padding: 10px 0px 2px 5px;
border-bottom: 1px solid #cccccc;
}
#sectionLinksL a:link{
display: block;
height:16px;
margin: 0px;
padding: 2px 0px 1px 5px;
background-color: #999966;
font-size: 83%;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
font-weight: bold;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sectionLinksL a:visited{
display: block;
height:16px;
margin: 0px;
padding: 2px 0px 1px 5px;
background-color: #999966;
font-size: 83%;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
font-weight: bold;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sectionLinksL a:hover{
/* border-top: 1px solid #cccccc; */
border-bottom: 1px solid #cccccc;
font-weight: bold;
text-decoration: none;
background-color: #333333;
background-image: None;
color: #FFCC00;
}
/************* relatedLinksL styles **************/
.relatedLinksL{
margin: 0px;
padding: 10px 5px 10px 5px;
border-bottom: 1px solid #cccccc;
border-top: 0px solid #cccccc;
}
.relatedLinksL h3{
font: bold 100% Arial,sans-serif;
color: #333333;
margin: 0px;
padding: 10px 0px 2px 0px;
color: #000000;
}
.relatedLinksL a{
display: block;
font-size: 85%;
}
.relatedLinksL a:visited {
font-size: 85%;
height:auto;
color: #000000;
font-style: normal;
}
.relatedLinksL a:hover {
text-decoration: underline;
}
/************* relatedLinksR styles **************/
.relatedLinksR{
margin: 0px;
padding: 3px 0px 3px 5px;
border-bottom: 1px solid #cccccc;
border-top: 0px solid #cccccc;
color: #000000;
}
.relatedLinksR h3{
font: bold 95% Arial,sans-serif;
margin: 0px;
padding: 3px 0px 3px 5px;
color: #000000;
}
.relatedLinksR a{
display: block;
color: #000000;
font-size: 85%;
}
.relatedLinksR a:visited {
font-size: 85%;
height:auto;
color: #000000;
font-style: normal;
}
.relatedLinksR a:hover {
text-decoration: underline;
}
#gallery {
height:130px;
width:149px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #ffffff;
}
#gallery h3{
font: bold 110% Arial,sans-serif;
margin: 0px 0px 0px 0px;;
padding: 0px 0px 0px 0px;
color: #FFCC00;
text-align: center;
display: block;
height:20px;
spacing: 1px;
border-bottom: 1px solid #ffffff;
background-color: #333333;
}
#accom{
margin: 3px 0px 0px 0px;;
padding: 0px 0px 0px 0px;
font-size: 85%;
border-bottom: 1px solid #ffffff;
z-index: 1;
}
#accom h3{
font: bold 120% Arial,sans-serif;
margin: 1px -1px 0px 1px;;
padding: 0px 0px 0px 0px;
color: #FFCC00;
text-align: center;
display: block;
height:20px;
spacing: 1px;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #cccccc;
background-color: #333333;
}
#accom a{
color: #000000;
font-size: 65%;
display: block;
}
/**************** Banners styles *****************/
#banner{
padding: 0px 0px 5px 0px;
}
#banner h3{
padding: 10px 0px 5px 5px;
color: #000000;
text-align:left;
}
#banner h2{
color: #FFCC00;
height:17px;
padding: 1px 0px 1px 5px;
margin: 0px -5px 0px -5px;
font-size: 100%;
background-color: #333333;
z-index: 1;
}
#banner h2 a:link{
font-size: 100%;
color: #FFCC00;
background-color: #333333;
z-index: 1;
text-decoration:none;
font-style: normal;
text-transform: none;
}
#banner h2 a:visited{
font-size: 100%;
color: #FFCC00;
background-color: #333333;
z-index: 1;
text-decoration:none;
font-style: normal;
text-transform: none;
}
#banner h2 a:hover{
font-size: 100%;
color: #FFCC00;
background-color: #333333;
z-index: 1;
text-decoration:underline;
}
#banner img{
text-align:center;
margin: 0px;
}
#addthis {
margin:10px 0px 10px 0px;
padding:0px 2px 0px 2px;
min-height:15px;
}
/**************** advert styles *****************/
#advert{
padding: 5px 0px 0px 0px;
color: #000000;
background-color:#FFCC00;
}
#advert h3{
padding: 5px 0px 2px 5px;
border-bottom: 1px solid #ffffff;
color: #000000;
}
.advert img{
display: block;
}
/************** google-ads styles ****************/
#g-ads {
/**clear: both; **/
margin:10px 10px 0px 10px
}
.g-ads img{
padding: 0px 10px 0px 0px;
}
/********************* end **********************/
#combo{
padding: 0px;
margin:0px 0px 0px 0px;
position: relative;
z-index: 1;
}
#combo h2{
color: #000000;
font-size: 120%;
height:18px;
background-color: #999966;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
text-decoration: none;
margin: 0px -5px 0px -5px;
padding: 1px 5px 1px 5px;
text-align: justify;
}
#combo h3{
color: #FFCC00;
font-size: 120%;
height:18px;
background-color: #333333;
border-bottom: 1px solid #cccccc;
text-decoration: none;
margin: 190px -5px 0px -5px;
padding: 1px 5px 1px 5px;
text-align: justify;
}
#combo h4{
color: #FFCC00;
font-size: 120%;
height:18px;
background-color: #333333;
border-bottom: 1px solid #cccccc;
text-decoration: none;
margin: 208px -5px 0px -5px;
padding: 1px 5px 1px 5px;
text-align: justify;
}
/**************** calendar-container styles *****************/
#calendar-container-div{
padding: 10px;
border-bottom: 1px solid #cccccc;
position: relative;
}
#calendar-container-div{
display: block;
}
#calendar-container-div h3{
font: bold 100% Arial,sans-serif;
color: #000000;
padding: 0px 0px 5px 0px;
}
/********************* end **********************/