@font-face {
  font-family:WGeurostile;
  src:url(../fonts/WGEurostile.eot);
  src:url(../fonts/WGEurostile.eot?#iefix) format(embedded-opentype),
      url(../fonts/WGEurostile.ttf) format(truetype),
      url(../fonts/WGEurostile.woff) format(woff);
}
@font-face {
  font-family:WGeurostile;
  src:url(../fonts/WGEurostileBold.eot);
  src:url(../fonts/WGEurostileBold.eot?#iefix) format(embedded-opentype),
      url(../fonts/WGEurostileBold.ttf) format(truetype),
      url(../fonts/WGEurostileBold.woff) format(woff);
  font-weight:bold;
}
a:link {
  color:#0000ee;
  text-decoration:none;
  font-family:verdana, sans-serif;
  font-weight:bold;
}

a:visited {
  text-decoration:none;
  color:#551A8B
}

a:hover {
  background-color:rgb(255,172,0);
  text-decoration:none;
}

a:active {
  text-decoration:none;
}

a, img {
  border:none;
  outline:none;
}

.headingColourAndWeight { color: rgb(217,102,0); font-weight: bold;}

body {
  background:url(../img/WGBackground2.jpg);
  background-size:contain;
  background-repeat:repeat-x;
  background-color:#000000;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  background-attachment:fixed;
  font-family:WGEurostile, Play, arial, sans-serif;
  font-weight:400;
}

#generalBackground {
    position:relative;
    background-color:#FFF;
    width:1200px;
    height:910px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
}

#navBar {
    position:relative;
    background:-webkit-linear-gradient(#7FB219,#275A00); /* For Safari 5.1 to 6.0 */
    background:-o-linear-gradient(#7FB219,#275A00); /* For Opera 11.1 to 12.0 */
    background:-moz-linear-gradient(#7FB219,#275A00); /* For Firefox 3.6 to 15 */
    background:linear-gradient(#7FB219,#275A00); /* Standard syntax */
    width:960px;
    height:40px;
    border-radius:0px 0px 10px 10px;
    margin-left:10px;
}

#navHome {
    position:relative;
    float:left;
    width:120px;
    height:40px;
    margin-top:0px;
    margin-left:60px;
}

#navHome img {
    position:absolute;
    left:0px;
    -webkit-transition:opacity 0.3s ease-in-out;  -moz-transition:opacity 0.3s ease-in-out;  -o-transition:opacity 0.3s ease-in-out;  transition:opacity 0.3s ease-in-out;
}

#navHome img.top:hover {
    opacity:0;
}

#navAbout {
    position:relative;
    float:left;
    width:120px;
    height:40px;
    margin-top:0px;
    margin-left:0px;
}

#navAbout img {
    position:absolute;
    left:0px;
    -webkit-transition:opacity 0.3s ease-in-out;  -moz-transition:opacity 0.3s ease-in-out;  -o-transition:opacity 0.3s ease-in-out;  transition:opacity 0.3s ease-in-out;
}

#navAbout img.top:hover {
    opacity:0;
}

#navServices {
    position:relative;
    float:left;
    width:120px;
    height:40px;
    margin-top:0px;
    margin-left:0px;
}

#navServices img {
    position:absolute;
    left:0px;
    -webkit-transition:opacity 0.3s ease-in-out;  -moz-transition:opacity 0.3s ease-in-out;  -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;
}

#navServices img.top:hover {
    opacity:0;
}

#navProfiles {
    position:relative;
    float:left;
    width:120px;
    height:40px;
    margin-top:0px;
    margin-left:0px;
}

#navProfiles img {
    position:absolute;
    left:0px;
    -webkit-transition:opacity 0.3s ease-in-out;  -moz-transition:opacity 0.3s ease-in-out;  -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;
}

#navProfiles img.top:hover {
    opacity:0;
}

#navProjects {
    position:relative;
    float:left;
    width:120px;
    height:40px;
    margin-top:0px;
    margin-left:0px;
}

#navProjects img {
    position:absolute;
    left:0px;
    -webkit-transition:opacity 0.3s ease-in-out;  -moz-transition:opacity 0.3s ease-in-out;  -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;
}

#navProjects img.top:hover {
    opacity:0;
}

#navFees {
    position:relative;
    float:left;
    width:120px;
    height:40px;
    margin-top:0px;
    margin-left:0px;
}

#navFees img {
    position:absolute;
    left:0px;
    -webkit-transition:opacity 0.3s ease-in-out;  -moz-transition:opacity 0.3s ease-in-out;  -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;
}

#navFees img.top:hover {
    opacity:0;
}

#navContact {
    position: relative;
    float:left;
    width:120px;
    height:40px;
    margin-top:0px;
    margin-left:0px;
}

#navContact img {
    position:absolute;
    left:0px;
    -webkit-transition:opacity 0.3s ease-in-out;  -moz-transition:opacity 0.3s ease-in-out;  -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;
}

#navContact img.top:hover {
    opacity:0;
}

#contentBackground {
    position:relative;
    background-color:#DDD;
    width:1180px;
    height:560px;
    border-radius:10px;
    margin-top:10px;
    margin-left:10px;
    clear:both;
}

#sideBar {
    position:absolute;
    background-color:#FFF;
    border-radius:10px;
    width:190px;
    height:540px;
    margin-top:10px;
    margin-left:980px;
    line-height:30px;
}

#calendar {
    poition:relative;
    background-color:#FFF;
    width:46;
    height:82;
    padding: 4px 2px 4px 8px;
    margin-top:5px;
    margin-left:0px;
    float:left;
}

#upcoming {
    text-align:center;
    font-family:WGEurostile, Play, arial, sans-serif;
    font-weight:700;
    font-size:25px;
    margin-top:0px;
}

#events {
    text-align:center;
    font-family:WGEurostile, Play, arial, sans-serif;
    font-weight:700;
    font-size:30px;
}

#year {
    text-align:center;
    font-family:WGEurostile, Play, arial, sans-serif;
    font-weight:700;
    font-size:30px;
}

#breaker {
    background-color:black;
    clear:both;
    width:170px;
    height:2px;
    margin-top:5px;
    margin-left: 10px;
}

#eventsContents {
    width:165px;
    height:420px;
    padding:5px;
    border-radius:5px;
    border-style:solid;
    border-width:2px;
    border-color:#666;
    margin-top:5px;
    margin-left:5px;
    font-size:12px;
    line-height:15px;
}

#footer {
    color:#D60;
    clear:both;
    text-align:center;
    padding:10px; 
}

/* banner slide show */

@keyframes xfade {
0% {    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);  	opacity:1;}
4.25% {	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);	opacity:1;}
8.25% {	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter:alpha(opacity=0);	opacity:0;}
97% {   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter:alpha(opacity=0);   	opacity:0;}
100% {  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);  	opacity:1;}
}
@-moz-keyframes xfade {
0% {   filter:alpha(opacity=100); opacity:1;}
4.25% {filter:alpha(opacity=100); opacity:1;}
8.25% {filter:alpha(opacity=0);   opacity:0;}
97% {  filter:alpha(opacity=0);   opacity:0;}
100% { filter:alpha(opacity=100); opacity:1;}
}
@-webkit-keyframes xfade {
0% {   opacity:1;}
4.25% {opacity:1;}
8.25% {opacity:0;}
97% {  opacity:0;}
100% { opacity:1;}
}
@-ms-keyframes xfade {
0% {    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;}
4.25% { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;}
8.25% {	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter:alpha(opacity=0);   opacity:0;}
97% {   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter:alpha(opacity=0);   opacity:0;}
100% {  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;}
}
@-o-keyframes xfade {
0% {   filter: alpha(opacity=100); opacity: 1;}
4.25% {filter: alpha(opacity=100); opacity: 1;}
8.25% {filter: alpha(opacity=0);   opacity: 0;}
97% {  filter: alpha(opacity=0);   opacity: 0;}
100% { filter: alpha(opacity=100); opacity: 1;}
}

#css-slideshow {
  position:relative;
  width:1180px;
  height:280px;
  padding-top:10px;
  margin-top:0px;
  margin-left:auto;
  margin-bottom:0px;
  margin-right:auto;
}

#css-slideshow img {
  position:absolute;
  left:0;
}

#css-slideshow img {
  -webkit-animation-name:xfade;  -webkit-animation-timing-function:ease-in-out;  -webkit-animation-iteration-count:infinite;  -webkit-animation-duration:96s;
     -moz-animation-name:xfade;     -moz-animation-timing-function:ease-in-out;     -moz-animation-iteration-count:infinite;     -moz-animation-duration:96s;
       -o-animation-name:xfade;       -o-animation-timing-function:ease-in-out;       -o-animation-iteration-count:infinite;       -o-animation-duration:96s;
          animation-name:xfade;          animation-timing-function:ease-in-out;          animation-iteration-count:infinite;          animation-duration:96s;
}

#css-slideshow img:nth-of-type(1){   -webkit-animation-delay:90s;  -moz-animation-delay:90s;  -o-animation-delay:90s;  animation-delay:90s;}
#css-slideshow img:nth-of-type(2){   -webkit-animation-delay:84s;  -moz-animation-delay:84s;  -o-animation-delay:84s;  animation-delay:84s;}
#css-slideshow img:nth-of-type(3){   -webkit-animation-delay:78s;  -moz-animation-delay:78s;  -o-animation-delay:78s;  animation-delay:78s;}
#css-slideshow img:nth-of-type(4){   -webkit-animation-delay:72s;  -moz-animation-delay:72s;  -o-animation-delay:72s;  animation-delay:72s;}
#css-slideshow img:nth-of-type(5){   -webkit-animation-delay:66s;  -moz-animation-delay:66s;  -o-animation-delay:66s;  animation-delay:66s;}
#css-slideshow img:nth-of-type(6){   -webkit-animation-delay:60s;  -moz-animation-delay:60s;  -o-animation-delay:60s;  animation-delay:60s;}
#css-slideshow img:nth-of-type(7){   -webkit-animation-delay:54s;  -moz-animation-delay:54s;  -o-animation-delay:54s;  animation-delay:54s;}
#css-slideshow img:nth-of-type(8){   -webkit-animation-delay:48s;  -moz-animation-delay:48s;  -o-animation-delay:48s;  animation-delay:48s;}
#css-slideshow img:nth-of-type(9){   -webkit-animation-delay:42s;  -moz-animation-delay:42s;  -o-animation-delay:42s;  animation-delay:42s;}
#css-slideshow img:nth-of-type(10){  -webkit-animation-delay:36s;  -moz-animation-delay:36s;  -o-animation-delay:36s;  animation-delay:36s;}
#css-slideshow img:nth-of-type(11){  -webkit-animation-delay:30s;  -moz-animation-delay:30s;  -o-animation-delay:30s;  animation-delay:30s;}
#css-slideshow img:nth-of-type(12){  -webkit-animation-delay:24s;  -moz-animation-delay:24s;  -o-animation-delay:24s;  animation-delay:24s;}
#css-slideshow img:nth-of-type(13){  -webkit-animation-delay:18s;  -moz-animation-delay:18s;  -o-animation-delay:18s;  animation-delay:18s;}
#css-slideshow img:nth-of-type(14){  -webkit-animation-delay:12s;  -moz-animation-delay:12s;  -o-animation-delay:12s;  animation-delay:12s;}
#css-slideshow img:nth-of-type(15){  -webkit-animation-delay:6s;   -moz-animation-delay:6s;   -o-animation-delay:6s;   animation-delay:6s;}
#css-slideshow img:nth-of-type(16){  -webkit-animation-delay:0s;   -moz-animation-delay:0s;   -o-animation-delay:0s;   animation-delay:0s;}