/* Page Fundamentals */

body {
padding: 0;
margin: 0;
background: none;
background-repeat: no-repeat;
color: #228B22;
font-family: verdana, sans-serif;
font-size: 1em;
}

div {
border: 0px solid #000;
}

a:link, a:visited {
color: #000080;
}

a:hover {
color: #34e641;
}

a:active {
color: #00FF00;
}

#all {
border-top: 6px solid #00FF00;
}

#topcontainer, #middlecontainer, #bottomcontainer, #footercontainer, #subpagecontentcontainer {
width: 100%;
padding: 10px 0;
}

#top, #middle, #bottom, #footer, #subpagecontent {
position: relative;
padding: 0 10px;
width: 950px;
margin-left: auto;
margin-right: auto;
}

#topcontainer {
background-image: url('images/bannergradient.png');
background-color: #fff;
background-repeat: repeat-x;
}

#topcontainer, #top {
height: 100px;
}

#middlecontainer, #middle {
height: 330px;
}

#middlecontainer {
padding-bottom: 0;
}

#bottomcontainer, #bottom {
height: 200px;
}

#bottomcontainer {
border-top: 10px inset #00FF00;
padding-top: 10px;
background: transparent;
}

#footercontainer {
width: 100%;
clear: left;
float: left;
}

#footercontainer, #footer {
height: 60px;
}

/* End Page Fundamentals */


#banner {
display: block;
position: absolute;
top: -240px;
left: 10px;
height: 330px;
width: 400px;
text-decoration: none;
background: transparent url('images/banner.png') no-repeat;
}

/* Resources */

.resourceslinklist dt
{
color: #000;
font-weight: bold;
padding: 0;
}

.resourceslinklist dd
{
margin: 0 0 1em 0;
padding: 0 0 0 10px;
background-image: url('images/arrow.gif');
background-repeat: no-repeat;
background-position: 0 .5em;
}

h1 {
border: 5px double #00FF00;
border-width: 5px 0 0 0;
color: green;
padding: 3px 0;
}

h2 {
border-left: 10px solid green;
padding-left: 5px;
color: #006400;
}

/* Article Pages */

#gototopcontainer {
position: fixed;
left: 5px;
bottom: 5px;
}


/* Home items  */

.homeitem {
width: 315px;
background: transparent;
float: left;
}

.homeiteminnertext {
display: block;
width: 293px;
height: 150px;
overflow: hidden;
border: 0;
padding: 5px;
font-size: 1.3em;
background-color: #cff700;
background-position: .5em 1em;
}

/*
.homeiteminnertext:first-letter {
color: #3af615;
display: block;
float: left;
font-size: 3em;
border-bottom: 5px solid green;
} */

.homeitemtextlink {
display: block;
border-top: 0px solid green;
display: block;
position: relative;
width: 303px;
height: 160px;
padding: 5px;
}

.homeitemtextlink:link {
text-decoration: none;
color: #155f06;
padding-bottom: 10px;
}

.homeitemtextlink:visited {
text-decoration: none;
color: #155f06;
padding-bottom: 10px;
}

.homeitemtextlink:hover {
color: #0d8131;
text-decoration: none;
background: transparent url('images/shadowedframe.gif') no-repeat;
padding-bottom: 10px;
border-bottom: 0px solid #3af615;
}

.homeitemtextlink:active {
color: #0d8131;
text-decoration: none;
padding-bottom: 10px;
}


/*
.homeitemtextlink:first-letter {
font-size: 3em;
display: block;
float: left;
color: #0f0;
}
*/

.homeitemimage {
position: absolute;
bottom: 30px;
width: 48px;
height: 48px;
left: 50%;
margin-left: -24px;
}

/* Homepage Middle Section */

#textleftofhomeimage {
width: 550px;
float: left;
}

#homeexclamation {
text-transform: uppercase;
font-size: 2.5em;
margin-bottom: 20px;
}

#homesubexclamation {
font-size: 1.3em;
}

#homeintro {
font-size: 1.2em;
}

#homeintroimagecontainer {
position: absolute;
bottom: 0;
right: 0;
width: 398px;
height: 120%;
overflow: hidden;
}

#homeintroimage {
width: 398px;
height: 500px;
display: block;
bottom: 50px;
}

/* End Homepage Middle Section */





/* Begin navbar CSS */

#navcontainer {
width: 600px;
overflow: hidden;
float: right;
margin-right: -98px;
height: 100px;
}

#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 0px solid #000;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #111;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #000; }

#addthisbutton {
display: block;
position: absolute;
top: 20px;
right: 0;
text-align: right;
width: 200px;
}

#validationsection {
float: right;
margin-top: 15px;
margin-right: -4px;
}