/*
Layout standard-02 version 3
by T Vince 2011
*/

body 
{
/*define the page background and standard font family, size, colour*/
background-color:#ffffff;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:80%;
color:black;
padding:0px;
margin:0px;
}

a
{
color:#000000;
}

img
{
/*by default, no nasty boxes around images*/
border:0px none;
}

.superroot
{
/*this centres everything on the page*/
min-width:960px;
width:100%;
margin:0px;
padding:0px;
}

.root 
{
/*define the main document background and size*/
min-width:960px;
width:100%;
border:0px;
padding:0px;
height:100%;
border-style:none;
background-color:white;
float:left;
}

.root .end
{
clear:both;
margin-bottom:-1em;
}

.headerbar
{
/*define our overall header bar.
If we want the entire header to have a background color, put it here.
If we want each header element to have it's own, don't*/
border:0px none;
padding:0px;
}

.headerbar .beforelogo
{
/*section for putting before logo. If we're not going to have one visible, set display to none. can be useful for putting screenscrapy bits in*/
display:none;
}

/*may need to put in some sections for links here*/

.headerbar ul
{
/*default for unordered lists here*/
list-style-type:none;
}

.headerbar .logo
{
/*Section for putting logo in. We will also need to define h1 for this*/
/*may need a background here*/
border:0px none;
padding:0px;
background-color:#eeeeee;
height:140px;
background-image:url("../img/logo-bg.png");
background-repeat:repeat-x;
}

.headerbar .logo h1
{
/*Define the h1 style*/
color:#006400;
text-align:left;
font-size:2em;
font-weight:bold;
padding:20px;
margin-top:0px;
margin-bottom:0px;
/*if we want the logo on the right we need to put that here*/
float:left;
}

.headerbar .logo .rightbox
{
/*allows us to put a box to the right of the logo*/
background-color:transparent;
float:right;
margin-top:40px;
}

.headerbar .afterlogo
{
/*Section for putting after logo. Can set display to none if we don't want one*/
border:0px none;
padding:0px;
padding-bottom:7px;
background-color:#eeeeee;
background-image:url("../img/menu-bg.png");
background-repeat:repeat-x;
height:1.8em;
display:block;
margin-top:-1em;
}

.headerbar .afterlogo ul
{
padding-top:1px;
padding-left:20px;
padding-right:20px;

}

.headerbar .afterlogo li
{
float:left;
padding-left:2px;
padding-right:2px;
display:inline;
border-left:2px solid #222222;
border-right:2px solid #222222;
border-top:0px none;
border-bottom:0px none;
margin-left:-2px;
}

.headerbar .afterlogo a:link, .headerbar .afterlogo a:visited
{
text-decoration:none;
font-family:Georgia, serif;
font-size:1.1em;
font-weight:normal;
display:block;
padding-top:0.4em;
padding-bottom:0.4em;
padding-left:10px;
padding-right:10px;
text-align:center;
}

.headerbar .afterlogo a:hover, .headerbar .afterlogo a:active
{
background-color:#c1d72f;
color:#000000;
}

.headerbar .afterlogo .selecteditem
{
text-decoration:none;
font-family:Georgia, serif;
font-size:1.1em;
font-weight:normal;
display:block;
padding:0.4em;
padding-left:14px;
padding-right:14px;
border:0px none;
text-align:center;
color:#c1d72f;
background-color:#222222;
}

.headerbar .afterlogo .rightalign
{
float:right;
}

.mainsection
{
clear:both;
/*margin-top:-1em;*/
}

.mainsection .sidebar_l
{
float:left;
width:110px;
margin-top:1em;
padding-left:20px;
padding-right:20px;
display:none;
}

.mainsection .maincontent
{
float:left;
min-width:760px;
padding-left:20px;
padding-right:20px;
}

.mainsection .maincontent h2
{
margin:0em;
padding:0.5em 0em 0.5em 0em;
border-bottom:2px dotted #000000;
color:#00573d;
}

.mainsection .maincontent h3
{
margin-top:0.5em;
margin-bottom:-0.5em;
padding:0px;
color:#00573d;
}

.mainsection .maincontent .column
{
float:left;
width:340px;
margin-top:0px;
padding-top:5px;
padding-left:20px;
padding-right:18px;
padding-bottom:0px;
margin-left:-20px;
border-right:2px dotted #000000;
}

.mainsection .maincontent .lastcolumn
{
float:left;
width:340px;
padding-top:5px;
padding-left:20px;
padding-right:20px;
padding-bottom:0px;
margin-left:0px;
margin-right:-20px;
}

.mainsection .maincontent .nocolumn
{
float:left;
width:640px;
min-width:inherit;
padding-top:5px;
}

.mainsection .sidebar_r
{
float:right;
width:120px;
margin-top:1em;
padding-left:20px;
padding-right:20px;
}

.mainsection .sidebar_r em
{
font-size:1.1em;
font-style:italic;
}

#contentlink
{
display:none;
}

.footerbar
{
/*define our overall footer bar.
If we want the entire footer to have a background color, put it here.
If we want each header element to have it's own, don't*/
border:0px none;
padding:0px;
float:left;
min-width:960px;
width:100%;
background-color:transparent;
}

.footerbar .beforelogo
{
/*section for putting before logo. If we're not going to have one visible, set display to none. can be useful for putting screenscrapy bits in*/
display:none;
}

/*may need to put in some sections for links here*/

.footerbar ul
{
/*default for unordered lists here*/
list-style-type:none;
}

.footerbar .logo
{
/*Section for putting logo in.*/
/*may need a background here*/
border:0px none;
padding:0px;
background-color:transparent;
height:281px;
background-image:url("../img/regen-footer-tmp.png");
background-repeat:no-repeat;
background-position:right;
margin-top:-50px;
}

.footerbar .afterlogo
{
/*Section for putting after logo. Can set display to none if we don't want one*/
border:0px none;
padding:0px;
padding-bottom:7px;
background-color:#eeeeee;
display:block;
float:left;
min-width:960px;
width:100%;
background-image:url("../img/logo-bg.png");
background-repeat:repeat-x;
}

.footerbar .afterlogo ul
{
float:left;
padding-top:1px;
padding-left:20px;
padding-right:20px;
list-style-type:none;
}

.footerbar .afterlogo li
{
list-style-type:none;
}

.footerbar .afterlogo a:link, .headerbar .afterlogo a:visited
{
text-decoration:none;
}

.footerbar .afterlogo a:hover, .headerbar .afterlogo a:active
{
text-decoration:underline;
}

.footerbar .afterlogo .rightalign
{
float:right;
}