/* COLOR VARIABLES 
#home {}
#search {}
#volunteers {}
#nonprofits {}
#business {}
#about {}
*/





div.rounded {
  width: 200px;
  background: #99cc33 url(/images/tr.gif) no-repeat top right;
}
div.rounded div {
  background: transparent url(/images/tl.gif) no-repeat top left;
}
div.rounded div div {
  background: transparent url(/images/br.gif) no-repeat bottom right;
}
div.rounded div div div {
  background: transparent url(/images/bl.gif) no-repeat bottom left;
  padding: 15px;
}

table.volpositions {
	border: solid #99CC33 1px;
	border-width: thin;
}









td.volpositionss
{background-color: #F0F0F0;
color: #000;
text-align: left;
border: 1px #FFFFFF solid;
   }


td.volpositions
{
	border: solid #99CC33 1px;
	border-width: thin;
}




tr.volpositions {
	border: solid #99CC33 1px;
	border-width: thin;
}


a.white {

color: #FFFFFF;

}


img.left
{
	float: left;
	
}

img.right
{
	float: right;

}

.bionames {
font-weight:bold;
color: #009FDA;
font-size:1.3em;
}

.bionamessmall {
font-weight:bold;
color: #009FDA;
font-size:1.1em;
}



.bioposition {
font-weight:bold;
color: #666666;
font-size:.95em;
padding-bottom:5px;
}

.biopositionsmall {
font-weight:bold;
color: #666666;
font-size:0..95em;
padding-bottom:5px;
}



.bioheaders {
font-weight:normal;
color: #CC6666;
font-size:1.1em;
}




/* GENERAL STYLES */

.skipnav {display:none}

body, div, p, th, td, li, ul, dd {
 font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
 
body { background-color:#FFF; color:#333; }
div.error { color: #CC0000; }
div.vmpad { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 10px;  }

img.genericimg, img.hero { margin: 5px; }

/* Misc. Text Styles */




.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.TextBlack14
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #000000;
    LINE-HEIGHT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: underlined
}


.TextBlack12
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    LINE-HEIGHT: 13px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: underlined
}




.TextWhite
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    LINE-HEIGHT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}
a.TextWhiteLinks 
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    LINE-HEIGHT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}






/*Text Styles for News */
select.Text1Small { width:189px


}

.Text1White
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    LINE-HEIGHT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}



a.Text1White
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    LINE-HEIGHT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}


.Text3Red
{
   FONT-WEIGHT: normal;
   
    COLOR: #FF0000;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
     font-size: 14px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text1Red
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #FF0000;
    LINE-HEIGHT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}


.Text1Underlined
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #333333;
    LINE-HEIGHT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: underlined;
	
}


.Text05
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text05Blue
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #336699;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text05Green
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #99CC33;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}






.Text1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #333333;
    LINE-HEIGHT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text15
{
    FONT-WEIGHT: normal;
       COLOR: #333333;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    font-size: 11px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text2
{
    FONT-WEIGHT: normal;
      COLOR: #333333;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
     font-size: 12px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text2Lucida
{
    FONT-WEIGHT: normal;
 font-size: 12px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;

    COLOR: #333333;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text3
{
    FONT-WEIGHT: normal;
   
    COLOR: #333333;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
     font-size: 14px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}



.Text2Green
{
    FONT-WEIGHT: 700; 
    FONT-SIZE: 13px;
    COLOR: #66CC33;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text3Green
{
    FONT-WEIGHT: 700; 
    FONT-SIZE: 15px;
    COLOR: #99CC33;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}

.Text4Green
{
    FONT-WEIGHT: 600; 
    FONT-SIZE: 17px;
    COLOR: #99CC33;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}



.Text1Blue
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #336699;
    LINE-HEIGHT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text15Blue
{
    FONT-WEIGHT: normal;
       COLOR: #336699;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    font-size: 11px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text2Blue
{
    FONT-WEIGHT: normal;
      COLOR: #336699;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
     font-size: 12px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text3Blue
{
    FONT-WEIGHT: normal;
   
    COLOR: #336699;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
     font-size: 14px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}





.Text1Orange
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #cc9933;
    LINE-HEIGHT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text15Orange
{
    FONT-WEIGHT: normal;
       COLOR: #cc9933;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    font-size: 11px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text2Orange
{
    FONT-WEIGHT: normal;
      COLOR: #cc9933;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
     font-size: 12px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text3Orange
{
    FONT-WEIGHT: normal;
   
    COLOR: #cc9933;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
     font-size: 14px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}





.Text1White
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    LINE-HEIGHT: 15px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text15White
{
    FONT-WEIGHT: normal;
       COLOR: #FFFFFF;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    font-size: 11px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text2White
{
    FONT-WEIGHT: normal;
      COLOR: #FFFFFF;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
     font-size: 12px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}


.Text3White
{
    FONT-WEIGHT: normal;
   
    COLOR: #FFFFFF;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
     font-size: 14px;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}







.Headline
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 21px;
    COLOR: #993300;
    LINE-HEIGHT: 27px;
    FONT-STYLE: normal;
    FONT-FAMILY: Georgia, "Times New Roman",Times, serif;
    TEXT-DECORATION: none;
}



.TitleBar1LightGreen
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 21px;
    COLOR: #33CC99;
    LINE-HEIGHT: 27px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, serif;
    TEXT-DECORATION: none;
}

.TitleBar1LightRed
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 21px;
    COLOR: #CC6666;
    LINE-HEIGHT: 27px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, serif;
    TEXT-DECORATION: none;
}


/* for img with a colored border */
#search img.hero { border: 1px solid #F43610; }
#volunteers img.hero { border: 1px solid #37ABBE; }
#nonprofits img.hero { border: 1px solid #70B62B; }
#business img.hero { border: 1px solid #884B9D; }
#about img.hero { border: 1px solid #9E0B0E; }
#home img.hero { border: 1px solid #37ABBE; }

div.line { border-bottom: 1px solid #666; clear: both; height: 1px; width: 100%; margin-bottom: 5px; }

td.next { text-align:right; vertical-align: middle;}

div.linktemplate { font-size: .7em; margin-top: -7px;}
div.linktemplate img { vertical-align: middle; }
div.dark div.linktemplate { color: #FFF; }

ul.list { margin: -5px 0px 15px 15px; padding: 0px; list-style-position: outside; 
  list-style-type: square; font-size: .75em; }

.bullet  { font-size: 1em; font-weight: bold;  }

/* border between bodytop and bodybottom - generally runs through middle of page - hidden for homepage
   special text sizing for vmbodytop content */
div.vmbodytop { border-bottom: 1px solid #666; }
div.vmbodytop ul { margin-left: 18px; padding: 0px; font-size: .75em; list-style-position: outside; list-style-type: square; }
div.vmbodytop p { margin-top: 5px; margin-left: 0px; margin-right: 0px; 
  margin-bottom: 10px; padding: 0px; font-size: .8em; word-spacing: .01em; }
div.vmbodytop h3 { font-size: .95em; margin: 0px; padding: 0px; word-spacing: .1em; }


#home div.vmbodytop { border-bottom: none; }
div.vmbodybottom {  }
div.vmbodybottom table.twocolumn, #search table.twocolumn  { width: 100%; margin: 0px; padding: 0px; font-size: 100%;}
div.vmbodybottom table.twocolumn td, #search table.twocolumn td { width: 50%; padding-right: 30px; }
div.vmbodybottom ol { font-size: .75em; }
div.popup  { width: 300px; }


div.vmbodybottom table.threecolumn { width: 100%; margin: 0px; padding: 0px; font-size: 100%;  }
div.vmbodybottom table.threecolumn td { width: 33%; padding-right: 20px; }
#home div.vmbodybottom table.threecolumn td { width: 33%; padding-left: 20px; padding-bottom: 10px; }
#home div.vmbodybottom table.threecolumn { border-top: 1px solid #666; }

div.vmbodybottom table.twocolumnbottom { width: 100%; margin: 0px; padding: 0px; font-size: 100%;  }
div.vmbodybottom table.twocolumnbottom td { width: 50%; padding-right: 20px; }
#home div.vmbodybottom table.twocolumnbottom td { width: 50%; padding-left: 20px; padding-bottom: 10px; }
#home div.vmbodybottom table.twocolumnbottom { border-top: 1px solid #666; }

div.vmbodybottom  ul { clear: both; margin-left: 15px; padding: 0px; font-size: .75em; list-style-position: outside; list-style-image: url('/images/vm_black_dot.gif');}

/* for table with image in body of homepage */
#home div.vmbodybottom  ul { margin: 0px; padding: 0px; font-size: .75em; list-style-position: outside; list-style-image: url('/images/vm_black_dot.gif');}

table.imagetable { margin: 0px; padding: 0px; }
table.imagetable td.image img.border { margin: 0px; padding: 0px; border: 1px solid #C74972; }
div.vmbodybottom table.imagetable td.text { width: 99%; padding: 0px; margin: 0px; }
div.vmbodybottom table.imagetable td.image { width: 1%; padding: 5px 10px 0px 0px; margin: 0px; }


/*div.vmbodybottom  ul { clear: both; margin-left: 15px; padding: 0px; font-size: .75em; list-style-position: outside; list-style-type: square;}
*/

div.vmbodybottom  li ul  { font-size: 100%;  }



/* for tjay testing used on spotlight home page */
div.vmbodybottom table.twocolumn table.twocolumnmini  { width: 100%; margin: 0px; padding: 0px; font-size: 100%;}
div.vmbodybottom table.twocolumn table.twocolumnmini td.thumbnail { width: 20%; }
div.vmbodybottom table.twocolumn table.twocolumnmini td.blurb {  width: 80%; padding: 0px; }

/* end testing */


#home div.light b.top { color:#000000 }
#home div.light b.top a:hover { color:#660000 }
#home div.light b { color: #333; }
#search div.light b { color: #333; }
#volunteers div.light b { color: #40565F; }
#nonprofits div.light b { color: #254505; }
#business div.light b { color: #53355E; }
#about div.light b { color: #333; }

#search div.vmbodytop { background-color:#ECECEC; }
#search div.vmbodybottom h4, #search div.vmbodytop h3, #search div.vmbodybottom table.threecolumn td b { color: #F43610; }
#volunteers div.vmbodytop { background-color:#E1F2F5; }

#volunteers div.vmbodybottom h4, #volunteers div.vmbodytop h3 { color: #37ABBE; }

#volunteers div.vmbodybottom table.threecolumn td b { color: #37ABBE; }
#home div.vmbodybottom table.threecolumn b, #home div.vmbodybottom table.twocolumnbottom b { color:#D40658 }

#volunteers div.vmbodybottom h3.newshead { color: #37ABBE; }
#nonprofits div.vmbodybottom h3.newshead { color: #70B62B; }
#business div.vmbodybottom h3.newshead { color: #884B9D; }


#nonprofits div.vmbodytop { background-color:#E7EDDF; }
#nonprofits div.vmbodybottom h4, #nonprofits div.vmbodytop h3, #nonprofits div.vmbodybottom table.threecolumn td b { color: #70B62B; }
#business div.vmbodytop { background-color:#EAE9EB; }
#business div.vmbodybottom h4, #business div.vmbodytop h3, #business div.vmbodybottom table.threecolumn td b { color: #884B9D; }
#about div.vmbodytop { background-color:#ECECEC; }
#about div.vmbodybottom h4, #about div.vmbodytop h3, #about div.vmbodybottom table.threecolumn td b { color: #9F0A0E; }

/* section titles */
#home div.vmbodybottom h2 { font-size: .9em; margin: 0px; padding: 10px 0px 0px 0px; color: #333; }
div.vmbodybottom h2 { font-size: 1em; margin: 0px; padding: 10px 0px 0px 0px; color: #333; }

div.arrowbanner { width: 100%; background-color:#3399cc; height: 20px; }
div.arrowbanner h1 { font-family:Helvetica, sans-serif; font-size: 1.6em; 
  padding: 1px 0px 0px 0px; font-weight: lighter; 
  color:#FFFFFF; background-color:#212121; height: 35px; 

  margin-top: -1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; 
 }

div.arrowbanner h2 { font-family:Arial, Helvetica, sans-serif; font-size: .7em; 
  padding: 1px 0px 0px 0px; font-weight: lighter; 
  color:#FFFFFF; background-color:#212121; height: 20px; 

  margin-top: -1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; 
 }

div.arrowbanner div.header { font-family:Helvetica, sans-serif; font-size: 1.6em;
  padding: 1px 0px 0px 0px; font-weight: lighter;
  color:#FFFFFF; height: 35px;

  margin-top: -1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;
 }

div.arrow { background-image: url('/images/vm_arrow.gif');
	background-repeat: no-repeat; clear: right; float: left; margin: 0px; height: 35px; width: 49px }

#search div.arrow { background-color: #F43610; }
#volunteers div.arrow { background-color: #37ABBE; }
#nonprofits div.arrow { background-color: #70B62B; }
#business div.arrow { background-color: #884B9D; }
#about div.arrow { background-color: #9E0B0E; }	
#home div.arrowleft { background-color: #37ABBE; }
#home div.arrowright { background-color: #70B62B; }	



/* HOMEPAGE -- top table w/picts */
div.hometop { width:100%; }
div.hometop a:link, div.hometop a:visited, div.hometop a:hover, div.hometop a:active { color: #FFF; }
div.hometop table { width: 100%; font-size: .75em; margin: 0px; 
  padding: 0px; border-bottom: 1px solid #666; border-right: 1px solid #666; }
div.hometop table td { }
  /* spotlight_stretched background images are stretched to 1000px in photoshop */
  
  div.hometop td.crisisleft { width: 50%; border-bottom: 1px solid #666;
  border-top: 1px solid #666; text-align: right; background-image:url('/images/redcross/left_shim.jpg'); background-repeat:no-repeat }
  div.hometop td.crisisright { width: 50%; border-bottom: 1px solid #666; border-top: 1px solid #666; background-color:#212121; color:#FFF; text-align: left; 
	background-image:url('/images/redcross/right_shim.jpg'); background-repeat:no-repeat }

  
div.hometop td.volunteer { width: 50%; border-bottom: 1px solid #666; border-right: 1px solid #666;
  border-top: 1px solid #666;background-color:#37ABBE; text-align: left; 
	background-image:url('/volunteers/stories/images/deshaw/10x155_home_vol_deshaw.jpg'); background-repeat:no-repeat }
div.hometop td.nonprofit { width: 50%; border-bottom: 1px solid #666;  
  border-top: 1px solid #666; background-color:#70B62B; text-align: right; 
	background-image:url('/nonprofits/stories/images/larry/10x155_home_np_larry.jpg'); background-repeat:no-repeat }
div.hometop div.header p { font-size: 100%; color: #FFF; 
  clear:both; padding: 5px 10px; margin: 0px; }
div.hometop div.caption { padding: 5px 5px 5px 10px; }
div.hometop div.caption p { font-size: 90%; color: #FFF; 
  clear:both; font-weight:lighter; padding: 0px; margin: 0px;}
td.volunteercaption { background-color:#FF9933; 
border-right: 1px solid #666; }
td.nonprofitcaption { background-color:#FF9933; text-align: right;}
td.volunteerheader { background-color:#FF9933; 
border-right: 1px solid #666; }
td.nonprofitheader { background-color:#996699; text-align: right;}



/* HOMEPAGE -- bottom blurbs */
table.homeblurbs { width: 100%; margin: 0px; padding: 0px; font-size: 100%;  }
table.homeblurbs td { width: 25%; padding-right: 10px; }
table.homeblurbs h4 { color: #CC0000; }
	

/* HOMEPAGE -- arrows -- TODO need adjustments for mac and need to make arrowleft */
div.arrowbannerhome { position: relative; margin-top: -21px; width: 100%; 
background-color:#212121; height: 35px; /* border-left: 1px dotted #fff; border-right: 1px dotted #fff; */}
div.arrowbannerhome div.left h1, div.arrowbannerhome div.right h1 { 
  font-family:Helvetica, sans-serif; font-size: 1.6em; 
	padding: 3px 0px 0px 0px; margin: 0px;  font-weight: lighter; 
  color:#FFFFFF;  height: 35px; }

div.arrowleft { background-image: url('/images/vm_arrow.gif');
	background-repeat: no-repeat; clear: right; 
	float: left; margin: 0px; padding: 0px; height: 35px; width: 49px }
div.arrowright { background-image: url('/images/vm_arrow_right.gif');
	background-repeat: no-repeat; clear: right; 
	float: right; margin: 0px; padding: 0px; height: 35px; width: 49px }
div.arrowbannerhome div.left { width: 40%; float: left; text-align:left; height: 35px; margin: 0px; padding: 0px;}
div.arrowbannerhome div.right { width: 40%; float: right;  text-align:right; height: 35px; margin: 0px; padding: 0px;

  clear: left;
 }
/* end arrows for homepage */

h2 { font-size: .8em; margin: 0px; padding: 0px; }
#search h2 { color: #F43610; }

/* #home h2 { color: #37ABBE; }
#volunteers h2 { color: #37ABBE; }
#nonprofits h2 { color: #70B62B; }
#business h2 { color: #884B9D; }
#about h2 { color: #9E0B0E; }	*/

h3 { font-size: .8em; margin: 0px; padding: 0px; }

/* for opp and org detail */
div.detail h3, div.detail h1 { font-size: .9em; margin-top: 10px; margin-bottom: 10px; }
h3 font.link, div.detail h1 font.link { font-size: .7em; font-weight:normal; margin-left: 10px; }
table.info font.link { font-size: .8em; font-weight:normal; margin-left: 10px; }
h4 { font-size: .75em; margin: 0px; padding: 0px; }
h5 { font-size: .7em; margin: 0px; padding: 0px; }

p { margin-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; padding: 0px; font-size: .75em;}
form { margin: 0px; padding: 0px; }
.field { border: solid 1px #000; font-family:Arial, Helvetica, sans-serif }
input.field { font-size: 100%; }
textarea.field { font-size: 100%; }
select { font-size: 100%;  } 
/* sets standard padding for all boxes padding: 20px; */
/* set to nothing for public
div.padding {  }
*/
div.toolbox div.padding { padding-top: 20px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;  }
/* form table setup for field items -- needed to change for custom integrations -- changes all tables*/ 
table { margin: 1em 0 1em 0; } 
td, th { font-size: 100%; vertical-align: top; }
td.small { font-size: .7em; }

/* GENERAL STYLES -- COLOR VARIABLE */
a:link, a:visited { color: #333; }
a:hover, a:active { color: #666; }
font.req { font-size: 1em; font-weight:bold; color: #CC0000; }

/* DETAIL PAGES - opp and org */
div.detail { font-size: 100% }

div.dot { height: 15px; width: 15px; float:left; background-repeat: no-repeat; background-position: 0px; margin-right: -2px; margin-top: 0px; }

#home div.dot	{ background-image:url('/images/vm_home_dot.gif'); }
#search div.dot	{ background-image:url('/images/vm_search_dot.gif'); }
#volunteers div.dot	{ background-image:url('/images/vm_volunteers_dot.gif'); }
#nonprofits div.dot	{ background-image:url('/images/vm_nonprofits_dot.gif'); }
#business div.dot	{ background-image:url('/images/vm_business_dot.gif'); }
#about div.dot	{ background-image:url('/images/vm_about_dot.gif'); }


/* are all search specific colors */
div.detail b.title { font-size: .8em; } 
div.detail table.info {  border: 2px solid #F54421; font-size: .75em; }
div.detail table.info th { width: 1%; padding: 3px 10px 3px 10px;
 text-align:left; background-color:#F98871; 
  border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; font-weight: bold; }
div.detail table.info td { width: 99%; padding: 3px 10px 3px 10px; 
background-color: #FCBBAE; border-bottom: 1px solid #FFF;}
div.detail ul { font-size: .75em; }


/* PAGE STRUCTURE FOR TWO COLUMN LAYOUT */
table.content { width: 100%; border-bottom: 1px solid #666; padding: 0px; margin: 0px; }
table.content td.columntwo { color: #333; font-size: 100%; }

table.content td.columnone { color:#333; font-size: 100%; width: 189px;
height: 500px; }
#home table.content td.columnone { border-right: 1px solid #666;  }

/* PAGE STRUCTURE FOR TWO COLUMN LAYOUT -- COLOR VARIABLE -- color border for bandfourcolor is set here */
#home table.content td.columnone { border-left: 0px solid #FFFFFF; }
#search table.content td.columnone { border-left: 0px solid #F16144; /*padding-left: 17px;*/ }
#volunteers table.content td.columnone { border-left: 0px solid #3DA1B2; }
#nonprofits table.content td.columnone { border-left: 0px solid #8EC359; }
#business table.content td.columnone { border-left: 0px solid #A274B2; }
#about table.content td.columnone { border-left: 0px solid #AD4043; }

/* HOMEPAGE BOTTOM ROW */
#home div.bottomrow { border-left: 17px solid #C74972;  
width: 100%; border-bottom: 1px solid #666; }
#home div.bottomrow table { font-size: 100%; padding: 0px; margin: 0px; color:#333;}
#home div.bottomrow td { width: 25%; padding: 10px; }
#home div.bottomrow td h4  { color:#D40658 }

/* TOOLBOX */
div.toolbox { padding: 0px; margin: 0px; width: 208px;}
div.toolbox input.field { border: solid 1px #000; font-size: 95%; width: 110px; height: 16px;}
/* seems to be generic */
input.submit { color: #FFFFFF; border: solid 1px #000; height: 20px; padding-bottom: 3px; }
div.toolbox select { border: solid 1px #000; font-size: 95%; min-width: 110px; width: 100px;  }
div.toolbox option { min-width: 100px; width: 100px; }

div.toolbox div.dark p, div.toolbox div.dark li, div.toolbox div.dark td 
{ font-size: .75em; color:#000000;}
div.toolbox div.light p, div.toolbox div.light li, div.toolbox div.light td 
{ font-size: .75em; color:#333;} 
div.toolbox div.dark h4 { text-transform: uppercase; }
div.toolbox div.dark a:link, div.toolbox div.dark a:visited { color: #000000; }
div.toolbox div.dark select { width: 110px; }
div.toolbox div.dark ul, div.toolbox div.light ul { padding-left: 10px; margin: 0px 0px 20px 5px; list-style-position: outside;
  list-style-type: square; }

/*  TOOLBOX -- COLOR VARIABLE -- for toolbox light*/
#home table.content td.columnone { background-color:#003366; }
/* trying a lighter color #search table.content td.columnone { background-color:#A48A84; } */
#search table.content td.columnone { background-color:#003366; }
#volunteers table.content td.columnone { background-color:#003366; }
#nonprofits table.content td.columnone { background-color:#003366; }
#business table.content td.columnone { background-color:#003366; }
#about table.content td.columnone { background-color:#003366; }


div.toolbox div.light { border-top: 1px solid #666; margin-left: -17px; padding-left: 17px; } 
div.toolbox div.dark { width: 208px; padding:0px; margin:0px; margin-left: -17px;  } 

#home div.toolbox div.dark { background-color: #CCCCCC; border-left: 17px solid #B70F46; } 
#search div.toolbox div.dark { background-color: #790000; border-left: 17px solid #DA2400; } 
#volunteers div.toolbox div.dark { background-color: #40565F; border-left: 17px solid #02879D; } 
#nonprofits div.toolbox div.dark { background-color: #50613F; border-left: 17px solid #5EA616; } 
#business div.toolbox div.dark { background-color: #55515B; border-left: 17px solid #884B9D; } 
#about div.toolbox div.dark { background-color: #BF686A; border-left: 17px solid #9E0B0E; } 


/* TOOLBOX LINKS -- COLOR VARIABLE */
#home div.toolbox div.dark a:hover, #home div.toolbox div.dark a:active { color: #660000; }
#search div.toolbox div.dark a:hover, #search div.toolbox div.dark a:active { color: #A48A84; }
#volunteers div.toolbox div.dark a:hover, #volunteers div.toolbox div.dark a:active { color: #B7BEBF; }
#nonprofits div.toolbox div.dark a:hover, #nonprofits div.toolbox div.dark a:active { color: #9EA795; }
#business div.toolbox div.dark a:hover, #business div.toolbox div.dark a:active { color: #BBB7BF; }
#about div.toolbox div.dark a:hover, #about div.toolbox div.dark a:active { color: #DADFE0; }

#home div.toolbox div.light a:hover, #home div.toolbox div.light a:active { color: #645252; }
#search div.toolbox div.light a:hover, #search div.toolbox div.light a:active { color: #790000; }
#volunteers div.toolbox div.light a:hover, #volunteers div.toolbox div.light a:active { color: #40565F; }
#nonprofits div.toolbox div.light a:hover, #nonprofits div.toolbox div.light a:active { color: #50613F; }
#business div.toolbox div.light a:hover, #business div.toolbox div.light a:active { color: #55515B; }
#about div.toolbox div.light a:hover, #about div.toolbox div.light a:active { color: #AA3538; }

#home div.toolbox div.dark h4 { color:#000000; }
#search div.toolbox div.dark h4 { color:#F43610; }
#volunteers div.toolbox div.dark h4 { color:#37ABBE; }
#nonprofits div.toolbox div.dark h4 { color:#5EA616; }
#business div.toolbox div.dark h4 { color:#A174B2; }
#about div.toolbox div.dark h4 { color:#FFF; }

#home div.toolbox div.light h4 { color:#333; }
#search div.toolbox div.light h4 { color:#333; }
#volunteers div.toolbox div.light h4 { color:#40565F; }
#nonprofits div.toolbox div.light h4 { color:#254505; }
#business div.toolbox div.light h4 { color:#53355E; }
#about div.toolbox div.light h4 { color:#333; }

input.submit { background: #006699; }

#home div.toolbox div.dark input.submit { background: #999999; }
#search div.toolbox div.dark input.submit { background: #333366; }
#volunteers div.toolbox div.dark input.submit { background: #37ABBE; }
#nonprofits div.toolbox div.dark input.submit { background: #70B62B; }
#business div.toolbox div.dark input.submit { background: #884B9D; }
#about div.toolbox div.dark input.submit { background: #9E0B0E; }


/* BODY STYLES */
div.message {  }
div.message h2 { font-weight: bold; }
div.message p { font-size: .8em; }


/* adds consistance spacing for all the main tables */
table.searchresults { margin: 1em 0 1em 0; }
/* , div.toolbox table*/

/* SEARCH TOOL LAYOUT */
table.searchtool { padding: 0px; margin: 0px;  }
table.searchtool td { padding: 5px 5px 0px 0px; }
table.searchtool td.set { width: 75px; }
table.searchtool div.options { font-size:90%; }

table.searchtoolfull { padding: 0px; margin: 0px; font-size: .75em; }
table.searchtoolfull td { padding: 5px 5px 0px 0px; }
table.searchtoolfull td.set { width: 150px; }

/* SEARCH RESULTS LAYOUT - COLORS SHOULD MATCH SEARCH DESIGN */
div.summary { font-weight: bold }
table.searchresults { width: 100%; border-top: 1px solid #CECECE; border-left: 1px solid #CECECE;}
table.searchresults p, table.searchresults th, table.searchresults td { text-align: left; }
table.searchresults th { color: #000; font-weight:bold; text-transform: capitalize; background-color: #E5E5E5; white-space: nowrap;  }
table.searchresults td, table.searchresults th {  font-size: .75em; border-right: 1px solid #CECECE; border-bottom: 1px solid #CECECE; padding: 5px; }
table.searchresults td.small { font-size:.7em;  }
table.searchresults tr.cl { font-weight: bold; background-color: #f6f6f6; }

table.sortresults  { width: 100%; margin: -5px; padding: 0px; }
table.sortresults td { border: none; font-size:90%; padding: 5px;}
table.sortresults select { border: solid 1px #CECECE; font-size: 100%; min-width: 100px; width: 100px;  }
table.sortresults option { min-width: 100px; width: 100px; }
table.sortresults input.submit { background-color: #FFF; border: solid 1px #333; 
	height: 20px; padding-bottom: 3px; font-size: 90%; }

/* GENERIC TABLE SET UP */
table.genericform { padding: 0px; margin: 0px; font-size: .75em }
table.genericform td { padding: 5px 5px 0px 0px; }
table.genericform th { width: 100px; text-align: left; }
font.inlinehelp { font-size: 95%; }
table.genericform td.set, table.genericform th.set { width: 100px; }
table.genericform td.setwide, table.genericform th.setwide { width: 250px; }
table.genericform select { min-width: auto; max-width: 230px; }


/* SPOTLIGHTS */
div.spotlight { width:100%;  }
div.spotlight table { width:100%; margin: 0px; padding: 0px; font-size: .75em;}
td.spotlight_one { width: 201px; background-color:#B4B4B4; }
td.spotlight_two { width: 201px; background-color:#D1D1D1; }
td.spotlight_three { width: 201px; background-color:#E6E6E6; }
div.spotlight div.caption { clear:both; font-weight:lighter; padding: 5px 5px 5px 10px; }
div.spotlight td.bleedtop {	background-color:#B6BEC0 }
div.spotlight td.bleedbottom {	background-color:#F3F3F3 }

#home div.spotlight div.caption { color: #FFF; text-decoration: none;}

#search div.spotlight div.caption { color: #333; text-decoration: none; }

#volunteers div.spotlight div.caption a:link, 
#volunteers div.spotlight div.caption a:visited,
#volunteers div.spotlight div.caption a:hover,
#volunteers div.spotlight div.caption a:active
 { color: #026879; text-decoration: none; }

#nonprofits div.spotlight div.caption a:link,
#nonprofits div.spotlight div.caption a:visited,
#nonprofits div.spotlight div.caption a:hover,
#nonprofits div.spotlight div.caption a:active
{ color: #3B7204; text-decoration: none;}

#business div.spotlight div.caption a:link,
#business div.spotlight div.caption a:visited,
#business div.spotlight div.caption a:hover,
#business div.spotlight div.caption a:active
{ color: #884B9D; text-decoration: none;}

#about div.spotlight div.caption { color: #333; text-decoration: none;}
	
img.spotlight_sm { float:left; clear:both; padding: 0px; margin: 5px 10px 5px 0px; }

/* used on /about/awards/index.jsp */
img.logo { float:right; clear:both; padding: 5px 20px; margin: 0px; }

/* PHOTO LAYOUT */
div.photolayout { }
div.photolayout table { margin: 0px; padding: 0px; width:100%; }
div.photolayout td.photo { color: #fff; width: 1%; border-right: 1px solid #666; background-color:#212121;}
div.photolayout td.photonav { width: 45px; border-right: 1px solid #666; }
div.photolayout td.photonav img { margin: 5px 7px 0px 7px; padding: 0px; }

#nonprofits div.photolayout td.photonav { background: #CFDCC0;}
#volunteers div.photolayout td.photonav { background: #D2E3E6; }
#nonprofits div.photolayout td.photonav img { border: 2px solid #CFDCC0; }
#volunteers div.photolayout td.photonav img { border: 2px solid #D2E3E6; }

#nonprofits div.photolayout td.photonav a:hover img, 
#nonprofits div.photolayout td.photonav a:active img { border: 2px solid #70B62B }
#volunteers div.photolayout td.photonav a:hover img, 
#volunteers div.photolayout td.photonav a:active img { border: 2px solid #37ABBE }


/* STATISTICS TABLE -- shows up all over the site with org, opps, referral numbers */
table.statistics th, table.statistics td { text-align: left; padding-right: 20px; font-size: .75em;}

/* ABOUT NAVIGATION */
#about div.aboutnav { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;  }
#about div.aboutnav ul { list-style-position: inside; list-style-type: none; 
  padding: 0; margin: 0; }
#about div.aboutnav li { padding-top: 1px; padding-bottom: 1px;
  padding-left: 5px; margin: 0; }	
#about div.aboutnav li.on { background-color: #7A0001; font-weight: bold }
#about div.aboutnav li ul { padding-left: 15px;  margin: 0;}
#about div.aboutnav li li, #about div.aboutnav li.on li.on { font-size: 95%; }

#about div.aboutnav li.on a:link, #about div.aboutnav li.on a:visited, 
#about div.aboutnav li.on a:active, #about div.aboutnav li.on a:hover
 { font-weight: bold; color: #FFF; text-decoration: none; }
  
#about div.aboutnav li.off a:link, #about div.aboutnav li.off a:visited
 { font-weight: normal; color: #333; text-decoration: none; }
#about div.aboutnav li.off a:active, #about div.aboutnav li.off a:hover
 { font-weight: lighter; color: #FFF; text-decoration: none; }
 
#about div.aboutnav li.on li.off a:link, #about div.aboutnav li.on li.off a:visited
 { font-weight: lighter; color: #DADADA; text-decoration: none; }
#about div.aboutnav li.on li.off a:active, #about div.aboutnav li.on li.off a:hover
 { font-weight: lighter; color: #FFF; text-decoration: none; }

/* PRESS RELEASE FORMAT */

p.prexcerpt { text-transform: uppercase;}

/* NEWSLETTER FORMAT */

#newsletter  {font-size: .75em;}
#newsletter  p {font-size: 100%;}
#newsletter  ul {font-size: 100%;}
#newsletter  td {vertical-align: top;}


/*  GRID 
table.grid { border-top: 2px solid #FFF; border-left: 2px solid #FFF; width:100%; }
table.grid td, table.bsggrid th { text-align: left; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; padding: 4px; }
table.grid td  { background-color:#EAE9EB; font-weight:bold; font-size:.65em;}
table.grid td.firstcol  { background-color:#EAE9EB; padding-left:10px;}
table.grid th { background-color:#511367; font-weight: bold; color: #FFF; white-space: nowrap;}
table.grid td.alt { background-color:#EEEEEE;}
table.grid td p, #account div.form table.detail th p { font-size: 100%; }
table.grid h3.news { font-size: 1em; color: #000; }
table.grid img.news { float: left; clear: both; margin: 5px 10px 20px 10px; }
table.grid th { font-size: .75em; vertical-align: top; }
table.grid tr.subhead td { background-color:#B286C1;font-size:.7em;}
table.grid tr.footer td { background-color:#B286C1;font-size:.7em;}*/

/*  GRID */
table.grid { border-top: 2px solid #FFF; border-left: 2px solid #FFF; width:100%; }
table.grid td, table.bsggrid th { text-align: left; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; padding: 4px; }
table.grid td  { font-weight:bold; font-size:.65em;}
table.grid td.firstcol  { padding-left:10px;}
table.grid th { font-weight: bold; color: #FFF; white-space: nowrap;}
table.grid td.alt { background-color:#EEEEEE;}
table.grid td p, #account div.form table.detail th p { font-size: 100%; }
table.grid h3.news { font-size: 1em; color: #000; }
table.grid img.news { float: left; clear: both; margin: 5px 10px 20px 10px; }
table.grid th { font-size: .75em; vertical-align: top; }
table.grid tr.subhead td { font-size:.7em;}
table.grid tr.footer td { font-size:.7em;}
table.grid td.checkbox { text-align:center; background-repeat: no-repeat; background-position: center;}

#business table.grid th { background-color:#511367; }
#business table.grid td  { background-color:#EAE9EB; }
#business table.grid td.firstcol  { background-color:#EAE9EB; }
/* #business table.grid td.alt { background-color:#FCDEC5;} */
#business table.grid tr.subhead td { background-color:#B286C1; }
#business table.grid tr.footer td { background-color:#B286C1; }
#business table.grid td.checkbox { background-image:url('/images/vm_business_dot.gif');}

#account table.grid th { background-color:#F37C16; }
#account table.grid td  { background-color:#FCDEC5; }
#account table.grid tr.subhead td { background-color:#F37C16; }
#account table.grid tr.footer td { background-color:#F37C16; }
#account table.grid td.checkbox { background-image:url('/images/vm_account_dot.gif'); }

/* todo  */
#nonprofits table.grid th { background-color:#70B62B; }
#nonprofits table.grid td  { background-color:#E7EDDF; }
#nonprofits table.grid td.firstcol  { background-color:#E7EDDF; }
#nonprofits table.grid tr.subhead td { background-color:#8EC359; }
#nonprofits table.grid tr.footer td { background-color:#70B62B; }
#nonprofits table.grid td.checkbox { background-image:url('/images/vm_nonprofits_dot.gif');}







a.easteregg:link, a.easteregg:visited, a.easteregg:hover, a.easteregg:active { cursor: text; color: #212121; text-decoration: none; }