/*
//
// primary styles
// Author: DataSetGo
// Date: 2008/09/03
//
/////////////////////////////////////// */



/* Global Styles
/////////////////////////////////////// */
body {
/* font-family: Helvetica, Arial, sans-serif;*/
/* font-family: "Times New Roman", arial, sans-serif ;*/
/* font-family: "Courier New", Courier, monospace;*/
/* font-family: "Times New Roman", Times, serif; */
/* font-family: "Trebuchet MS", Helvetica, sans-serif; */
/* font-family: "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; */
/* font-family: Verdana, Geneva, sans-serif; */
/* font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif */
font: 14px/16px "Trebuchet MS", Helvetica, sans-serif;
background: #404040 url('../images/backgrounds/bg.png') repeat;
color: #555;
margin: 0;
padding: 0;
}

a {
color: #003;
text-decoration: none;
}

a:hover {
color: #300;
text-decoration: underline;
}

img {
border: 0;
}

h1 {
font-size: 26px;
line-height: 30px;
color: #a00001;
margin: 0;
}

h2 {
font-size: 20px;
line-height: 24px;
color: #a00001;
margin: 0;
}

h3 {
font-size: 17px;
line-height: 20px;
color: #a00001;
margin: 0;
}

h4 {
font-size: 14px;
line-height: 14px;
color: #a00001;
margin: 0;
}

div#container {
width: 837px;
margin: 10px auto;
background: transparent url('../images/backgrounds/mainPage.png') no-repeat;
}

div#containerInner {
width: 837px;
margin: 10px auto;
background: transparent url('../images/backgrounds/innerPage.png') no-repeat;
}

div#header {
position: relative;
height: 390px;
}

div#headerInner {
position: relative;
height: 133px;
}

/* CSS Image Swap */
/*
div.nav {
position: relative;
top:101px;
left: 0px;
margin: 0;
padding: 0;
width: 800px;
height: 29px;
background: transparent url('../images/buttons/nav.png') no-repeat;
}

div.nav ul {margin: 0; padding: 0;}
div.nav li {margin: 0; padding: 0; list-style: none; position: absolute;}
div.nav a {height: 29px; display: block;}
div.nav span {display: none;}

li#navA {left: 87px; top: 0; width: 112px;}
li#navB {left: 202px; top: 0px; width: 112px;}
li#navC {left: 317px; top: 0px; width: 112px;}
li#navD {left: 432px; top: 0px; width: 112px;}
li#navE {left: 547px; top: 0px; width: 112px;}
li#navF {left: 662px; top: 0px; width: 112px;}
*/
/* HOVER state */
/*
li#navA a:hover {background: transparent url('../images/buttons/nav.png') -87px -29px no-repeat;}
li#navB a:hover {background: transparent url('../images/buttons/nav.png') -202px -29px no-repeat;}
li#navC a:hover {background: transparent url('../images/buttons/nav.png') -317px -29px no-repeat;}
li#navD a:hover {background: transparent url('../images/buttons/nav.png') -432px -29px no-repeat;}
li#navE a:hover {background: transparent url('../images/buttons/nav.png') -547px -29px no-repeat;}
li#navF a:hover {background: transparent url('../images/buttons/nav.png') -662px -29px no-repeat;}
*/
/* ON state */
/*
li#navA.on, #navA.on a:hover {background: transparent url('../images/buttons/nav.png') -87px -29px no-repeat;}
li#navB.on, #navB.on a:hover {background: transparent url('../images/buttons/nav.png') -202px -29px no-repeat;}
li#navC.on, #navC.on a:hover {background: transparent url('../images/buttons/nav.png') -317px -29px no-repeat;}
li#navD.on, #navD.on a:hover {background: transparent url('../images/buttons/nav.png') -432px -29px no-repeat;}
li#navE.on, #navE.on a:hover {background: transparent url('../images/buttons/nav.png') -547px -29px no-repeat;}
li#navF.on, #navF.on a:hover {background: transparent url('../images/buttons/nav.png') -662px -29px no-repeat;}
*/

div#navBox {
position: relative;
top:101px;
left: 90px;
margin: 0;
padding: 0;
width: 800px;
height: 29px;
z-index: 100;
}

/* Son of Suckerfish Nav */
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}

#nav a {
display: block;
width: 112px;
height: 29px;
color: #fff;
text-decoration: none;
}

#nav a:hover {
color: #eee;
text-decoration: underline;
}

#nav a#about {
background: transparent url('../images/buttons/nav.png') -87px 0px no-repeat;
}

#nav a#about:hover {
background: transparent url('../images/buttons/nav.png') -87px -29px no-repeat;
}

#nav a#exec {
background: transparent url('../images/buttons/nav.png') -202px 0px no-repeat;
}

#nav a#exec:hover {
background: transparent url('../images/buttons/nav.png') -202px -29px no-repeat;
}

#nav a#nonprofits {
background: transparent url('../images/buttons/nav.png') -317px 0px no-repeat;
}

#nav a#nonprofits:hover {
background: transparent url('../images/buttons/nav.png') -317px -29px no-repeat;
}

#nav a#blog {
background: transparent url('../images/buttons/nav.png') -432px 0px no-repeat;
}

#nav a#blog:hover {
background: transparent url('../images/buttons/nav.png') -432px -29px no-repeat;
}

#nav a#contact {
background: transparent url('../images/buttons/nav.png') -547px 0px no-repeat;
}

#nav a#contact:hover {
background: transparent url('../images/buttons/nav.png') -547px -29px no-repeat;
}

#nav a#donate {
background: transparent url('../images/buttons/nav.png') -662px 0px no-repeat;
}

#nav a#donate:hover {
background: transparent url('../images/buttons/nav.png') -662px -29px no-repeat;
}
#nav li { /* all list items */
float: left;
width: 112px; /* width needed or else Opera goes nuts */
height: 20px;
margin-right: 4px;

}

#nav li ul { /* second-level lists */
position: absolute;
background-color: #828282;
width: 114px;
padding: 6px;
border: 1px solid #a00001;
border-top: 0;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

*:first-child+html #nav {
height: 1%;
}
*:first-child+html #nav li {
height: 1%;
}


div#content {
padding: 10px 0 20px 0;
display: block;
width: 809px;
background: transparent url('../images/backgrounds/mainPageMid.png') repeat-y;
}

a#homeLink {
display: block;
position: absolute;
top: 15px;
left: 15px;
width: 300px;
height: 80px;
}

div#headerLinks {
display: block;
position: absolute;
top: 15px;
left: 600px;
width: 200px;
height: 80px;
}

div#main {
width: 475px;
margin-left: 28px;
padding-right: 18px;
float: left;
}

div#footer {
position: relative;
top: 0;
height: 106px;
width: 808px;
background: transparent url('../images/backgrounds/mainPageBtm.png') no-repeat;
}

a#emailLink {
display: block;
width: 45px;
height: 20px;
position: absolute;
top:56px;
left: 690px;
}

div#socials {
position: relative;
margin: 0px auto;
display: block;
width: 208px;
height: 18px;
background: transparent url('../images/buttons/socials.png') no-repeat;
}

div#footer span#footerTxt {
position: relative;
top:10px;
display: block;
font-size: 13px;
color: #a00001;
text-align: center;
}

br.clear {
clear: both;
}

span.hide {
display: none;
}




a#linkedIn {
position: relative;
display: block;
height: 18px;
width: 64px;
float: left;
}
a#facebook {
position: relative;
left: 4px;
display: block;
height: 18px;
width: 74px;
float: left;
}
a#twitter {
position: relative;
left: 6px;
display: block;
height: 18px;
width: 64px;
float: left;
}

div#sideBar {
position: relative;
padding: 12px;
width: 255px;
border-left: 1px solid #a00001;
float: left;
color: #363636;
}

div#sideBarInner {
position: relative;
padding: 12px;
width: 255px;
border-left: 1px solid #a00001;
float: left;
color: #363636;
}


div.sideBarCell {
background-color: #a1b3be;
padding: 9px;
color: #000003;
}

div.sideBarCell h1 {
color: #fff;
}

div.sideBarCell strong {
font-size: 18px;
font-style: italic;
font-weight: bold;
margin-bottom: 14px;
}

div.sideBarCell ul {
margin: 0;
padding: 0 0 0 16px;
}

div.sideBarCell ul li {
padding: 4px 0;
}
/* page-specific styles
////////////////////////////////////// */

/* index */

div#myGallery {
position: relative;
top: 109px;
left: -27px;
width: 857px;
height: 234px;
}

/* upgrade */

div#upgrade {
width: 800px;
padding: 20px;
margin: 100px auto;
background: #fff;
}