#pghome



#pgsitemap .sectionli

#container /*all pages*/

	#uppertop
		#varihost
		#topsearch
	#top 
		#mininav
		#mainnav

	#mainwrap


.googad /*all google ads on containing div*/
.googads /*images without a div??*/
div.googlebox

.sidebox
#fbemail

.blocklink
#pgsearch #goosearchresults

#pghavingfun
#pgactivities
#pgoutings
#pgperform




/*defaults, zero out margins etc*/

    html, body {margin:0; padding:0; border:0px; height:100%;}

    body {font-family: ariel, helvetica, sans-serif;
	text-align:center;} 

body div {text-align:left;}

    h1, h2, h3, h4, h6 {margin:0; padding:0; border:0; font-family:ariel, helvetica, sans-serif;}

 th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {margin:0; padding:0; border:0; font-family:ariel, helvetica, sans-serif;}

    img {border:none;}
    table {margin:0; padding:0; border:none;}
    form {margin:0; padding:0;}
    label {cursor:pointer;}

   
.clear {clear:left;
clear:right;
}



/*some basic styles ...*/

body {
background-color:#FFCC00;

}


h1 {
color:#0000C0;
text-align:center;
font-family:"comic sans ms" "comic sans";
margin-bottom:10px;
}

h2 {color:purple;
font-size:1.3em;
font-family:"comic sans ms" "comic sans";

}

h3 {font-size:1.1em;
color:green;}


p {
font-size:100%;
font-family:arial, helvetica, sans-serif;
margin:0px 0px 12px 0px;}

a {font-weight:bold;}

input {padding:5px;}

dt {
margin-bottom:0.5em;
font-size:110%;
font-weight:bold;}
dd {margin-bottom:2em;}

dt a {text-decoration:none;
}

a:hover {
color:red;
}
a:focus {
color:green;
}
/*layout divs*/

#pghome {}

#container {

position:relative;
overflow:hidden;
width:95%;
min-width:790px;
margin:5px auto;
background-color:#FFFFC6;
padding:15px;
}

#uppertop {position:relative;
width:100%;
margin-bottom:1em;
overflow:hidden;}



#top {
clear:both;
position:relative;
width:100%;

overflow:hidden;

}

#mainwrap {position:relative;
clear:both;
width:100%;
overflow:hidden;
}

#pagescontentwrap {
position:relative;
overflow:hidden;
}



#footer {position:relative;
clear:both;
width:100%;
padding:10px 15px;
overflow:hidden;
background-color:#FFFFC6;
}


/*navigation and top*/

#varihost {font-weight:bold;
font-size:90%;
padding:3px;
width:20em;
float:left;
}


#topsearch.cse-branding-right {position:absolute;
top:0px;
right:0px;
}

#searchbox {}




#logo {
clear:both;
float:left;
}

#mininav {
position:relative;
float:right;
width:14em;
background-color:white;
border:2px red dotted;

font-family:verdana, arial, helvetica, sans-serif;
}

#mininav ul {
padding:0.5em 0.8em;
float:right;
}

#mininav a, #mainnav a {font-weight:bold;
font-family:verdana, arial, helvetica, sans-serif;
}
#mininav a:hover, #varihost a:hover, a.blocklink:hover, #footer a:hover, #submenu a:hover  a.submenu-main:hover {
color:red;

}

#mininav li {margin-bottom:5px;}

/*main menu*/

#mainnav {
float:left; 
width:100%;
overflow:hidden;
position:relative;

margin:20px 0px;

}

#mainnav ul {
clear:left; 
float:left;
list-style-type:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
font-family:comic sans, cursive;
}



#mainnav ul li {
display:block;
float:left;
list-style-type:none;
margin:0;
padding:0;
position:relative;
right:50%;
width:10em;
}

#top #mainnav ul li a {
display:block;
margin:0 0 0 5px;
padding:3px 0px;
background-color:red;
color:yellow;
border:blue outset 5px;
text-decoration:none;
line-height:2em;
font-weight:bold;
font-size:110%;}

#top #mainnav ul li a:hover {
background-color:yellow;
color:red;
font-weight:bold;
}
#top #mainnav ul li a:focus {
background-color:green;
color:red;
border-style:inset;}

#top #mainnav ul li a:visited {
background-color:red;
color:yellow;
border-style:outset;}



/*main content section*/

#mainwrap, #content {
position:relative;
overflow:hidden;}

p.footnote {
font-size:90%;
text-align:right;
font-style:italic;}

/*main content section home page*/


a.blocklink {display:block;
font-weight:bold;
font-size:95%;
margin-top:10px;
margin-bottom:10px;}

#pghome #mainchunk {

position:relative;
width:60%;
float:left; /*floats the main content*/

}

#homeintro {}


#pghome #mainchunk #mission {
border:red ridge 5px;
float:left;
margin:0px 10px 10px 0px;
padding:10px;
background-color:white;


}


#mission p {font-weight:bold;}


#pghome #homerightbox {
border:blue ridge 5px;
padding:5px 10px;
background-color:white;
}
 

#pghome #homerightbox h2 {
padding:5px;
text-align:center;}

#pghome #homeright{
overflow:hidden;
position:relative;
width:37%;

float:right;  /*floats the column*/
font-size:95%;

}



#pghome #news {
margin-top:10px;
border:black solid 2px;
height:400px;

overflow:auto;
padding:10px;

}


/*homepage ads*/


#pghome #homevert {
margin:0 15px 15px 0;
}


#pghome #goohomeleft{
float:left;
margin-right:20px;
}

#goohomeleft.googad {display:block;}

#homeintro .googad {width:160px;
float:right;}
#homelinks1 {}

#pghome #goobanner1wrap {
position:relative;
clear:left;
height:50px;
}

#pghome #goobanner1 {
position:relative;
width:468px;
height:150px;

}

#pghome #goobanner1 img {
display:block;
float:left;
border:0;
}

#goofoot1wrap {
position:relative;

clear:left;
height:15px;
margin-top:20px;

}

#goofootlinks1 {
position:relative;
width:728px;
height:15px;
margin:0 auto;

margin:0 auto;
}

#goofoot1 {
margin:5px auto;
width:468px;
height:150px;

}


#goofoot1 img {
display:block;
float:left;
border:0;
}

/*affiliate ads frlinks*/

#frlinks {overflow:hidden;
position:relative;

}

#frlinks a {text-decoration:none;}



/*sidebox class on affilate ads etc*/

#frlinks .sidebox {
position:relative;

}


.sidebox {
background-color:white;
overflow:hidden;
padding:3px;
border-width:5px;
border-style:solid;
border-color:blue;/*default if not defined below*/
margin-top:3px;
}

div.sidebox a {
display:block;
text-decoration:none;
color:black;
font-family:georgia, serif;}

.sidebox img {
float:right;
margin:0 0 5px 5px;
}

.sidebox p {
margin:5px;
font-family:georgia, serif;

}

#fr_intro {border-color:green;}

#buyat strong {
color:#FF0018;
}

#buyat {
border-color:#FF0018;

}

#hungryel {
border-color:#0099f0;
}


#hungryel strong {
color:#0099f0;
}


#yellowmoon img {
background-color:white;
}


#yellowmoon {
border-color:#FFCE21;
}

#yellowmoon strong {
color:#FFCE21;
}


#evclick {
border-color:#0099FF;
}

#evclick strong {
color:#0099FF;
}

#donate {
border-color:#005CB5;
}


/*footer*/
#footer {font-size:90%;}

#footer {
position:relative;
overflow:hidden;
border-top:5px solid green;
width:95%;
margin:10px auto 15px auto;
padding:15px;}

#footer ul {
text-align:center;
margin:0 auto;
margin:0 auto;
} 

#footer li {
display:inline;
padding:2em;
}

#footerinfo {clear:both;
font-family:serif;
font-size:90%;
margin-top:20px;
}


/*main content section not home page*/

div#column {

width:200px;
float:left;

}

div#pagescontentwrap {
position:relative;

margin-left:200px;

} /*div to wrap around pagescontent when there's a left column for submenus - then contents float left within it leaving space for the ads %*/

#pagescontent {
width:75%;
float:left;
padding:20px;
}

/*column with submenus*/

#submenu {
background-color:#FFE88C;
margin-bottom:10px;
border-left:#FFCC00 12px solid;

font-size:1.2em;
padding-top:10px;
padding-bottom:10px;
}

#submenu p, #submenu span {
padding:10px;
font-weight:bold;
margin:0;
}


#submenu li a {
display:block;
text-indent:10px;
font-weight:bold;

}



#container #submenu a:hover {color:red;}
#container #submenu a:focus {color:green;}
#container #submenu a:visited {color:purple;}

#submenu ul {
list-style-type:none;


}

#submenu ul li {
line-height:2;

}

#submenu a.submenu-main {
font-size:130%;
color:black;
padding-right:10px;

text-align:center;
}



#submenu a#submenu-current {
text-decoration:none;
background-color:#FFFFc6;

padding:20px 10px 20px 0;
text-align:center;
font-weight:900;
}



#submenu-current {
color:#0000C0;}

#submenu ul li a.submenu-main {line-height:1;}

#mainwrap #submenu a#submenu-current {
color:#0000C0;} /*lots of id's to make it stick when hovering, no colour change*/

#pagescontentwrap #frlinks {

}

#pagescontentwrap h1 {
padding:0px 10px 0px 0px;

}


/*little pic at top of pages*/

#topimg {float:right;
margin:0px 0px 10px 10px;}


/*feedburner box styling*/

#fbform {
background-color:#eee;
padding:3px;
text-align:center;
border:red ridge 2px;
padding:10px;
}


#fbform h3 {padding-bottom:5px;}

#emailaddress input {
width:90%;
padding:5px;
border:solid black 1px;
}

#fbsubscribe {
padding:5px;
font-size:1.2em;
background-color:#ddd;
border:3px outset red;
margin-bottom:5px;
}


#fbsubscribe a {color:blue;}

#fbsubscribe:hover {
color:white;
background-color:#aaa;}


#fblink a {text-decoration:underline;
font-weight:bold;}

#fblink a:hover {color:red;}


#pghome #fbform {
margin-top:10px;

}



/*search page*/
.noleftcol #pagescontentwrap {
position:relative;
margin:0px;
width:100%;
}

.noleftcol #pagescontent {}

#pgsearch h1 {text-align:left;}
#access a {text-decoration:underline;}

#pgsearch #access {float:right;
width:25%;
margin-bottom:50px;
background-color:white;
padding:5px;
border:blue solid 2px;}


/*search boxes*/
#topsearch {position:relative;
overflow:hidden;
width:auto;
background-color:#ffffc6;
}
#topsearch form.cse-branding-form div, #topsearch input {float:left;}


.cse-branding-form  {}
#topsearch form {background-color:#ffffc6;
float:left;}
.cse-branding-form input {border:solid black 1px;}

.cse-branding-form input.gsboxsubmit {border:3px blue outset;
font-weight:bold;
margin-left:10px;
}

#topsearch input.gsboxsubmit:hover {
background-color:#D8BFD8;
}


#topsearch .csebrandingform, #topsearch.cse-branding-logo {float:left;}

.cse-branding-form {float:right;}

input.gsboxsubmit:hover {background-color:#D8BFD8;
}

#searchbox {
width:auto;
background-color:#ffffc6;
}
.gsboxsubmit {border:3px blue outset;
font-weight:bold;
margin-left:10px;
}

/*search form*/

input.submitbutton {
border:outset 3px #0000C0;}

/*footer height thing*/

#container {
min-height:100%;
position:relative;
}

#mainwrap {padding-bottom:8em;}

#footer {clear:both;
height:8em;
position:absolute;
bottom:0;
width:100%;
}



/*submenu tricks*/

#pghavingfun .submenu-main {


}/*add other links to this declaration*/



#pagescontent .googlebox {margin:5px;}
 
#container #submenu #extlinks {font-size:80%;
padding-bottom:10px;
}


/*sitemap page*/

#pgsitemap div.list {

display:block;
padding:20px;
float:left;
width:35%;
height:11em;
border:red 3px dotted;
margin:1em 1em;
text-align:center;
font-weight:bold;
font-size:105%;
}

#pgsitemap div.list  a:hover {color:red;}

#pgsitemap .list ul {list-style-type:none;
line-height:2.5;}

#pgsitemap #pagescontent #searchbox {
clear:both;
margin-top:2em;
}

div#home {

text-align:center;
height:2em;
}

div#home a {
font-size:120%;
}

/*web policies page*/
#pgwebpols #pagescontent h1, #pgwebpols #pagescontent h2 {
color:black;
}

/*contact form*/

#contactform  {margin-bottom:2em;}


#contactform  .formrow {
display:block;
margin-bottom:1em;

}
#contactform  input {
font-size:1em;
padding:5px;
margin-left:1em;
border:1px blue solid;
}

#contactform  textarea {border:1px blue solid;
padding:5px;
}


#contactform  #submit {
border:3px blue outset;
font-weight:bold;
margin-right:2em;

}
#submit:hover {background-color:#CCCCCC;
color:red;}
#submit:focus {background-color:orange;
color:black;}

a.small {font-size:80%;
color:black;
text-decoration:none;
}

a.small:hover {text-decoration:underline;
color:red;}



a.noline {
text-decoration:none;
font-weight:bold;}

a.noline:hover {
text-decoration:underline;
font-weight:bold;}


/*Google divs again - need a size and a position class on each one do I need the general googad not sure*/
/*one of these ...*/
div.googad {
position:relative;
display:block;
}
div.ad125sq {
width:125px;
height:125px;}


div.ad200sq {
width:200px;
height:200px;

}

div.ad250sq {
width:250px;
height:250px;

}

div.ad300x250 {
width:300px;
height:250px;

}

div.adlinks200x90 {
width:200px;
height:90px;
}

div.ad120x240 {
width:120px;
height:240px;

}


div.adlinks120x90 {
width:120px;
height:90px;

}

div.ad728x90 {
width:728px;
height:90px;
position:relative;
display:block;

margin:0 auto;
}

div.ad728x15 {
width:728px;
height:15px;
position:relative;
display:block;

margin:0 auto;
}



/*and one of these.*/

.floatleft {
clear:both;
float:left;
margin:10px 10px 10px 0px;
}
.floatright {
clear:both;
float:right;
margin:10px 0px 10px 10px;
}

.widewrap {
clear:both;
width:100%;
position:relative;
overflow:hidden;


margin:2em auto;
}




/*feedburner on home page, add an id for changes on other pages*/
div.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type:none;
}

div.feedburnerFeedBlock ul li span.headline { 
font-weight:bold; 
display:block; 
margin:12px 0 0 0; 
}

div.feedburnerFeedBlock  p.feedTitle {font-weight:bold;
font-size:110%;}

div.feedburnerFeedBlock  p.feedTitle  img {margin-right:10px;}


#supporterlist ul{

padding-left:5em;
font-weight:bold;
position:relative;
}


#supporterlist ul li{
margin-bottom:1.5em;
}



#supporterlist ul span.desc {font-weight:normal;}

#supporterlist ul li a{
position:relative;
bottom:10px;
text-decoration:none;
font-weight:bold;
}
#supporterlist ul li a:hover {
color:red;
text-decoration:underline;
}

#supporterlist ul li.red{
list-style-image:url(images/red-hand-small.gif);
}

#supporterlist ul li.blue{
list-style-image:url(images/blue-hand-small.gif);
}

#supporterlist ul li.yellow{
list-style-image:url(images/yellow-hand-small.gif);
}

#supporterlist img {
clear:right;
float:right;
}

#pghowyoucanhelp #frlist img {
clear:left;
float:left;
margin:10px 10px 10px 0px;
}

#frlist p {clear:left;}



#piggytop {
width:50px;
height:38px;

}

#column a.piggy {text-align:center;
margin:auto;}

#column div.pigdiv {text-align:center;}

#column img {
margin:10px auto;

}

#frlinks {margin-bottom:1em;
z-index:5;}

#newspagebox {width:200px;
border:red dotted 2px;
float:right;
margin:0px 0px 1em 1em;
padding:10px;}

#pgthankyou #content p{text-align:center;}

#morelinks
{
padding:2em;
}

#morelinks li{
margin-bottom:1em;
}
#address p {margin:0px;}
.submenu-main {margin-bottom:10px;}


/*useful links page*/

dd a.useful-link {
clear:right;
display:block;
float:right;
margin-right:2em;
font-size:90%;
font-weight:bold;}

#searchbox {clear:both;
margin-top:2em;
}

.bigthanks {font-size:130%;
font-weight:bold;
padding:2px;
border:;
margin:0 1em;}

#pghowyoucanhelp h3 {clear:right;
padding:10px 0px;
font-size:110%;

}

#pghowyoucanhelp h3  a {
text-decoration:none;
font-size:105%;
color:blue;
}

#pghowyoucanhelp h3  a:hover {
color:red;
}

.titlepic {font-size:85%;
font-family:serif;
font-weight:bold;

font-style:italic;
}

#pgdonate h2 {margin-top:2em;
clear:left;
padding:10px 0px;}



#pgppthankyou #content {margin:1em auto;
position:relative;
text-align:center;
}

#pgppthankyou .cse-branding-right {
width:420px;
position:relative;
display:block;
margin:1em auto;

}

#searchbox {
clear:both;
width:100%;
position:relative;
overflow:hidden;


margin:2em auto;
}


#ppbutton {text-align:center;}

.middle {
text-align:center;
margin-left:auto;
margin-right:auto;
}

.block {display:block;}