body{
margin:0px auto;
background-color:#fbfed5;
text-align:center;
}

.PageFrame {
width:954px;
padding:0px;
margin:0px auto;
background-image:url(pageFramebackground.jpg);
background-repeat:repeat-y;
background-position:center;
background-color:#FFFFFF;
border:#009900 solid 1px;
}
.adminMenu {
width:954px;
margin:0px auto;
text-align:left;
}
#ControlPanel {
}
#topGraphic {
float:left;
width:954px;
height:140px;
padding:0px;
margin:0px;
background-image:url(GordaleLogo.jpg);
background-repeat:no-repeat;
}
#login {
clear:both;
width:951px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#0c4015;
font-size:0.8em;
margin:5px auto;
}
#login a {
color:#0c4015 !important;
font-weight:normal;
text-decoration:none;
}
#login a:hover {
text-decoration:underline !important;
color:#0c4015 !important;
}
#GordaleMenuTab {
clear:both;
float:left;
width:954px;
height:33px;
background-image:url(NavigationBackground.jpg);
background-repeat:repeat-x;
clear:both;
}

/* sets background and other  properties for the main menu tab */

/* main tab background image and other properties */
#navHContainer {
text-transform:uppercase;
display:block;
margin:0px;
padding:0px;
font-size:0.75em;
}

#nav ul {
padding:0px;
margin:0px auto;
    list-style:none;
    float:left;
    width:auto;
}
#nav li {
position: relative;
float:left;
/*line-height :63px; sets the height of the tab menu */
width:136px; /*sets the width of the tabs */
list-style: none;
padding-top:7px;

}
/* second-level lists */
#nav li ul { 
position : absolute;
left: -999em;
padding:0px;
margin:0px;
}
/* set the text properties for main tab */
#nav a {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-decoration:none !important;
color:#0c4015 !important;
display:block;
text-align:center;
margin:0px;
height:28px;
padding-top:4px;
font-size:0.85em;
}
#nav a:visited {

}
#nav a:hover {
color:#FFFFFF !important;
text-decoration:underline;
}
#nav ul li {
}
/* set the hover properties for the main tab background */
#nav li:hover {
background-image:url(NavigationBackgroundHover.jpg);
background-repeat:repeat-x;
}
/*  set the submenu background and font color etc  */
#nav li li a {
width:136px;
background-color:#1ea12e;
background-image:none;
padding:0px;
margin:0px;
border-bottom:#FFCC00 solid 1px;
color:#FFFFFF !important;
}
/* set the hover effects for the submenu 1 text and background and cancels the image background from the main tab */
#nav li li a:hover{
background-image:none;
background-color:#FFCC00;
color:#0c4015 !important;
text-decoration:none;
}
#nav li li {
padding:0px;
}
#nav li li:hover {
background-image:none;

}
#nav li a.SelectedTab {
padding:0px;
margin:0px;
    
}
#nav .DisabledTab {
    color:#ccc;
	font-size:0.8em;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;

}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 0px; /*sets positioning of the drop down menu level 1*/
	left:0;
	margin-top:32px;
	
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:136px; /*sets positioning of the drop down menu level 2*/
	margin-top:0px;
}
/*end of navigation*/

#searchPane {
float:left;
clear:both;
width:954px;
height:20px;
margin:0px auto;
font-size:0.9em;
}
.breadcrumb {
padding-left:10px;
float:left;
width:70%;
text-align:left;
}
.breadcrumb a{
color:#0c4015 !important;
}
.SkinObject {
color:#0c4015;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
}
.search {
float:right;
text-align:right;
padding-right:10px;
}
#threepanecontent{
clear:both;
float:left;
width:954px;
padding:0px;
margin:0px;
}
.leftpane{
width:200px;
float:left;
margin:0px;
padding:5px;
}

.ContentGroup {
float:right;
width:740px;
margin:0px;
padding:0px;
}
.contentpane {
float:left;
width:510px;
margin:0px;
padding:5px;
}

.rightpane {
float:right;
width:200px;
margin:5px 0px 0px 0px;
padding:5px;
}
.Gordalefooter {
clear:both;
float:left;
width:954px;
height:35px;
background-image:url(GordaleFooter.jpg);
background-repeat:no-repeat;
background-position:center;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#009933 !important;
text-align:center;
padding-top:80px;
}
.Gordalefooter a {
color:#009933 !important;
text-decoration:none;
font-weight:normal;

}
.Gordalefooter a:hover {
color:#009933;
text-decoration:none;

}
.Gordalefooter p {
color:#009933 !important;
text-align:center;
padding:0px;
margin:0px;
}
#ClickTracksPane {

}

/* styling text etc */

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
text-transform:none;
text-decoration:none;
color:#0c4015;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.15em;
font-weight:bold;
text-transform:none;
text-decoration:none;
color:#0c4015;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color:#0c4015;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style:italic;
	color:#0c4015;
	font-weight:bold;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	color:#0c4015;
}

.Normal {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#0c4015;
}
.NormalBold {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#0c4015;
font-weight:bold;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#0c4015;
}

a {
color:#209302 !important;
font-weight:bold;
text-decoration:none !important;
}
a:hover{
color:#209302 !important;
text-decoration:underline !important;
}
a:visited {

}
a:active {

}

.announcementTitle {
font-weight:bold;
}
#spacerDiv {
float:left;
width:100%;
margin:0px auto;
}
/* gordale subnavigation links container */

.GordaleSubnavigationFrame {
width:191px;
margin:10px auto 10px auto;
padding:0px;
}

.GordaleSubnavigation {
margin-left:auto;
margin-right:auto;
padding:0px;
background-image:url(SubnavigationMiddleBackground.jpg);
background-repeat:repeat-y;
width:191px;
}
/*navigation links pane*/

.GordaleSubnavigation ul {
width:175px;
list-style:none;
margin:0px auto;
padding:0px;
text-align:left;
border-top:#FFFFFF solid 1px;
}
.GordaleSubnavigation ul li:hover {

}
.GordaleSubnavigation ul li {
list-style:none;
border-bottom:#FFFFFF solid 1px;
padding:4px 0px;
}
.GordaleSubnavigation ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-decoration:none ;
color:#0c4015 !important;
list-style:none;
font-weight:bold;
width:175px;
}
.GordaleSubnavigation li a:hover {
color:#ffffff !important;
} 
.GordaleSubnavigation li:hover {
background-color:#1ea12e;
}
.SubnavigationTopBackground {
background-image:url(SubnavigationTopBackground.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
height:19px;
width:191px;
}
.SubnavigationBottomBackground {
background-image:url(SubnavigationBottomBackground.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
height:19px;
width:191px;
}
/* gordale container with heading */
.WSIHeaderContainer {
width:187px;
margin:10px auto 20px auto;
}
.dropdownactionsHeaderContainer {
height:21px;
width:190px;
background-image:url(containerHeader.jpg);
background-repeat:no-repeat;
background-position:center;
text-align:center;
padding-top:7px;
font:Arial, Helvetica, sans-serif;
color:#0c4015;
font-size:0.9em;
}
.headerContainerContent{
padding:5px;
border:#76947c solid 1px;
margin:1px auto;
color:#0c4015;
width:178px;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}
.Head {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.9em;
color:#0c4015;
padding:0px;
margin:0px;
text-align:center;
}
.HeadWSIContainer {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1em;
color:#0c4015;
}

.HeadGordaleContainer {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1em;
color:#0c4015;
}
/* gordale opening times container */
.GordaleOpeningTimesContainer {
width:100%;
padding:0px;
margin:25px 0px;
text-align:center;
border-right:#0c4015 solid 1px;
color:#0c4015;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
}
.GordaleOpeningTimesContainer h1 {
font-weight:bold;
margin:0px;
padding:0px;
}
/* gordale coffe container */

.GordaleCoffeeContainer {
width:187px;
margin:10px auto 20px auto;
}
.dropdownactionsCoffeeContainer {
height:21px;
width:190px;
background-image:url(containerHeader.jpg);
background-repeat:no-repeat;
background-position:center;
text-align:center;
padding-top:7px;
font:Arial, Helvetica, sans-serif;
color:#0c4015;
font-size:0.9em;
}
.CoffeeContainerContent{
background-image:url(containerCoffeeBackground.jpg);
background-position:center;
background-repeat:no-repeat;
height:54px;
padding:62px 4px 5px 4px;
border:#76947c solid 1px;
margin:1px auto;
color:#0c4015;
width:179px;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}
.CoffeeContainerContent p{
margin:0px;
padding:0px;
}

/* gordale children container */
.GordaleChildrenContainer {
width:187px;
margin:10px auto 20px auto;
}
.dropdownactionsChildrenContainer {
height:21px;
width:190px;
background-image:url(containerHeader.jpg);
background-repeat:no-repeat;
background-position:center;
text-align:center;
padding-top:7px;
font:Arial, Helvetica, sans-serif;
color:#0c4015;
font-size:0.9em;
}
.ChildrenContainerContent{
background-image:url(containerChildrenBackground.jpg);
background-position:center;
background-repeat:no-repeat;
height:54px;
padding:62px 4px 5px 4px;
border:#76947c solid 1px;
margin:1px auto;
color:#0c4015;
width:179px;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}
.ChildrenContainerContent p{
margin:0px;
padding:0px;
}