/* 
Title : primary.css
Author : Leeroy Lugg www.suspiremedia.co.uk
URL : www.providencerow.org
Description : Hi Viz stylesheet
Copyright: (c) www.providencerow.org. All Rights Reserved
Unauthorised copying or plagiarism of this style sheet will be seen as an infringement of UK copyright laws.

Created : Nov 2009
Modified : 
*/

body{
padding:0px;
font-family:Arial,Helvetica,sans-serif;
font-size:180.01%;
color:#4E4E4E;
background-image: none;
margin: 0;
}
/* Links*/
a:link{
color:#629100;
background-color:transparent;
text-decoration:underline;
font-weight:normal;
}
a:visited{
color:#444444;
background-color:transparent;
text-decoration:underline;
font-weight:normal;
}
a:hover{
color:#619000;
text-decoration:none;
font-weight:normal;
}
a:active{
color:#333333;
background-color:transparent;
font-weight:normal;
}
#news-teasers h2 a:link, #footer a:link, .cal-upcominglist h2 a:link{
color:#4E4E4E;
background-color: transparent;
text-decoration: none;
font-weight:normal;
}
#news-teasers h2 a:visited, #footer a:visited, .cal-upcominglist  h2 a:visited{
color:#5E5E5E;
background-color:transparent;
text-decoration: none;
font-weight:normal;
}
#news-teasers h2 a:hover, #footer a:hover, .cal-upcominglist  h2 a:hover{
color:#6da504;
background-color: transparent;
text-decoration: underline;
font-weight:normal;
}
#news-teasers h2 a:active, #footer a:active, .cal-upcominglist  h2 a:active{
color:#006A30;
background-color:transparent;
font-weight:normal;
}

#container1{
max-width: 95%;
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
position: relative;
background-image: none;
}
#container2{
width: auto;
padding:0;
margin: 0;
}
#nav{
float:left;
width: auto;
background-color: transparent;
width:auto;
}
/* Masthead image placement */
#home #masthead, #whatwedo #masthead, #newspage #masthead, #shop #masthead, #getinvolved #masthead, #contactus #masthead, #supportus #masthead, #needhelp #masthead{
float: left;
width: auto;
height: auto;
border:0;
margin:0;
background-image: none;
display: none;
}

/* Breadcrumbs */
#breadcrumbs{
padding:0;
margin: 0;
font-size: 75%;
background-color: transparent;
height: auto;
clear: left;
}
#news{
padding:0;
margin: 0px;
background-image: none;
font-size: 85%;
position: relative;
clear: left;
width: auto;
}
#content{
float:left;
width: auto;
margin:0;
padding:0;
background-image: none;
font-size: 85%;
clear: left;
}
#sidebar{
float: left;
width: auto;
margin:0;
padding:0;
background-image: none;
font-size: 80%;
width: auto;
}
#sub-content{
float:left;
width: auto;
margin:0;
padding:0;
background-image: none;
font-size: 85%;
clear: left;
}
#sub-sidebar{
float: left;
width: auto;
margin:0 0 20px 0;
padding:0;
background-image: none;
font-size: 85%;
clear: left;
}
#footer{
padding:0px;
margin:20px 0 0 20px;
background-color: transparent;
font-size: 75%;
border-top:6px solid #eaf4d9;
color: #808080;
}
/* Typography */
h1,h2,h3,h4{
font-weight: lighter;
font-family:arial,verdana,helvetica,sans-serif;
color:#4a4a4a;
}
h1{
padding:5px 20px 5px 25px;
margin:0;
font-size:170%;
}
h2{
padding:5px 20px 5px 25px;
margin:0;
font-size:150%;
}
h3{
padding:5px 20px 5px 25px;
margin:0;
font-size:136%;
}
h4{
padding:5px 20px 5px 25px;
margin:0;
font-size:120%;
}
p{
padding:5px 20px 5px 25px;
margin:0px;
background-color:transparent;
line-height:150%;
}
.date, .posted{
margin: 5px 0 5px 0px;
padding: 0 0 0 25px;
font-size:85%;
}
#sub-content p, #sub-content h1, #sub-content h3 #sub-content h3, #sub-content h4{
padding:5px 30px 5px 25px;
margin:0px;
background-color:transparent;
line-height: normal;
}
/* Menu sub heading, with green dooted underline */
.menu-subheader{
border-bottom:1px dotted #b1d665;
margin: 5px 25px 0px 25px;
padding:5px 20px 5px 5px;
}
#sub-content p{
padding:5px 40px 5px 25px;
margin:0px;
background-color:transparent;
line-height:150%;
}
/* Masthead specific typography */
#masthead p{
padding:0 30px 5px 25px;
margin: 0 420px 0 0;
background-color:transparent;
color: #f3f3f3;
font-size: 80%;
font-weight: bold;
}
#masthead h1{
color: #f3f3f3;
font-size: 110%;
margin: 250px 450px 0 0;
font-weight: bold;
/*text-shadow:0 1px 0px #494949;*/
}
#masthead h1 em{
color: #b1d665;	
}
/* = Primary Menu Starts */
#sidemenu{
padding:0;
margin:20px 0 0 25px;
font-size: 110%;
height: auto;
background-image: none;
overflow: hidden;
}
#sidemenu ul{
list-style:none;
margin:0;
padding:0;
border:none;
}
#sidemenu ul li{
margin:0;
padding:0;
}
#sidemenu ul li a{
display:block;
border-bottom:1px dotted #b1d665;
background-image: none;
text-decoration:none;
color:#6b921c;
width: auto;
text-shadow: none;
font-weight: bold;
line-height: normal;
text-indent:0;
background:transparent url(../g/arrow.gif) no-repeat 5px 49%;
padding:10px 0px 10px 20px;
margin: 0px 0 0 10px;
}
#sidemenu ul li a:hover,#sidemenu ul li a:focus{
color:#323232;
text-decoration: none;
}
#sidemenu .active, #sidemenu .activeparent{
color:#232323;
background-image: none;
background-color: transparent;
font-weight: bold;
text-shadow: none;
/* To stop menu jumping adjust padding an line height */
padding:10px 0px 14px 20px;
line-height:16px;
text-decoration: none;
background: #ecf4d7 url(../g/arrow-on.gif) no-repeat 5px 49%;
}
/* =Subnavigation Starts */
#sub-sidebar #sub-sidemenu{
padding:0;
margin:0 0 5px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
}
#sub-sidebar #sub-sidemenu ul{
list-style:none;
margin:0;
padding:0;
border:none;
}
#sub-sidebar #sub-sidemenu ul li{
margin:0;
padding:0;
list-style:none;
}
/* First level */
#sub-sidebar #sub-sidemenu ul li a{
display:block;
border-bottom:1px dotted #b1d665;
padding:10px 0px 10px 20px;
margin: 0px 0 0 10px;
text-decoration:none;
color:#5a5a5a;
width: auto;
background:transparent url(../g/arrow.gif) no-repeat 5px 49%;
text-shadow:0 1px 0px #e7e7e7;
font-weight: bold;
}
/* Second level */
#sub-sidebar #sub-sidemenu ul li li a{
display:block;
border-bottom:1px dotted #b1d665;
padding:10px 0px 10px 20px;
text-decoration:none;
color:#515151;
width: auto;
background: transparent url(../g/arrow-on.gif) no-repeat 20px 49%;
text-indent:14px;
font-size: 95.5%;
font-weight: bold;
}
/* Hover states */
#sub-sidebar #sub-sidemenu ul li a:hover,#sub-sidebar #sub-sidemenu ul li a:focus{
color:#87af34;
background: #ecf4d7 url(../g/arrow-on.gif) no-repeat 5px 49%;
text-shadow:0 1px 0px #f1f1f1;
}
#sub-sidebar #sub-sidemenu ul li li a:hover,#sub-sidebar #sub-sidemenu ul li li a:focus{
color:#799f2d;
background: transparent url(../g/arrow-on.gif) no-repeat 20px 49%;
text-indent:14px;
}
/* On states */
#sub-sidebar #sub-sidemenu ul li .currentpage{
color:#799f2d;
background: #ecf4d7 url(../g/arrow-on.gif) no-repeat 5px 49%;
text-shadow:0 1px 0px #ddedbf;
}
#sub-sidebar #sub-sidemenu ul li li .currentpage{
color:#799f2d;
background: transparent url(../g/arrow-on.gif) no-repeat 20px 49%;
text-indent:14px;
}
/* =Subnavigation Ends */

/* The toolbar and logo - positioned absolutly */
.toolbar{
position: relative;
z-index: auto;
font-size: 100%;
margin: 5px 0 5px 0px;
padding: 0 0 0 15px;
}
.logo{
position: absolute;
left: 3px;
top: 0px;
z-index:1;
display: none;
}
/* =LISTS
----------------------------------------------- */
/* Unordered */
#content ul, #sidebar ul, #news ul, #sub-content ul, #sub-sidebar ul{
margin: 5px 20px 5px 30px;
padding: 0px;
line-height:150%;
}
#content ul li, #sidebar ul li, #news ul li, #sub-content ul li, #sub-sidebar ul li{
margin: 5px 20px 5px 30px;
padding: 0px;
list-style: disc;
}
/* Numbered */
#content ol, #sidebar ol, #news ol, #sub-content ol,#sub-sidebar ol{
margin: 5px 20px 5px 35px;
padding: 0px;
line-height:150%;
}
#content ol li, #sidebar ol li, #news ol li, #sub-content ol li, #sub-sidebar ol li{
margin: 5px 20px 5px 30px;
padding: 0px;
list-style: decimal;
}
/* News Archive */
#sub-content dl{
margin:0px 5px 0px 22px;
line-height:140%;
}
#sub-content  dt{
background:url(../g/posted.gif) no-repeat  5px .1em;
padding-left: 30px;
padding-right: 10px;
position: relative;
margin: 5px 0 0 0;
}
#sub-content  dd{
color:#5b5b5b;
font-style:italic;
margin:0px 0px 0px 0px;
padding:5px 0 5px 30px;
background:url(../g/date.gif) no-repeat 5px 50%;
border-bottom:1px dotted #dfdfdf;
}
/* Footer seperators */
#footer p{
margin:20px 0 0 0;
padding:0;
line-height: normal;
}
#footer ul{
display: inline;
list-style:none;
float: left;
overflow: visible;
}
#footer li{
padding:10px 0 0 0;
margin:0 10px 0 0px;
border-left:0px solid #8d8d8d;
line-height: normal;
}

/* Images */
#sidebar img, #sub-sidebar img{
border:4px solid #494949;
margin: 5px 0 0 2px;
width: 240px;
height: 128px;
display: none;
}
#sidebar img:hover, #sub-sidebar img:hover{
border:4px solid #72A703;
display: none;
}
/* Donate Button */
a.donate{
width:129px;
height:46px;
position: absolute;
right:150px;
top: 340px;
display:block;
text-indent:-9999px;/* Commented backslash hack. Hides rule in IE5 Mac \*/
overflow:hidden;/* end hack */
}
a.donate{
background:url(../g/donate-btn.png) no-repeat;
}
a:hover.donate{
background-position:0 -46px;
}
a.help{
width:129px;
height:46px;
position: absolute;
right:25px;
top: 340px;
display:block;
text-indent:-9999px;/* Commented backslash hack. Hides rule in IE5 Mac \*/
overflow:hidden;/* end hack */
}
a.help{
background:url(../g/help-btn.png) no-repeat;
}
a:hover.help{
background-position:0 -46px;
}
/* FORMS */
#cntnt01moduleform_1 #cntnt01searchinput, #cntnt01moduleform_2 #cntnt01searchinput{
width:128px;
margin:0px 0 5px 25px;
background: #ffffff url(../g/form-bg.jpg) repeat-x;
color:#717171;
border: 1px solid #8e8e8e;
padding:9px;
font-size:11px;
vertical-align: middle;
display: none;
}
#cntnt01moduleform_1 .login, #cntnt01moduleform_2 .login{
vertical-align:middle;
margin-top: 0px;
cursor: pointer;
display: none;
}
#formwrapper legend{
display: none;
}
#formwrapper fieldset{
padding: 10px 0 10px 0px;
margin: 0 10px 0 30px;
background-color: transparent;
border:0;
text-align: left;
}
#formwrapper label{
margin:5px 0 0 0px;
}
#formwrapper .formbuilderform input{
background:#FFFFFF;
border:1px #b9b9b9 solid;
color:#303030;
padding:5px;
}
.check{
padding:0 0 0 5px;
}
.check2{
margin:0 0 0 10px;
}
#formwrapper .formbuilderform  textarea{
width: 340px;
height: 150px;
margin:5px 0 5px 0px;
border:1px solid #b9b9b9;
padding: 5px;
}
#formwrapper #cntnt01fbrp_submit{
width: 190px;
background-color:#629100;
color:#4A4A4A;
border:1px solid #395500;
padding:5px;
margin: 0 0 0 30px;
color: #eff5fa;
cursor: pointer;
}
#formwrapper #cntnt01fbrp_submit:hover{
background-color:#006A30;
color:#FFFFFF;
border:1px solid #003719;
}
#formwrapper .error_message{
background-color: #D90000;
border:6px solid #2e2e2e;
padding: 5px;
margin: 10px 60px 10px 40px;
color: #edf3f3;
}

/* Map Stuff */
#map{
width: 800px; height: 400px;
border:2px solid #b1d665;
padding: 3px;
margin: 5px 20px 0 28px;
}
div#popup {
background:#EFEFEF;
border:1px solid #999999;
margin:0px;
padding:7px;
width:270px;
}


