html,body{
font-family: Verdana, Arial;
margin:0;
background:url(/images/pageback_5AA037.gif) repeat-y top left;
}
input,textarea,select{
font-family:Verdana,Arial;
font-size:90%;
}
form table {
padding:10px;
background-color:#eee;
}
#simplefilter, #advancedfilter {
padding:0;
}
#simplefilter form table select, #advancedfilter form table select{
width:200px;
}
td{
vertical-align:top;
}
div#shader{
width:100%;
margin:0;
padding:0;
}
div#wrapper {
padding: 0;
width: 1024px;
background:url(/images/background_5AA037.jpg) no-repeat 0px -12px;
background-color:#fff;
margin: 0;
text-align:left;
}
div#l21header {
background:url(/images/l21_logo.gif) no-repeat top left;
margin:0 0 0 30px;
padding:10px;
height:90px !important;
height:100px;
}
div#gmheader {
/*background:url(/images/gmlogo.jpg) no-repeat top left;*/
margin:0 0 0 30px;
padding:10px;
height:55px !important;
height:65px;
}
#header h1 {
font-size:30px;
font-weight:bold;
color:#000;
padding:0;
margin:0;
}
div#netbar {
background-color:#78A22E;
text-align:right;
padding:5px 10px;
border-bottom:1px solid #000;
color: #fff;
}
div#netbar a {
color:#fff;
text-decoration:none;
}
#netbar a:hover{
color:#D3DBC4;
}
#netbar a.nethere{
color:#D3DBC4;
}
#netlinks{
}
div#maincontent{
padding:15px 0;
}
div#maincontent .imgleft{
float:left;
margin-right:10px;
}
div#maincontent .imgright {
float:right;
margin-left:10px;
}
div#nearbox {
position:absolute;
top:178px !important;
top:189px;
left:20px;
width:180px;
height:75px;
text-align:center;
border:1px solid #000;
border-top:0;
background-color:#fff;
color:#78A22E;
}
#nearbox p
{
color:#78A22E;
font-weight:bold;
font-size:1.2em;
line-height:normal;
}
#nearbox select
{
margin-top:-10px;
width:140px;
}
#page
{
background-color:#fff;
padding:10px;
border-top:1px solid #000;
margin-top:-1px !important;
}
*html #page { height:1%; }
#greenmaptext
{
width:700px;
}
#breadcrumb, .smallpara
{
display:block;
margin:20px 10px 30px 0px;
font-size:85%;
}
#breadcrumb a, .smallpara a, .homesides a
{
color:#78A22E;
text-decoration:none;
}
#breadcrumb a:hover, .smallpara a:hover,.homesides a:hover
{
background-color:#eee;
color:#000;
}
div#footer{
font-size: 12px;
padding-top:20px;
}
h2.homehead{
font-size:200%;
}
#showadvanced{
display:block;
text-align:right;
font-size:0.8em;
font-style:italics;
padding:0;
margin:0;
}
.maintext{
font-size:60%;
color:#000;
font-weight:normal;
}
p.subhead {
font-weight:bold;
font-size:1.3em;
}
#col1, #col2, #col3{
display:block;
float:left;
width:220px;
padding:5px;
}
* html #col1,* html #col2,* html col3{
width:240px;
}
#formfoot{
clear:both;
background:url(/images/bfbottom.gif) no-repeat bottom left;
margin-left:-10px;
padding:10px 0 10px 300px;
overflow:visible;
}
.rfloat{
float:right;
}
#push1,#push2{
width:160px !important;
border:1px solid #000;
background-color:#78A22E;
margin:10px 0;
padding:10px;
}
#push1 img,#push2 img{
border:1px solid #fff;
}
#localmenu #push1 a,#localmenu #push2 a{
color:#fff;
text-decoration:none;
font-weight:bold;
background:none;
padding:0;
margin:0;
}
#pagecontent
{
position:absolute;
top:180px !important;
left:240px;
width:650px;
}
div.maplink {
clear:both;
text-align:center;
border:1px solid #000;
padding:10px;
background:url(/images/maplink.gif) no-repeat top left;
}
div.maplink a{
display:block;
padding:5px;
border:1px solid #000;
background:#fff;
color:#78A22E;
font-weight:bold;
font-size:1.2em;
text-decoration:none;
}
div.maplink a:hover{
background:#eee;
color:#000;
text-decoration:underline;
}
.bigdate{
display:block;
font-size:1.3em;
font-weight:bold;
color:#333;
margin-bottom:4px;
}
/*****************************************************************homepage stuff
*/
.col1{
float:left;
width:50%;
height:auto;
}
.col2{
float:right;
width:50%;
height:auto;
}
.homesides{
padding:10px;
}
.homesides h3{
display:block;
background:url(/images/subheads_5AA037.gif) no-repeat top left;
text-indent:60px;
color:#000;
padding:15px 5px 5px 5px;
height:40px;
font-size:130%;
font-weight:normal;
}
.homesides p{
display:block;
padding-bottom:5px;
}
.homesides a {
font-weight:normal;
font-size:1em;
display:block;
clear:left;
}
.homesides div.break{
clear:both;
border-bottom:1px solid #D3DBC4;
}
#oneOrganisation p
{
display:block;
padding:1em;
border:1px solid #000;
background-color:#eee;
}
/**************************************************************TAB NAVIGATION FOR CHANNELS
/* horizontal navigation elements. create a DIV element with the id tabnav
* and stick one unordered list inside it to generate a horizontal menu.
*/
#tabnav
{
z-index:2;
margin-left:225px;
white-space: nowrap;
}
#tabnav, #tabnav ul li a
{
/* need to mirror vertical padding on .hnav and child anchor elements
* because the anchors are not block elements. since they are not
* block elements web browsers will not expand .hnav to contain them
* even with the extra padding. by applying the same padding to both
* the parent .hnav looks like its containing the child anchor
* elements.
*/
padding-top: 5px;
padding-bottom: 6px;
}
#tabnav ul, #tabnav ul li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#tabnav ul li,#tabnav ul li a
{
margin-right:5px;
}
#tabnav ul li a
{
margin: 0 -1px 0 0;
padding-left: 5px;
padding-right: 30px; /* short-hand padding attribute would overwrite
top/bottom padding set in a previous rule */
border-left: solid 1px #000;
border-right: solid 1px #000;
border-top: solid 1px #000;
white-space: nowrap;
line-height:normal;
}
#tabnav ul li a:link, #tabnav ul li a:visited, #tabnav ul li a:active, #tabnav ul li a:hover
{
text-decoration: none;
}
#tabnav ul li span.divider
{
display: none;
}
* html #tabnav ul li, * html #tabnav ul li a
{
width: 1%; /* IE/Mac needs this */
display: inline-block; /* IE/Mac needs this */
/* \*/
width: auto;
display: inline;
/* reset above hack */
border-top:1px solid #000;
}
* html #tabnav, * html #tabnav ul a
{
/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win.
IE/Mac will ignore this rule. */
}
* html #TABNAV
{
padding: 0; /* IE5/Win will resize #hnav to fit the heights of its
inline children that have vertical padding. So this
incorrect case selector hack will be applied only by
IE 5.x/Win */
}
#tabnav ul li a:link, #tabnav ul li a:visited
{
text-decoration: none;
padding:5px 10px 6px 10px;
background-color: #CCCC9A;
color: #000;
font-weight:bold;
}
#tabnav ul li a:hover,#tabnav ul li a:active,#tabnav ul li a.here,#tabnav a.here,#tabnav ul a.here
{
background-color:#fff;
color: #000;
}
.clear{ clear:both; }
/*
************image floats
*/
.floatimg1{
float:right;
margin:0 0 10px 10px;
}
.floatimg2{
float:left;
margin:0 10px 10px 0;
}
.floatthumb{
float:left;
margin:0 5px 3px 0;
}
.onelisting .floatthumb{
margin-top:5px;
}
.galleryimg{
display:block;
margin: 10px 0;
}
.galleryimg img,.floatimg1 img,.floatimg2 img {
margin:0 10px 10px 0;
border: 1px solid #fff;
}
.caption {
font-size:80%;
}
/**************************************************directory stuff
*/
#directorybar{
background-color:#;
padding:5px;
height:auto;
}
.khakihead{
font-size:1em;
font-weight:bold;
color:#CCCC9A;
}
.bluehead{
font-weight:bold;
font-size:1.2em;
color:#78A22E;
}
.onelisting{
margin-top:10px;
padding-bottom:20px;
border-bottom:solid 1px #000;
}
.dirtitle {
color:#78A22E;
font-weight:bold;
font-size:1.2em;
}
.dirtitle:hover{
color:#000;
}
/*********************************************EVENTS STUFF
*/
.oneEvent{
border-bottom:1px solid #000;
}
.eventDate{
font-weight:bold;
font-size:1.2em;
color:#78A22E;
}
.eventStrap{
color:#78A22E;
}
/*
**********************************************MAP STUFF
*/
#mappanel {
float:left;
width:70%;
}
/************************************************LOCAL MENU
*/
#localmenu{
margin-top:80px;
margin-left:10px !important;
margin-left:5px;
float:left;
width:180px;
min-width:180px;
}
#localmenu ul{
list-style-type:none;
padding:0;
margin:0;
}
#localmenu ul li{
padding:0;
margin:0;
display:inline;
}
#localmenu ul li a{
display:block;
background:url(/images/linkarrow.gif) no-repeat top left;
text-decoration:none;
font-weight:bold;
background-color:#CCCC9A;
color:#000;
margin:0;
padding:2px 2px 2px 14px;
border-bottom:2px solid #fff;
}
#localmenu ul li span.here{
display:block;
font-weight:bold;
background:url(/images/herelinkarrow.gif) no-repeat top left;
background-color:#78A22E;
margin:0;
padding:2px 2px 2px 14px;
border-bottom:2px solid #fff;
color:#fff;
}
#localmenu ul li a.here,#localmenu ul li ul li span.subhere{
display:block;
padding:2px 2px 2px 14px;
background:url(/images/herelinkarrow.gif) no-repeat top left;
font-weight:bold;
background-color:#78A22E;
margin:0;
border-bottom:2px solid #fff;
color:#fff;
}
#localmenu ul li a:hover, #localmenu a:hover{
background-color:#78A22E;
color:#fff;
}
#localmenu ul li ul li a{
text-indent:14px;
color:#78A22E;
}
#localmenu h3{
border-bottom:1px solid #000;
font-size:1.2em;
}
/******************************************************LOCAL MENU END*/
@charset "iso-8859-1";
/*******************************************************************************
* skidoo_too.css : 2005.08.29
* -----------------------------------------------------------------------------
* A remake of the skidoo layout with the middle column appearing first in
* source ordering.
*******************************************************************************/
/* begin with generic selectors so that they can be overridden if needed
* by classes deeper in the stylesheet
*/
.clear
{
clear: both;
padding-bottom: 1px; /* for Gecko-based browsers */
margin-bottom: -1px; /* for Gecko-based browsers */
}
.hide
{
display: none !important;
}
.inside
{
padding: 0 1em;
overflow:hidden;
}
html,body{
font-family: Arial;
font-size:100%;
text-align:center;
margin:0;
background:none;
background-color:#fff;
}
input,textarea,select{
font-family:Arial;
font-size:90%;
}
table {
background-color:#FFF;
padding:5px;
}
table.eventdata {
background-color:#DFFFD8;
}
form table {
padding:0;
background-color:#fff;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
margin-top: 14px;
margin-bottom: 14px;
padding-top: 0;
padding-bottom: 0;
}
h1
{
font-size: 180%;
}
h2
{
font-size: 160%;
font-weight:normal;
color: #78A22E;
}
h3
{
font-size: 140%;
color: #78A22E;
}
h4
{
font-size: 120%;
}
h5
{
font-size: 110%;
}
h6
{
font-size: 70%;
}
/* alter some HTML elements' default style
*/
a, a:link, a:active{
text-decoration: none;
color: #78A22E;
font-weight: bold;
}
a:hover, a:visited
{
text-decoration: none;
color: #EC098D;
}
code
{
font-family: "Courier New", Courier, monospace;
}
label
{
cursor: pointer;
}
table
{
font-size: 100%;
}
td, th
{
vertical-align: top;
}
body
{
margin: 0;
font-size: 100.1%; /* resolve some font size issues in some layouts for
some browsers. (in other words, i got no clue.) */
}
#pageWrapper
{
min-width: 40em;
width: 800px;
margin:auto;
}
* html #pageWrapper
{
/* \*/
word-wrap: break-word;
/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#masthead
{
padding: 0;
height:194px;
margin-top:10px;
}
#outerColumnContainer
{
border-left: solid 176px #FBEAF4;
border-right: solid 180px #FBEAF4;
}
#innerColumnContainer
{
width: 100%;
z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
overflow: visible; /* fix for IE italics bug */
position: relative; /* fix some rendering issues */
}
#SOWrap
{
float: left;
margin: 0 -1px 0 0;
width: 444px;
z-index: 3;
}
#middleColumn
{
float: right;
margin: 0 0 0 -1px;
width: 444px;
z-index: 5;
text-align:left;
font-size:11px;
padding:0;
padding-bottom:20px;
}
#leftColumn
{
float: left;
margin: 0 1px 0 -175px;
width: 175px;
z-index: 4;
}
#rightColumn
{
float: right;
width: 182px;
margin: 0 -182px 0 1px;
z-index: 2;
}
#footer
{
border: solid 1px #000;
border-width:0 0 1px 0;
padding: 0.5em;
}
.vnav
{
margin: 1em 0;
}
.vnav ul, .vnav ul li
{
margin: 0;
padding: 0;
list-style-type: none;
display: block;
}
.vnav ul
{
border: solid 1px #fff;
border-bottom-width: 0;
}
.vnav ul li
{
border-bottom: solid 1px #fff;
}
.vnav ul li, .vnav ul li a
{
margin: 0;
display: block;
padding: 0;
line-height: normal;
}
.vnav ul li a
{
display: block;
padding: 2px 5px 3px 5px;
}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
text-decoration: none;
cursor: pointer;
}
.vnav h3
{
margin-bottom: 10px;
padding-bottom: 0;
font-size: 126%;
font-weight:normal;
color:#78A22E;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
height: 0.01%;
}
* html .vnav ul
{
position: relative; /* IE needs this to fix a rendering problem */
}
.hnav
{
/*border-bottom: solid 1px #fff;*/
text-align: left;
font-size:115%;
font-weight:bold;
color:#fff;
/*background-color:#000;*/
}
.hnav, .hnav ul li a
{
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
font-size: 110%;
}
.hnav ul, .hnav ul li
{
display: inline;
list-style-type: none;
margin: 0;
color:#fff;
}
.hnav ul li a
{
margin: 0 -1px 0 0;
padding-left: 6px;
padding-right: 6px; /* short-hand padding attribute would overwrite
top/bottom padding set in a previous rule */
white-space: nowrap;
/*background-color:#000; */
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
text-decoration: none;
}
.hnav ul li span.divider
{
display:none;
}
* html .hnav ul li, * html .hnav ul li a
{
width: 1%; /* IE/Mac needs this */
display: inline-block; /* IE/Mac needs this */
/* \*/
width: auto;
display: inline;
/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win.
IE/Mac will ignore this rule. */
}
* html .HNAV
{
padding: 0; /* IE5/Win will resize #hnav to fit the heights of its
inline children that have vertical padding. So this
incorrect case selector hack will be applied only by
IE 5.x/Win */
}
#masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a
{
border-color: #fff;
}
#innerColumnContainer{
border-color:#eee;
}
html, body
{
background-color: #fff;
color: #000;
font-family: arial, helvetica, sans-serif;
}
#pageWrapper
{
font-size: 80%;
text-align:left;
}
#outerColumnContainer
{
border-left-color: #F2F5EB; /* left column background color */
border-right-color: #F2F5EB; /* right column background color */
background-color: #fff; /* set the background color for the middle column here */
}
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
text-decoration: none;
}
.vnav ul.homeMenu li a{
background-color: #78A22E;
color:#fff;
padding: 3px;
font-size: 15px;
font-weight: bold;
}
.vnav ul.projecthomeMenu li a{
background-color: #78A22E;
color:#fff;
font-size: 15px;
font-weight: bold;
padding:3px;
}
.vnav ul.eventsMenu li a{
background-color: #fff;
color:#78A22E;
font-size: 14px;
border: 2px solid #78A22E;
}
.vnav ul.newsMenu li a{
background-color: #FCE92A;
color:#78A22E;
font-size: 14px;
border: 2px solid #78A22E;
}
.vnav ul.themesMenu li a{
background-color:#AFCB5A;
color:#000;
}
.vnav ul.takepartMenu li a{
background-color: #8F4F9B;
color:#fff;
font-size: 14px;
border: 2px solid #78A22E;
}
.vnav ul.projecthomeMenu ul li a{
background-color:#eee;
color:#000;
}
.vnav ul.projecthomeMenu ul li a:hover, .vnav ul.projecthomeMenu ul li a.subhere{
background-color:#666;
color:#fff;
}
.vnav ul li a:hover
{
text-decoration: none;
background-color: #EC098D;
color: #fff;
}
.navdrop{
margin:3px 0 10px 0;
height:0.1px;
padding-bottom:10px;
}
.vnav .navdrop form {
padding:0;
margin:0;
}
.hnav{
/*border-top: 2px solid #78A22E;*/
color: #fff;
padding:10px;
height: 20px;
background: url(/images/hnav_gradient.gif);
}
.hnav ul li.projectLabel{
color:#000;
margin-right:10px;
padding:0;
font-size:80%;
width:130px;
}
.hnav ul li a:link, .hnav ul li a:visited{
padding-left:40px;
padding-right:5px;
padding-bottom:18px;
color: #fff;
/*border: 1px solid #fff;*/
}
.homeheart{
background:url(/images/heart_red.gif) no-repeat 15px;
}
.eventheart{
background:url(/images/heart_orange.gif) no-repeat 15px;
}
.newsroom{
background:url(/images/heart_yellow.gif) no-repeat 15px;
}
.themes{
background:url(/images/heart_blue.gif) no-repeat 15px;
}
.takepart{
background:url(/images/heart_purple.gif) no-repeat 15px;
}
.about{
background:url(/images/hearts_black.gif) no-repeat 15px;
}
.media_space{
background:url(/images/heart_pink.gif) no-repeat 15px;
}
.othercities{
background:url(/images/heart_turquoise.gif) no-repeat 15px;
}
.hnav ul li a:hover
{
color: #EC098D;
}
#rightColumn .inside
{
font-size: 1em;
/*text-align:center;*/
}
#rightColumn .inside a{
color:#000;
}
#rightColumn .inside #sponsorpane{
margin: auto;
margin-top:20px;
padding:30px 10px 5px 10px;
height:107px !important;
height:142px;
width:136px !important;
width:156px;
}
#rightColumn .inside #newspane, #rightColumn .inside #eventspane, #rightColumn .inside #advertpane{
margin: auto;
margin-top:10px;
margin-bottom:5px;
padding:10px 5px 0 5px; !important;
border: 1px solid #78A22E;
background-color: #fff;
}
#rightColumn .inside #newspane a, #rightColumn .inside #eventspane a{
text-decoration: none;
color: #78A22E;
font-size: 10px;
}
#rightColumn .inside #newspane a:hover, #rightColumn .inside #eventspane a:hover,
#rightColumn .inside #newspane a:visited, #rightColumn .inside #eventspane a:visited{
text-decoration: none;
color: #EC098D;
font-size: 10px;
}
#rightColumn .inside #sponsorpane{
background:url(/images/sponsor_pane.gif) no-repeat top left;
}
#rightColumn .inside #newspane div, #rightColumn .inside #eventspane div, #rightColumn .inside #advertpane div{
font-size: 15px;
font-weight: bold;
color: #fff;
background-color: #78A22E;
padding: 5px 2px 5px 5px;
}
#rightColumn .inside #sponsorpane p.lastitem,#rightColumn .inside #newspane p.lastitem,#rightColumn .inside #eventspane p.lastitem{
display:block;
clear:left;
margin:0 -10px;
}
#footer
{
clear:left;
background: url(/images/footer_green.jpg) no-repeat bottom left;
color: #fff;
text-align: center;
margin-bottom:10px;
}
/******************************************************************************/
#netbarll{
text-align:right;
padding:10px;
height:10px !important;
height:30px;
margin-bottom:10px;
margin-right:10px;
font-size:90%;
color:#fff;
}
div#netbarll a {
color:#fff;
text-decoration:none;
}
#netbarll a.nethere{
color:#EC098D;;
font-weight: bold;
}
.dirtitle{
color:#78A22E;
}
.dirtitle:hover{
color:#000;
}
.dirbody img{
float:left;
margin:0 5px 3px 0;
}
.onelisting {
clear:left;
}
.break{
clear:both;
}
.khakihead{
color:#000;
display:none;
}
#breadcrumb, .smallpara
{
display:block;
margin:20px 0 10px 0px;
font-size:75%;
background-color:#eee;
padding:2px;
}
#breadcrumb a, .smallpara a, .homesides a
{
color:#78A22E;
text-decoration:none;
}
#breadcrumb a:hover, .smallpara a:hover,.homesides a:hover
{
background-color:#eee;
color:#000;
}
#simplefilter, #advancedfilter {
padding:0;
background-color:#fff;
}
#simplefilter form table, #advancedfilter form table{
border:none;
}
#ecotip {
border: 2px solid #78A22E;
height: 150px;
background-color: #fff;
}
#ecotip #title {
background-color: #78A22E;
padding: 5px 0 5px 5px;
font-size: 14px;
color: white;
font-weight: bolder;
}
#ecotip #title span{
color: #EC098D;
}
#ecotip #main {
padding: 5px;
font-size: 11px;
}
#futerra {
font-size: 5px;
text-align: right;
}
#futerra a{
font-size: 12px;
font-weight: bold;
color: #78A22E;
text-decoration: none;
}
#date{
padding-top: 5px;
font-size: 11px;
color: #78A22E;
}
#greenaward img{
padding: 2px;
border: 2px solid #78A22E;
margin-top: 5px;
margin-bottom: 5px;
}
#visitour_links {
font-size: 12px;
font-weight: bold;
color: #78A22E;
}