body, td, th, input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#666666;
}
body {
    background-color: #FFF2DF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
a:link {
    color: #CC0000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #990000;
}
a:hover {
    text-decoration: underline;
    color: #FF9900;
}
a:active {
    text-decoration: none;
}
h1 {
    font-size: 18px;
    color:#CF0000;
    font-weight:bold;
    margin:5px 0px 10px 0px;
}
h2 {
    font-size: 15px;
    color:#000066;
    font-weight:bold;
    margin:12px 0px 7px 0px;
}
h3 {
    color:#CF0000;
    font-size: 13px;
    font-weight:bold;
    margin:8px 0px 3px 0px;
}
img {
    border:none;
}
hr.locations {
    width:250px;
    color:#999999;
    background-color:#999999;
    height:1px;
    margin:5px 0px;
    padding:0px;
}
p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height:15px;
    color:#666666;
    margin:5px 0px 8px 0px;
}
ul {
    margin:5px 0px 12px 0px;
}
.redText {
    color:#CF0000;
}
.blueText, a.blueText {
    color:#000066;
}

.PotoCutlines {
    font-size: 10px;
    color:#333333;
    margin:5px 0px;
}
.floatImageRight {
    float:right;
    margin:0px 0px 12px 20px;
}
.floatImageLeft {
    float:left;
    margin:0px 20px 12px 0px;
}
.readMore {
    font-size:10px;
    font-style:italic;
}
#logo {
    border:0px;
    margin:0px;
    position: relative;
}
#pagecontainer {
    width:960px;
    position: relative;
    background-color: #FFFFFF;
    margin:auto;
    background-image: url(/_img/pageBackground.jpg);
    background-repeat: repeat-y;
    background-position: left;
}
#pageheader {
    width:960px;
    height:175px;
    margin:0px;
    background-image: url(/_img/navBackground.jpg);
    background-position: top;
    background-repeat:repeat-x;
    position: relative;
    padding: 0px;
    z-index: 50;
}
body.home #generalPhoto {
    display:none;
}
#container {
    position: relative;
}
#contentcontainer {
    width:759px;
    margin:20px 0px;
    float: right;
    background-color: #FFFFFF;
    padding: 0px;
}
.clearfloats {
    clear:both;
    width: 96px;
    height: 1px;
    line-height: 1px;
}
#subnav {
    width: 155px;
    float: left;
    padding: 15px 0px 0px 20px;
    font-size:13px;
}
/* subnav main menu styling */
#subnav ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    font-weight: bold;
    list-style-type: none;
}
#subnav li {
    margin: 6px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    list-style-type: none;
}
/* subnav 2ndlevel menu styling */
#subnav ul ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    list-style-type: none;
}
#subnav ul ul li {
    margin: 3px 0px 0px 12px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    list-style-type: none;
}
/* this hides the sub menus (ul) in subnav menubar if it is not the active section */
#subnav ul ul {
    display:none;
}
/* this SHOWS the sub menus (ul) in subnav menubar if it IS the active section 
-- About Blood menus: aboutBlood,  BDcalendar,  sponsorBD,  downloadForm
-- BDDB menus: aboutBlood,  BDcalendar,  sponsorBD,  downloadForm 
-- Services menus: donationTypes
-- All Other menus: current1, current2, current3, current4, current5, currrent6, current7, current8, current9, current10 -- */
#subnav.aboutBlood #aboutBlood ul, #subnav.BDcalendar #BDcalendar ul, #subnav.sponsorBD #sponsorBD ul, #subnav.downloadForm #downloadForm ul,  #subnav.hospitalServices #hospitalServices ul, #subnav.donationTypes #donationTypes ul {
    display:block;
    list-style-image: url(/_img/SpryMenuBarRight.gif);
}
/* this highlights the current section of sub menus (ul) in subnav menubar */
#subnav.aboutBlood #aboutBlood a.current, #subnav.BDcalendar #BDcalendar a.current, #subnav.sponsorBD #sponsorBD a.current, #subnav.downloadForm #downloadForm a.current, #subnav.donationTypes #donationTypes a.current/*, #subnav.current1 li a.current, #subnav.current2 li a.current, #subnav.current3 li a.current, #subnav.current4 li a.current, #subnav.current5 li a.current, #subnav.current6 li a.current, #subnav.current7 li a.current, #subnav.current8 li a.current, #subnav.current9 li a.current, #subnav.current10 li a.current*/ {
    color:#000066;
}
#subnav a, #subnav a:link {
    color:#CC0000;
}
#subnav a:hover {
    color:#000066;
    text-decoration:underline;
}
#subnav #quicklinks {
    margin: 0px 0px 20px 0px;
    padding: 12px 0px 0px 0px;
}
#subnav #quicklinks a, #subnav #quicklinks a:link {
    color:#000066;
}
#subnav #quicklinks a:hover {
    color:#CC0000;
    text-decoration:underline;
}
#subnav .line {
    line-height:2px;
    font-size:2px;
    height:2px;
    background-color:#666666;
    width: 120px;
}
#breadcrumbs {
    display:block;
    list-style-image: url(/_img/breadcrumbs_arrow.gif);
    width: 710px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
}
#breadcrumbs ul {
    margin: 0px 0px 0px 0px;
}
#breadcrumbs li {
    float:left;
    padding:0px 25px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#breadcrumbs a {
    margin:0px 0px 0px 0px
}
#breadcrumbs a.current {
    font-weight:bold;
    color:#000;
}
#content {
    width: 612px;
    margin: 55px 100px 0px 45px;
}
.smallText {
    font-size:10px;
    font-style: italic;
}
#footer {
    width:960px;
    margin: 20px 0px 0px 0px;
    text-align: center;
    border-top:1px solid #cbcbcb;
    padding:10px 0px 15px 0px;
    line-height:20px;
    font-size: 11px;
}
#footer a {
    margin: 5px 6px 10px 6px;
    text-align: center;
}
/* home specific stuff -----------
-------------------------  */
#sidebar {
    width: 300px;
    float: right;
    padding: 15px 0px 10px 0px;
    font-size:13px;
    text-align: center;
}
.home #pagecontainer #pageheader #homepics #sidebar {
    margin: 30px 15px 0px 15px;
    float: right;
    width: 310px;
    text-align: center;
}
.home #pagecontainer #pageheader #homepics #sidebar #scheduleAptBtn {
    margin: 0px;
    padding: 0px;
    width: 128px;
}
.home #pagecontainer #pageheader #homepics #sidebar h2 {
    margin: 0px 10px 0px 10px;
    padding: 0px;
    font-size:14px;
    font-weight:bold;
    color: #CF0000;
    line-height: 110%;
}
.home p.locations {
    margin: 2px 10px 0px 10px;
    padding: 0px;
    color: #CF0000;
    line-height: 18px;
    font-size: 13px;
}
.home p.locations a, .home p.locations a:link {
    padding: 0px;
    color: #666666;
}
.home p.locations a:hover {
    padding: 0px;
    color: #CC0000;
}
/*body.home #pagecontainer #pageheader #generalPhoto {
display:hidden;
}
*/
#randomPics {
    width: 620px;
    margin: 0px;
    position: relative;
    z-index: 10;
}
.home #footer {
    margin: 0px 0px 0px 0px;
    border-top:none;
    padding:15px 0px 15px 0px;
}
#bloodMeter {
    text-align:center;
    width:960px;
    line-height: 18px;
    font-size: 13px;
    clear:both;
    padding:0px 0px 0px 0px;
    margin:-3px 0px 0px 0px;
}
/*  Serach form/results styles 
-----------------------  */
#subnav #search {
    width: 155px;
    margin: 15px 0px 0px 0px;
}
#search #searchForm {
    margin: 0px;
    padding: 0px;
    color: #000000;
}
#searchForm input {
    margin: 3px 0px;
    padding: 0px;
    width: 145px;
}
/* background colors for table cels used in several pages */

.lightGrayBackground {
    background-color: #f3f3f3;
}
.lightOrangeBackground {
    background-color: #FFF2DF;
}
.FIX_ME {
    font-size: 16px;
    font-weight: bold;
    color: #00FF00;
}
/* Photo Gallery Page Stuff
---------------------------- */
/* Albums/Category Page  */

div.albumThumbWrapper {
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
/*div.albumThumbWrapper div {
	
}
.photoDiv div {
border: solid #EFEFEF 1px ;
}*/
.albumQuantity, .photoQuantity {
    color:#666666;
    font-size:11px;
    font-weight:normal;
    margin-left:5px;
    font-style: italic;
}
/* View Album Page  */
 div.photoThumbWrapper {
    padding: 0px;
    margin: 15px auto;
}
.albumDate {
    color:#666666;
    font-size:11px;
    margin-left:5px;
}
/* View Album Page  */
div.viewPhotoThumb1, div.viewPhotoThumb2 {
    width: 150px;
    display: inline;
    margin:0px;
    padding: 0px;
    float: left;
}
#albumNav.viewPhotoPage {
    width: 300px;
    margin:0px;
    padding: 0px;
    position:relative;
}
div.viewPhotoThumb1 img, div.viewPhotoThumb2 img {
    padding: 5px;
    margin: 5px 0px 0px 0px;
    border: #EFEFEF solid 1px;
}
div.viewPhotoThumb1 a:hover img, div.viewPhotoThumb2 a:hover img {
    border: #CC0000 solid 1px;
    text-decoration:none;
}
div.viewPhotoThumb2 p {
    text-align:right;
}
#albumNav.viewPhotoPage .smallText {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}
/* Sit Map Page Stuff 
-----------------------*/

#siteMap {
    margin:0px;
    padding:0px;
}
#siteMap .main {
    color:#000066;
    font-size:14px;
    font-weight:bold;
    margin:0px;
    padding:0px;
    list-style-type:none;
}
#siteMap ul {
    list-style-type:none;
    margin:5px;
    padding-left:5px;
}
#siteMap .main li.submenus {
    list-style-type:none;
    margin:0px;
    padding-left:5px;
}
#siteMap .submenus a {
    font-size:13px;
    color:#CC0000;
    text-decoration:none;
    font-weight:normal;
    margin:0px;
    padding:0px;
}
#siteMap .main li.submenus li {
    margin:0px;
    padding-left:5px;
}
#siteMap .main li.submenus ul {
    margin:0px;
    padding-left:10px;
}
#siteMap .submenus li a {
    color:#666666;
    font-size:12px;
    text-decoration:none;
    font-weight:normal;
    margin:0px;
    padding:0px;
}
#siteMap a {
    color:#666666;
}
#siteMap a:hover, #siteMap .submenus ahover, #siteMap .submenus li a:hover {
    color:#CC0000;
    border-bottom:1px dotted #CC0000;
}
/* Gala Pages -------------------
-------------------------------- */
#galaColumn {
width: 430px;
float: right;
margin: 0px;
padding: 0px;
}

#galaNav {
    width: 170px;
    float: left;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}
#galaNav p {
    font-size: 14px;
    margin: 0px;
    padding: 14px 0px 4px 0px;
}

#cbcAniversaryLogo {
/*position:absolute;
bottom: 10px;
*/clear: none;
}

/* Gala Sponsors Page */
/*#content.sponsors #galaColumn p {
margin: 10px 0px 10px 220px;
padding: 0px;
}*/
#content.sponsors #galaColumn table.sponsors {
margin: 0px;
padding: 0px 0px;
width: 420px;
text-align:left;
}

#content.sponsors #galaColumn table.sponsors img{
margin: 0px;
padding: 5px 15px 5px 0px;
float: right;
}
#content.sponsors #galaColumn table.sponsors td {
vertical-align:middle;
}


/* Volunteer Form Page Stuff
---------------------------- */

#volunteerForm {
margin: 10px 0px;
padding:0px;
width: 100%;
}

#volunteerFormTable {
margin: 0px 0px;
padding:0px;
width: 100%;
}
#volunteerForm .clear {
clear:left;
}

/* set size of paragraphs the inputs are set in */
#volunteerForm p {
   margin: 5px 0px;
   padding:0px 0px;
}
#volunteerForm p.colspan1 {
   float:left;
   padding-right:10px;
}
#volunteerForm p.colspan2 /* number represents number of columns spanned */ {
   width: 380px;
   padding-right:10px;
   float:left;
}
#volunteerForm p.colspan3 /* number represents number of columns spanned */ {
   width: 185px;
   padding-right:10px;
   float:left;
}

#volunteerForm h3 {
   margin: 0px 0px 5px 0px;
   padding: 15px 0px 0px 0px;
clear:left;
}
/* set size of text fields */
#volunteerForm input /* general input */ { width:185px; }
#volunteerForm input.autoSize /* make sure all checkboxes/radio buttons are normal width  */ {
   width:auto;
}
#volunteerForm textarea  
{ width:575px; }

#volunteerForm p.colspan1 input { width:575px; }
#volunteerForm p.colspan2 input /* number represents number of columns spanned */ { width: 380px; }
#volunteerForm p.colspan3 input/* number represents number of columns spanned */ {
   width: 185px;
}



/* GallonGradForm  Page Stuff
---------------------------- */

#gallonGradForm {
margin: 10px 0px;
padding:0px;
width: 100%;
}

/*#volunteerFormTable {
margin: 0px 0px;
padding:0px;
width: 100%;
}*/
#gallonGradForm .clear {
clear:left;
}

/* set size of paragraphs the inputs are set in */
#gallonGradForm p {
   margin: 5px 0px;
   padding:0px 0px;
}
#gallonGradForm p.colspan1 {
   float:left;
   padding-right:10px;
}
#gallonGradForm p.colspan2 /* number represents number of columns spanned */ {
   width: 380px;
   padding-right:10px;
   float:left;
}
#gallonGradForm p.colspan3 /* number represents number of columns spanned */ {
   width: 185px;
   padding-right:10px;
   float:left;
}

#gallonGradForm h3 {
   margin: 0px 0px 5px 0px;
   padding: 15px 0px 0px 0px;
clear:left;
}
/* set size of text fields */
#gallonGradForm input /* general input */ { width:185px; }
#gallonGradForm input.autoSize /* make sure all checkboxes/radio buttons are normal width  */ {
   width:auto;
}
#gallonGradForm textarea  
{ width:575px; }

#gallonGradForm p.colspan1 input { width:575px; }
#gallonGradForm p.colspan2 input /* number represents number of columns spanned */ { width: 380px; }
#gallonGradForm p.colspan3 input/* number represents number of columns spanned */ {
   width: 185px;
}