﻿body {
	margin:0;
	padding:0;
	border:0;			
	width:100%;
	background-image:url('images/backdrop.png');
	background-repeat:repeat-x;
	background-color:#000000;
	min-width:600px;		
	font-size:90%;
}

a {
	color:#B20000;
	cursor:
}

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:5px;
	padding:0;
	text-align:justify; 
	text-indent:30px;
	font-size:13pt;
}

table {
	text-align:justify;
	font-size:13pt;
	margin-left:5px;
	margin-right:5px;
}

#mondays {
	text-align:center;
	font-size:11pt;
	margin:0;
}

ol {
	text-align:justify;
	margin:5px 5px 5px 5px;
	font-size:13pt;
}

#methods {
	text-align:justify;
	margin-left:5px;
	padding:5px;
}

.noindent {
	margin:5px 5px 5px 5px;
	padding:0;
	text-align:justify;
	text-indent:0;
}

.centreaddy {
	margin-left:20%;
	text-align:centre;
}

#picmiddle {
	width:250px;
	height:200px;
	padding:10px;
	display:block;
	margin:auto;
}

.captionleft {
	clear:both;
	float:left; 
	width:350px; 
	margin-right:5px; 
	margin-bottom:10px; 
	font-size:11pt; 
	font-style:italic; 
	text-align:center;
}

.captionright {
	clear:both;
	float:right; 
	width:400px; 
	margin-left:5px; 
	margin-bottom:10px; 
	font-size:11pt; 
	font-style:italic; 
	text-align:center;
}

#captionrightspecial {
	clear:both;
	float:right; 
	width:200px; 
	margin-left:5px; 
	margin-bottom:10px; 
	font-size:11pt; 
	font-style:italic; 
	text-align:center;
}

#equipment {
	list-style-type:none;
	font-size:13pt;
}

.improve {
	text-align:justify;
	margin-left:50px;
	font-size:13pt;
}

#main {
	border-radius:25px;
	border:2px solid;
	overflow:hidden;
}

.pichead {
	clear:left; 
	display:inline;
	font-size:2.5em;
	font-weight:bold;
}

.committeepicright {
	max-width:250px;
	max-height:300px;
	border:2px; 
	float:right; 
	clear:both; 
	margin:0px 5px 0px 5px;
}

.committeepicleft {
	max-width:250px;
	max-height:300px;
	border:2px;
	float:left; 
	clear:both; 
	margin:0px 5px 0px 5px;
 }

 .picright {
	width:250px;
	height:250px;
	Border:2px; 
	float:right; 
	clear:both; 
	margin:20px 5px 0px 10px;
}

.picleft {
	width:250px;
	height:250px;
	Border:2px;
	float:left; 
	clear:both; 
	margin:20px 10px 0px 5px;
 }
 
.stores {
	width:300px;
	height:100px;
	vertical-align:center;
}
 
.storessp {
	width:200px;
	height:100px;
	vertical-align:center;
}

.sectiontitle {
	text-align:left;
	margin-left:35px;
}

.sitemap {
	list-style:none;
	text-align:justify;
	margin:5% 0 5% 25%;
	font-size:13pt; 
}

.sitemaplist {
	list-style:circle;
	text-align:justify;
	margin:5% 5% 5% 5%;
	font-size:13pt; 
}

.sitemaplistnest {
	list-style:disc;
	text-align:justify;
	margin:5% 5% 5% 5%;
	font-size:13pt; 
}
 
#header {
	clear:both;
	float:left;
	width:100%;
}
#header {
	border-bottom:1px solid #000;
}

#spacer {
	clear:both;
	background:#FFFF00;
	margin:0;
	padding:0 3px !important;
	text-align:right;
	border-radius:25px;
	border:1px solid;
	overflow:hidden;
}

.searchbox {
	width:24%;
	float:right;
	height:10px;
	position:relative;
	top:-20px;
}

.colmask {
	position:relative;	
	clear:both;
	float:left;
	width:100%;			
	overflow:hidden;
	border-radius:25px;
}

.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			
	position:relative;
	border-radius:25px;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	
	overflow:hidden;
}

.cal {
	float:left;
	width:25%;
	position:relative;
	clear:both;
	padding:0 0 50em 0;	
	overflow:hidden;
	border-radius:25px;
	background-image:url('images/stage.jpg');
}

.bigcal {
	width:75%;
	position:relative;
	overflow:hidden;
	border-radius:25px;
	background:#ffffff;	
}

#calendar {
	text-align:center;
}

.threecol {
	background-image:url('images/stage.jpg');		/* right column background colour */
}

.threecol .colmid {
	right:25%;			
	background:#ffffff;								/* center column background colour */
}
.threecol .colleft {
	right:50%;			
	background-image:url('images/stage.jpg');		/* left column background colour */
}

.threecol .col1 {
	width:46%;			
	left:102%;			
}
.threecol .col2 {
	width:21%;			
	left:31%;			
}
.threecol .col3 {
	width:21%;			
	left:85%;			
}

#footer {
	clear:both;
	width:100%;
	float:left;
	color:#FFFFFF;
	background-color:#000000;
}
#footer p {
	padding:0;
	margin:0 15px 0 0;
	float:right;	
}

#footernav ul {
	display:inline-block;
	vertical-align:center;
}

#footernav li {
    margin:0 0 10px 10px;
    padding:0;
    list-style:none;
    float:left;
    position:relative;
    background:#FFFF00;
	border-radius:25px;
	display:inline;
}

#footernav a {
    text-align:center; 
    height:20px;
    width:150px;
    display:inline-block;
    font-family:"Arial Black", cursive;
	font-size: 10pt;
    text-decoration:none;
    color:#000000;
    text-shadow:2px 2px 2px #FFFFFF; 
	border:2px solid #FFFFFF;
	border-radius:25px;
 }

#footernav li:hover {
	background:#B20000;
 }
 
#footernav a:hover {   
	color:#FFFFFF;
	text-shadow:2px 2px 2px #000000;
 } 
 
#floating-menu {
	position:fixed;
	background:#FFFFFF;
	border:2px solid;
	border-radius:25px;
	z-index:100;
	left:4%;
	top:49%;
	margin-top:-2.5em;
    width:17%;
	padding:0;
    line-height:26px;
	text-align:center;
	display:block;
	overflow:hidden;
}

#floating-menu li {
   list-style:none;
   display:block;
   text-align:center;
   padding-right:30px;
}
 
  #floating-menu ul li a { 
    height:26px;
    width:100%;
    display:inline-block;
    font-family:"Arial Black", cursive;
	font-size:10pt;
    text-decoration:none;
    color:#000000;
	text-align:center;
 }
 
#floating-menu a,
#floating-menu h3 {
	display:block; 
    height:26px;
    width:100%;
    display:inline-block;
    font-family:"Arial Black", cursive;
	font-size:10pt;
    text-decoration:none;
    color:#000000;
	border-radius:25px;
	text-align:center;
}

#floating-menu a:hover {
	color:#000000;
	background:#FFFF00;
	text-decoration:none;
}

#Scrolling-Menu-Title {
	background:#FFFF00;
	border:2px solid;
	border-radius:25px;
	text-align:center;
	margin:0;
	padding:0;
	position:relative;
}

#CalScrolling-Menu-Title a {
	background:#FFFF00;
	border:2px solid;
	border-radius:25px;
	text-align:center;
	margin:0;
	padding:5px;
	position:relative;
    width:95%;
    display:inline-block;
    font-family:"Arial Black", cursive;
	font-size:10pt;
    text-decoration:none;
    color:#000000;
	text-align:center;
}

#floating-menuspecial {
	position:fixed;
	background:#FFFFFF;
	border:2px solid;
	border-radius:25px;
	z-index:100;
	left:4%;
	top:49%;
	margin-top:-2.5em;
    width:17%;
	padding:0;
    line-height:15px;
	text-align:center;
	display:block;
	overflow:hidden;
}

#floating-menuspecial li {
   list-style:none;
   display:block;
   text-align:center;
   padding-right:30px;
}
 
  #floating-menuspecial ul li a { 
    height:15px;
    width:100%;
    display:inline-block;
    font-family:"Arial Black", cursive;
	font-size: 10pt;
    text-decoration:none;
    color:#000000;
	text-align:center;
 }
 
#floating-menuspecial a,
#floating-menuspecial h3 {
	display:block; 
    height:15px;
    width:100%;
    display:inline-block;
    font-family:"Arial Black", cursive;
	font-size: 10pt;
    text-decoration:none;
    color:#000000;
	border-radius:25px;
	text-align:center;
}

#floating-menuspecial a:hover {
	color:#000000;
	background:#FFFF00;
	text-decoration:none;
}

#Scrolling-Menu-Titlespecial {
	background:#FFFF00;
	border:2px solid;
	border-radius:25px;
	text-align:center;
	margin:0;
	padding:0;
	position:relative;
}

#Weekly {
	line-height:10px;
}

#GoogleCalendar {
	position:fixed;
	background:#FFFFFF;
	border:2px solid;
	border-radius:25px;
	margin-top:-1em;
	z-index:100;
	right:2%;
	top:46%;
    width:20%;
	overflow:hidden;
}

.info {
	text-align:justify;
	margin-right:5px;
	font-size:13pt;
}

<!-- Start Dropdown Menu styling -->
 #navMenu {
    margin:0;
    width:100%;
 }

  #navMenu ul {
	margin:0;
    padding:0;
    line-height:30px;
	display:inline-block;
 }

  #navMenu li {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    position:relative;
    background:#B20000;
	border:2px solid;
	border-radius:25px;
	display:inline;
 }

  #navMenu ul li a {
    text-align:center; 
    height:30px;
    width:150px;
    display:inline-block;
    font-family:"Arial Black", cursive;
	font-size: 10pt;
    text-decoration:none;
    color:#FFFFFF;
    text-shadow:2px 2px 2px #000; 
	border:2px solid;
	border-radius:25px;
 }

  #navMenu ul ul {
    position:absolute;
    visibility:hidden;
    top:32px;
 }

  #navMenu ul li:hover ul {
    visibility:visible;
    z-index:9999;
 }

  #navMenu li:hover {
	background:#FFFF00;
 }

  #navMenu ul li:hover ul li a:hover {
    color:#FFFFFF;
    background:#000000;
    border-radius:25px;
	text-shadow:2px 2px 2px #B20000;
 }

 #navMenu li:hover ul {
	top:2.25em;
	left:0;
}
 
  #navMenu a:hover {   
	color:#000000;
	text-shadow:2px 2px 2px #FFFFFF;
 } 
  
 .clearFloat {
    clear:both; 
    margin:0;
    padding:0;
 } 
 
 #navmenu ul li {

  display:inline;     
  border:2px solid;
  border-radius:25px;
 } 
 <!-- End Dropdown Menu styling --> 
 
