﻿/*#2cbf04
colors from logo:
b6d6f2 - blue
  - lighter green
2cbf04 - darker green
bf5656 - rust
8c3e3e - darker rust
*/
#center,
body { background: url(images/bg-body.png) repeat 0 0;  }
#header { background: #fff; border-bottom: solid 0px #8c3e3e; }
#header .spud-wrap { float:left; width:200px; margin-left:20px; margin-top:10px; }
#header h2 { display: inline-block; position: relative; float: right; padding: 0px; font-size: 24px; font-family: "Times New Roman"; font-style: italic; font-weight: bolder; width: 40%; margin: 25px 30px; }
#header .logo { float: right; background: url(images/logo2.png) no-repeat 0 0; width: 300px; height: 102px; margin-right: 20px; margin-top: 10px; }

#center .logo { background: url(images/logo-small.png) no-repeat 0 right; line-height:50px; }
#footer { width: 100%; clear: both; height: 50px; position: relative; background: url(images/bg-body.png) repeat-x 0 0;}
#footer {  padding-top: 30px; text-align: right; border-top: solid 1px #8c3e3e; }
#footer p { margin-right: 200px; }
#footer .logo { background: url(images/logo-small.png) no-repeat 0 left; line-height:50px; margin-left:200px; }

h1, h2, h3 { color: #8c3e3e; font-family: "Times New Roman"; font-weight: bolder; }
h1.alt, h2.alt, h3.alt { color: #8c3e3e; }

.spud-wrap { margin: 0 ; background: #66d962; }
.spud-crawler { margin: 0 auto; padding: 0; position: relative; }

.space { padding-top: 10px; }

/* Left navigation links */
#left-sidebar ul { margin: 2px 0 5px 3px; padding: 0px; }
#left-sidebar li { height: 25px; list-style-type: none; margin-top: 3px; }
#left-sidebar a { height: 25px; line-height: 25px; display: block; text-align: center; text-decoration: none; border-right: 1px solid #666; border-bottom: 1px solid #666; border-top: 1px solid #fff; border-left: 1px solid #fff; background: #bf5656; color: #fff; }
#left-sidebar a:hover { color: #fff; border-top: 1px solid #333; border-right: 1px solid #333; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background: #8c3e3e; }

/* sponsors */
#right-sidebar ul { list-style-type: none; margin:0; padding:0}
#right-sidebar ul li.last, .seperator { margin-top:10px; border-bottom: #8c3e3e 1px dotted; }
#right-sidebar h2, #right-sidebar ul li { text-align: center; }
#right-sidebar ul li a, #right-sidebar ul li a:visited { display: block; font-size: 14px; font-weight: normal; text-decoration: none; }
#right-sidebar ul li.last { padding-bottom: 20px; }
#right-sidebar ul li a:hover { background: none; }


/* Page clases */
wrapper { width: auto; margin: 20px 10px; }
margin-right { margin-right: 10px; }
column { position: relative; float: left; }

#submitEventForm { width: 60%; }


/* ok.cancel,submit buttons */
a.ovalbutton { background: transparent url('images/oval-green-left.gif') no-repeat top left; display: block; float: left; font: normal 13px Tahoma; /* Change 13px as desired */ line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */ height: 24px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none; }
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton { color: #494949; /*button text color*/ }
a.ovalbutton span { background: transparent url('images/oval-green-right.gif') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ }
a.ovalbutton:hover { /* Hover state CSS */ background-position: bottom left; }
a.ovalbutton:hover span { /* Hover state CSS */ background-position: bottom right; color: black; }
.buttonwrapper { margin-top: 20px; /* Container you can use to surround a CSS button to clear float */ overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */ width: 100%; }

/* top navigation ------------------------------ */
#buttons { text-align:center;  padding-left:10%; margin:0}
#buttons ul { list-style-type: none;   padding:0; margin:0}
#buttons ul li { text-align:center; float: left; margin: 0; padding: 0; width:11%}
#buttons ul li a { text-decoration: none; cursor: pointer; display: block; text-align: center; padding-top: 64px; /* move text away from box */ color: #000; /* off text color */ font-size: 12px; font-weight: bold; width:100%}
#_home li.home a, #_weekend li.weekend a, #_entertainment li.entertainment a, #_seniors li.seniors a, #_restaurants li.restaurants a, #_community li.community a, #_children li.children a, #_sports li.sports a { color: #333; /* active text color */ }

/* OFF */

#buttons li.home { background: url(images/b1-off.png); }
#buttons li.weekend { background: url(images/b1-off.png); }
#buttons li.entertainment { background: url(images/b1-off.png); }
#buttons li.seniors { background: url(images/b1-off.png); }
#buttons li.restaurants { background: url(images/b1-off.png); }
#buttons li.wellbeing { background: url(images/b1-off.png); }
#buttons li.community { background: url(images/b1-off.png); }
#buttons li.children{ background: url(images/b1-off.png); }
#buttons li.sports { background: url(images/b1-off.png); }

#buttons li.home, #buttons li.weekend, #buttons li.entertainment, #buttons li.seniors, #buttons li.restaurants, #buttons li.wellbeing, #buttons li.community,#buttons li.children, #buttons li.sports { background-position: 50% 0; background-repeat: no-repeat; }

/* Hover */

#buttons li.home:Hover { background: url(images/b1-hov.png); }
#buttons li.weekend:Hover { background: url(images/b1-hov.png); }
#buttons li.entertainment:Hover { background: url(images/b1-hov.png); }
#buttons li.seniors:Hover { background: url(images/b1-hov.png); }
#buttons li.restaurants:Hover { background: url(images/b1-hov.png); }
#buttons li.wellbeing:Hover { background: url(images/b1-hov.png); }
#buttons li.community:Hover { background: url(images/b1-hov.png); }
#buttons li.children:Hover { background: url(images/b1-hov.png); }
#buttons li.sports:Hover { background: url(images/b1-hov.png); }

#buttons li.home:Hover, #buttons li.weekend:Hover, #buttons li.entertainment:Hover, #buttons li.seniors:Hover, #buttons li.restaurants:Hover, #buttons li.wellbeing:Hover, #buttons li.community:Hover, #buttons li.children:Hover, #buttons li.sports:Hover { background-position: 50% 0; background-repeat: no-repeat; }

#header-middle li.home a:Hover, #header-middle li.weekend a:Hover, #header-middle li.entertainment a:Hover, #header-middle li.seniors a:Hover, #header-middle li.restaurants a:Hover, #header-middle li.wellbeing a:Hover, #header-middle li.community a:Hover, #header-middle li.children a:Hover, #header-middle li.sports a:Hover { color: #000; /* hover text color */ }

/* Don't hover if active  */
#_home ul li.home:Hover { background: url(images/b1-hov.png); }
#_weekend ul li.weekend:Hover { background: url(images/b1-hov.png); }
#_entertainment ul li.entertainment:Hover { background: url(images/b1-hov.png); }
#_seniors ul li.seniors:Hover { background: url(images/b1-hov.png); }
#_restaurants ul li.restaurants:Hover { background: url(images/b1-hov.png); }
#_wellbeing ul li.wellbeing:Hover { background: url(images/b1-hov.png); }
#_community ul li.community:Hover { background: url(images/b1-hov.png); }
#_children ul li.children:Hover { background: url(images/b1-hov.png); }
#_sports ul li.sports:Hover { background: url(images/b1-hov.png); }

#_home ul li.home:Hover, #_weekend ul li.weekend:Hover, #_entertainment ul li.entertainment:Hover, #_seniors ul li.seniors:Hover, #_restaurants ul li.restaurants:Hover, #_wellbeing ul li.wellbeing:Hover, #_community ul li.community:Hover, #_children ul li.children:Hover, #_sports ul li.sports:Hover { background-repeat: no-repeat; background-position: 50% 0; }


/* ON (active) */
#_home ul li.home { background: url(images/nav-home-on.png); }
#_weekend ul li.weekend { background: url(images/nav-weekend-on.png); }
#_entertainment ul li.entertainment { background: url(images/nav-entertainment-on.png); }
#_seniors ul li.seniors { background: url(images/nav-seniors-on.png); }
#_restaurants ul li.restaurants { background: url(images/nav-restaurants-on.png); }
#_wellbeing ul li.wellbeing { background: url(images/nav-wellbeing-on.png); }
#_community ul li.community { background: url(images/nav-community-on.png); }
#_children ul li.children{ background: url(images/nav-children-on.png); }
#_sports ul li.sports{ background: url(images/nav-sports-on.png); }

#_home ul li.home, #_weekend ul li.weekend, #_entertainment ul li.entertainment, #_seniors ul li.seniors, #_restaurants ul li.restaurants, #_wellbeing ul li.wellbeing, #_community ul li.community, #_children ul li.children, #_sports ul li.sports { background-repeat: no-repeat; background-position: 50% 0; cursor: move; }
#_home ul li.home a, #_weekend ul li.weekend a, #_entertainment ul li.entertainment a, #_seniors ul li.seniors a, #_restaurants ul li.restaurants a, #_wellbeing ul li.wellbeing a, #_community ul li.community a, #_children ul li.children a, #_sports ul li.sports a { cursor: default; }

