/* Link anchor pseudo-classes defining link colours*/
a:link {color: #b61316}     /* unvisited link */
a:visited {color: #b61316}  /* visited link */
a:hover {color: #ffaa00}   /* mouse over link */
a:active {color: #ffaa00}   /* selected link */

body {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
text-align: center;
background-color:#6d71a5;
background-image: url(../general/bottom.gif);
background-repeat: repeat-y;
background-position: center;
}

#container{
position:relative;
margin-left: auto;
margin-right: auto;
padding: 0px;
width:800px;
height: 600px;
text-align:center;
margin:0 auto 0 auto;
background-color:#FFFFFF;
z-index: 0
} 

#OneStatTag
{
position: absolute;
left: 2;
top: 586;
width: 96px;
height: 15px;
padding: 0px;
z-index: 1
}


#header
{
position: absolute;
left: 147;
top: 0;
width: 653px;
height: 182px;
padding: 0px;
z-index: 1
}

#sidebar
{
position: absolute;
left: 0px;
top: 0px;
width: 147px;
height: 600px;
padding: 0px;
z-index: 2
}

#linkhome
{
position: absolute;
left: 27px;
top: 216px;
width: 45px;
height: 15px;
padding: 0px;
z-index: 2
}

#linkaboutsems
{
position: absolute;
left: 27px;
top: 247px;
width: 81px;
height: 33px;
padding: 0px;
z-index: 2
}

#linktour
{
position: absolute;
left: 27px;
top: 294px;
width: 88px;
height: 18px;
padding: 0px;
z-index: 2
}

#linkbookings
{
position: absolute;
left: 27px;
top: 328px;
width: 92px;
height: 32px;
padding: 0px;
z-index: 2
}

#linkphotos
{
position: absolute;
left: 27px;
top: 376px;
width: 67px;
height: 33px;
padding: 0px;
z-index: 2
}

#linklinks
{
position: absolute;
left: 27px;
top: 423px;
width: 42px;
height: 18px;
padding: 0px;
z-index: 2
}

#background
{
position: absolute;
left: 147;
top: 182;
width: 653px;
height: 418px;
padding: 0px;
z-index: 1
}

/*Y Stuff for the home page only*/
#indexsecondtitle
{
position: absolute;
left: 220;
top: 182;
width: 376px;
height: 65px;
padding: 0px;
z-index: 2
}

#indexmaincell
{
position: absolute;
left: 155;
top: 245;
width: 630px;
height: 308px;
padding: 0px;
z-index: 2
}

td.introhiddena
{
width: 15px;
border-style: solid;
border-color: #4983C2;
border-width: 0px;
border-spacing: 0px
}

td.introcell
{
width: 480px;
border-style: solid;
border-color: #b61316;
border-width: 2px;
border-spacing: 0px
}

td.introhiddenb
{
width: 135px;
border-style: solid;
border-color: #4983C2;
border-width: 0px;
border-spacing: 0px
}

/* Divs for everything apart from the home page*/
#tagline
{
position: absolute;
left: 147;
top: 182;
width: 448px;
height: 59px;
padding: 0px;
z-index: 2
}

#maincell
{
position: absolute;
left: 155;
top: 249;
width: 630px;
height: 359px;
padding: 0px;
z-index: 2
}

/*Y Paragraph text that's not defined as anything else*/
p
{
font-family: Helvetica, Arial, Univers, sans-serif;
font-size: 13;
font-style: normal;
font-weight: normal;
text-align: left;
color: #a1a19a
}

h1
{
font-size: 18;
font-family: "Times New Roman", serif;
font-style: italic;
font-weight: bold;
text-align: left;
color: #b61316
}

h2
{
font-size: 14;
font-family: Helvetica, Arial, Univers, sans-serif;
font-style: normal;
font-weight: bold;
text-align: left;
color: #ffaa00
}

h3
{
font-size: 14;
font-family: Helvetica, Arial, Univers, sans-serif;
font-style: italic;
font-weight: bold;
text-align: left;
color: #b61316
}

h4
{
font-size: 14;
font-family: Helvetica, Arial, Univers, sans-serif;
font-style: italic;
font-weight: bold;
text-align: center;
color: #b61316
}

li
{
font-family: Helvetica, Arial, Univers, sans-serif;
font-size: 13;
font-style: normal;
font-weight: normal;
text-align: left;
color: #a1a19a
}

table.phototable
{
width: 640px;
border-color: #4983C2;
border-style: solid;
border-width: 0px;
border-spacing: 0px
}

/*Y Table cell containing photo */
td.photocell
{
height: 280px;
width: 320px;
text-align: center;
vertical-align: bottom;
border-width: 1px;
border-spacing: 0px;
border-color: #a1a19a
}

/*Y Table cell containing caption */
td.photocaptioncell
{
height: 30px;
width: 320px;
text-align: center;
vertical-align: top;
border-width: 1px;
border-spacing: 0px;
border-color: #a1a19a
}

p.photocaptiontext
{
text-align: center
}

/* Everything for the menu bar*/


.glossymenu{
margin: 5px 0;
padding: 0;
width: 125px; /*width of menu*/
border: 1px solid #6d71a5;
border-bottom-width: 0;
position: absolute;
left: 5px;
top: 255px;
z-index: 2
}

.glossymenu a.menuitem{ /*main menu items text */
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #ffaa00;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-align: left;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #ffaa00;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}