/*****CSS RESET*******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
img, div { behavior: url(iepngfix.htc) }

body { background: url('images/bkg.jpg') repeat-x #C3C6CB; font-family: Arial; font-size: 13px; line-height: 19px; color: #5B5B5B; }
a { color: #00467F; text-decoration: none; }
a:hover { color: #5B5B5B; }
#container { margin: 0 auto; width: 1000px; }
ul { list-style: square; }
li { margin-left: 25px; margin-bottom: 5px; }

/*****NAV/HEADER STYLES*******/

#nav { float: left; width: 1000px; height: 71px; margin: 10px 0 63px; }
span.headInactive { display:none; }
span.headActive { display:block; }
.miniLogo { float: left; width: 142px; height: 19px; margin-top: 25px; }
.socialmedia { float: right; margin: 10px; }

/*****FOOTER STYLES*******/

.logoHome { float: left; width: 225px; height: 37px; margin-top: -30px; behavior: url(iepngfix.htc); }
.logoHome a { float: left; width: 225px; height: 37px; background: url('images/logo.png') no-repeat; behavior: url(iepngfix.htc) }
.logoHome a:hover { float: left; width: 225px; height: 37px; background: url('images/logoRoll.png') no-repeat; }
.logo, .logo a { float: left; width: 225px; height: 37px; background: url('images/logo.png') no-repeat; behavior: url(iepngfix.htc) }
.logo a:hover { float: left; width: 225px; height: 37px; background: url('images/logoRoll.png') no-repeat; }

/*****CONTENT STYLES*******/

.textContainer { float: left; width: 360px; padding-left: 8px; margin-right: 8px; }
.textContainer span { font-weight: bold; color: #00467F; padding-right: 5px; }

.nextButton { margin: 20px 0 0 0; }
.nextButton, .nextButton a { float: left; width: 56px; height: 18px; }
.nextButton a { float: left; width: 56px; height: 18px; background: url('images/nextButton.jpg') no-repeat; }
.nextButton a:hover { float: left; width: 56px; height: 18px; background: url('images/nextButtonRoll.jpg') no-repeat; }

.backButton { float: left; width: 56px; height: 18px; margin: 15px 0 0 240px; }
.backButton a { float: left; width: 56px; height: 18px; background: url('images/backButton.jpg') no-repeat; }
.backButton a:hover { float: left; width: 56px; height: 18px; background: url('images/backButtonRoll.jpg') no-repeat; }

#newsTicker { float: right; margin: -50px 0 0 0; }

/*****RIGHT SIDE IMAGE STYLES*******/

.rightImageContainer { float: right; width: 610px; height: 550px; }
.homeImage { float: left; width: 300px; height: 460px; margin: 35px 0 0 60px; }
.historyImage { float: left; width: 331px; height: 347px; }
.profile { float: left; width: 540px; height: 380px; }
.largeImage { float: left; margin-top: 6px; }
.careersImage { float: left; width: 378px; height: 540px; }

/*******PEOPLE IMAGE STYLES********/

#jay, #abbey, #amy, #joe, #marcia, #lisa, #veronica, #claudia, #jesse, #jane, #darrell, #kopp, #megan, #greg, #DD, #mike, #randall, #beverly, #jill, #isaac, #amber, #dyno, #mark, #jay a, #abbey a, #amy a, #joe a, #marcia a, #lisa a, #veronica a, #claudia a, #jesse a, #jane a, #darrell a, #kopp a, #megan a, #greg a, #DD a, #mike a, #randall a, #beverly a, #jill a, #isaac a, #amber a, #dyno a, #mark a, #cassey a, #gayle a, #kevin a, #billiam a { float: left; width: 86px; height: 86px; margin: 0 10px 10px 0; }

#jay, #jay a { background: url('images/profiles/jayOFF.jpg') no-repeat; }
#jay a:hover { background: url('images/profiles/jayON.jpg') no-repeat; }

#abbey, #abbey a { background: url('images/profiles/abbeyOFF.jpg') no-repeat; }
#abbey a:hover { background: url('images/profiles/abbeyON.jpg') no-repeat; }

#amy, #amy a { background: url('images/profiles/amyOFF.jpg') no-repeat; }
#amy a:hover { background: url('images/profiles/amyON.jpg') no-repeat; }

#joe, #joe a { background: url('images/profiles/joeOFF.jpg') no-repeat; }
#joe a:hover { background: url('images/profiles/joeON.jpg') no-repeat; }

#marcia, #marcia a { background: url('images/profiles/marshaOFF.jpg') no-repeat; }
#marcia a:hover { background: url('images/profiles/marshaON.jpg') no-repeat; }

#lisa, #lisa a { background: url('images/profiles/lisaOFF.jpg') no-repeat; }
#lisa a:hover { background: url('images/profiles/lisaON.jpg') no-repeat; }

#veronica, #veronica a { background: url('images/profiles/veronicaOFF.jpg') no-repeat; }
#veronica a:hover { background: url('images/profiles/veronicaON.jpg') no-repeat; }

#claudia, #claudia a { background: url('images/profiles/claudiaOFF.jpg') no-repeat; }
#claudia a:hover { background: url('images/profiles/claudiaON.jpg') no-repeat; }

#jesse, #jesse a { background: url('images/profiles/jesseOFF.jpg') no-repeat; }
#jesse a:hover { background: url('images/profiles/jesseON.jpg') no-repeat; }

#jane, #jane a { background: url('images/profiles/janeOFF.jpg') no-repeat; }
#jane a:hover { background: url('images/profiles/janeON.jpg') no-repeat; }

#darrell, #darrell a { background: url('images/profiles/darrellOFF.jpg') no-repeat; }
#darrell a:hover { background: url('images/profiles/darrellON.jpg') no-repeat; }

#kopp, #kopp a { background: url('images/profiles/koppOFF.jpg') no-repeat; }
#kopp a:hover { background: url('images/profiles/koppON.jpg') no-repeat; }

#megan, #megan a { background: url('images/profiles/meganOFF.jpg') no-repeat; }
#megan a:hover { background: url('images/profiles/meganON.jpg') no-repeat; }

#greg, #greg a { background: url('images/profiles/gregOFF.jpg') no-repeat; }
#greg a:hover { background: url('images/profiles/gregON.jpg') no-repeat; }

#DD, #DD a { background: url('images/profiles/DDOFF.jpg') no-repeat; }
#DD a:hover { background: url('images/profiles/DDON.jpg') no-repeat; }

#mike, #mike a { background: url('images/profiles/mikeOFF.jpg') no-repeat; }
#mike a:hover { background: url('images/profiles/mikeON.jpg') no-repeat; }

#randall, #randall a { background: url('images/profiles/randallOFF.jpg') no-repeat; }
#randall a:hover { background: url('images/profiles/randallON.jpg') no-repeat; }

#beverly, #beverly a { background: url('images/profiles/beverlyOFF.jpg') no-repeat; }
#beverly a:hover { background: url('images/profiles/beverlyON.jpg') no-repeat; }

#jill, #jill a { background: url('images/profiles/jillOFF.jpg') no-repeat; }
#jill a:hover { background: url('images/profiles/jillON.jpg') no-repeat; }

#isaac, #isaac a { background: url('images/profiles/isaacOFF.jpg') no-repeat; }
#isaac a:hover { background: url('images/profiles/isaacON.jpg') no-repeat; }

#amber, #amber a { background: url('images/profiles/amberOFF.jpg') no-repeat; }
#amber a:hover { background: url('images/profiles/amberON.jpg') no-repeat; }

#dyno, #dyno a { background: url('images/profiles/dinosaurOFF.jpg') no-repeat; }
#dyno a:hover { background: url('images/profiles/dinosaurON.jpg') no-repeat; }

#mark, #mark a { background: url('images/profiles/markOFF.jpg') no-repeat; }
#mark a:hover { background: url('images/profiles/markON.jpg') no-repeat; }

#cassey, #cassey a { background: url('images/profiles/casseyOFF.jpg') no-repeat; }
#cassey a:hover { background: url('images/profiles/casseyON.jpg') no-repeat; }

#gayle, #gayle a { background: url('images/profiles/gayleOFF.jpg') no-repeat; }
#gayle a:hover { background: url('images/profiles/gayleON.jpg') no-repeat; }

#kevin, #kevin a { background: url('images/profiles/kevinOFF.jpg') no-repeat; }
#kevin a:hover { background: url('images/profiles/kevinON.jpg') no-repeat; }

#billiam, #billiam a { background: url('images/profiles/billiamOFF.jpg') no-repeat; }
#billiam a:hover { background: url('images/profiles/billiamON.jpg') no-repeat; }

/*****PORTFOLIO IMAGE STYLES*******/

.portfolioThumbsContainer { float: left; width: 520px; margin-bottom: 20px; }
.portfolioImageContainer { float: right; width: 471px; margin: 6px 0 0 0; }
.portfolioImage { float: right; width: 237px; height: 350px; }
.thumb { float: left; width: 118px; height: 118px; margin: 0 8px 8px 0; border: thin solid #666; }

.logoThumbsContainer { float: left; width: 550px; margin-bottom: 20px; }
.logoImageContainer { float: right; width: 421px; margin: 6px 0 0 0; }
.logo { float: left; width: 50px; height: 50px; margin: 0 8px 8px 0; border: thin solid #666; background: #FFF; }

.nextButtonPortfolio { float: left; width: 56px; height: 18px; margin: 362px 0 0 10px; }
.nextButtonPortfolio a { float: left; width: 56px; height: 18px; background: url('images/nextButton.jpg') no-repeat; }
.nextButtonPortfolio a:hover { float: left; width: 56px; height: 18px; background: url('images/nextButtonRoll.jpg') no-repeat; }

/******NEWS ARTICLE******/

.newsArticle { display:none; }
.newsTitle { cursor: pointer; }

/* ********* DONATE FORM STUFF ******* */

.donateForm td { vertical-align:top; }

/* ***** SOAPBOX STUFF **** */

.soapQuote { height:250px; }