/* CSS Document */
/*
1. Basic Styles
2. Header Styles
3. Footer Styles
4. Left Nav Styles
5. Home Page Styles
6. Internal Styles
*/
/* 1. BASIC STYLES */
html {
background-color: #FFFFFF;
background-image: url(/images/background_gradient.jpg);
background-position: top;
background-repeat: repeat-x;
padding: 0px;
margin: 0px;
height: 100%;
}
body {
/*
background-image: url(/images/beta.jpg);
background-position: top left;
background-repeat: no-repeat; */
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
html>body {
min-height: 100%;
height: auto;
}

#main {
background-color: #FFFFFF;
text-align: justify;
vertical-align: top;
padding: 0px;
height: 700px;
min-height: 700px;
}
#main a:link, #main a:visited {
color: #666666;
font-weight: bold;
text-decoration: underline;
}
#main a:hover {
color: #000000;
font-weight: bold;
text-decoration: underline;
}

/* 2. HEADER STYLES */
#header {
color: #FFFFFF;
text-align: right;
font-size: 10px;
}
#headermenu {
padding: 8px 0px;
}
.headerlink {
color: #FFFFFF;
text-decoration: none;
}
.headerlink:hover {
color: #FFA100; /*orange on hover */
}

/* 3. FOOTER STYLES */
#newscontainer {
color: #FFFFFF;
background-color: #0A2C97;
}
#copyright {
background-image: url(/images/footer_50.jpg);
background-position: top;
background-repeat: repeat-x;
}
.newslink {
color: #FFFFFF;
}
.newslink:hover {
color: #FFA100; /*orange on hover */
}
#footer {
color: #9B9EA8;
font-size: 10px;
}
.footerlink {
color: #9B9EA8;
}
.footerlink:hover {
color: #0A2C97; /*blue on hover */
}
.footerlink:visited {
color: #9B9EA8; 
}

/* 4. LEFT NAV STYLES */
#left {
background-color: #FFFFFF;
vertical-align: top;
padding: 0px 0px 10px 5px;
}
#nav {
padding: 5px 0px 15px 0px;
}
#menucontainer {
width: 315px;
color: #FFFFFF;
text-align: justify;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: 20px;
text-transform: uppercase;
}
#menucontainer a:link, a:visited {
color: #FFFFFF;
text-decoration: none;
}
#menucontainer a:hover {
color: #DEDEDE;
/*
background-image: url(/images/navigation_10.jpg);
background-position: right;
background-repeat: no-repeat;
*/
}
#givebox {
background-color: #FFA101;
margin: 5px 0px;
}
.menulink {
padding-left: 20px;
width: 300px;
}
.menulink:hover {

}
#advocatebox {
background-color: #FA1F07;
margin: 5px 0px;
}
#volunteerbox {
background-color: #7C81B9;
margin: 5px 0px;
}
.formcell {
padding-left: 10px;
}

/* 4.5. BLUE BOX STYLES */
#blueBoxTop {
border-top: 1px solid #DEDEDE;
width: 300px;
}
#blueBoxBottom {
border-bottom: 1px solid #DEDEDE;
}
.blueFormCell {
border-left: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
}

/* 5. HOME PAGE STYLES */
#videoplayer {
width: 315px;
background-color: #E1E5FE;
background-image: url(/images/vidbox_06.jpg);
background-repeat: repeat-y;
text-align: center;
}
#viewmorevideos {
color: #000000;
font-size: 10px;
}

/* 6. INTERNAL STYLES */
.contentTable {
margin: 9px 0px;
}
.roundBoxTop {
border-top: 1px solid #DEDEDE;
width: 611px;
background-color: #F8F8FA;
}
.roundBoxBottom {
border-bottom: 1px solid #DEDEDE;
width: 611px;
}
.roundBoxContent {
border-right: 1px solid #DEDEDE;
border-left: 1px solid #DEDEDE;
padding: 20px;
width: 621px;
}
.pagetitle, .pagesubtitle {
font-weight: bold;
font-family: 'Trebuchet MS', arial, sans-serif;
height: 40px;
font-size: 24px;
padding: 0px 10px;
border-bottom: 1px solid #DEDEDE;
border-left: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
color: #2F3196;
background-color: #F8F8FA;
}
.pagesubtitle {
height: 28px;
font-size: 18px;
}