body   
{
    font-family:"Trebuchet MS","Segoe UI",Trebuchet,"Bitstream Vera Sans","DejaVu Sans",Verdana,"Verdana Ref",sans serif;
    /*font-family: Verdana, Arial, Sans-serif; */
    font-size:14px;
    margin: 0px; 
    padding: 5px; 
    color: #555242;
    background-color:#EEEEEE;
    
}




.headerbar
{
	background-image: url(../images/Volunteer_Banner_2.jpg);
	background-repeat: repeat-x;
    
    font: bold  14pt Verdana;    
    margin: 0em 0% 0em 0%;
    width: 100%;
    text-align:left;
    height: 250px;
}

h1, h2, h3, h4, h5  { padding: 0; margin: 0; }
/*
h1 { 
	margin-top: 0; 
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left:100px;
	font-size: 200%; 
	font-weight: lighter;
	line-height: 90px;
	background-image: url(../images/banner-top.png);
	background-repeat: no-repeat;
	background-position: 900px 0px;
}
*/
h2 { color: #CC9900; font-size: 22px; }
h3 { color: #CC9900; font-size: 16px; }
h4 { color: #1F5A89; font-size: 12px; }

b { font-weight:normal;}	

br { line-height: 10px }
hr { border: none; border-bottom: 1px solid #cacaca; background: none; height: 1px; }

a:link    { color: #0B55C4; text-decoration: none; }
a:visited { color: #0B55C4; text-decoration: none; }
a:hover   { text-decoration: underline; }
a img { border: none; }


form { margin: 0; padding: 0; }

fieldset {
	margin-bottom: 10px;
	text-align: left;
	border: 0;
}

fieldset p {  margin: 10px 0px;  }


input, select { font-size: 12px;  border: 1px solid silver; padding: 2px; background-color:#ffffff; border-right: 1px solid silver; border-bottom: 1px solid silver;}
textarea      { font-size: 12px;  border: 1px solid silver; padding: 2px; }


input:focus,
select:focus,
textarea:focus { background-color: #ffffff }


.title 
{
	margin-top: 0; 
	padding-bottom: 8px;
	font-size: 200%; 
	font-weight: lighter;
	line-height: 150%;
    display: block;	
}

.container 
{	
	color:#333;	

/*
	background-image: url(../images/watermark.gif);
	background-repeat: repeat;
*/
	width: 1010px;
    margin-left: auto;
    margin-right: auto;
}





.googleMap {
	border: 1px solid #ccc;
	margin-top: 5px;
	padding: 4px;
}


.button   
{
    margin: 5px 5px 5px 0px;
	cursor: pointer; 
	color: #aaaaaa;
	background-color:#006699;
	background-position:center;
	text-align: center;
	font-weight:bold;
	cursor:pointer;	 
}

.emptyBtn 
{
    margin: 5px 5px 5px 0px;
	background-image: url(../images/btn-empty.gif);
	background-repeat: no-repeat;
	background-position:center;
	background-color:#EEEEEE;
	display: inline;
	height: 32px;
	width: 120px;
	border: 0;

    padding-left:5px;
	text-align: center;
	/*font-weight:bold;*/
	font-size: 115%; 
    color: #555242;
	cursor:pointer;	 
	
	
}

.searchBtn 
{
    margin: 5px 5px 5px 0px;
	background-image: url(../images/btn-search.gif);
	background-repeat: no-repeat;
	background-position:center;
	background-color:#EEEEEE;
	display: inline;
	height: 35px;
	width: 100px;
	border: 0;

    padding-left:20px;
	text-align: center;
	/*font-weight:bold;*/
	font-size: 115%; 
    color: #555242;
	cursor:pointer;	 
	
	
}
	
.saveBtn {
    margin: 5px  5px 5px 0px;
	background-image: url(../images/btn-save.gif);
	background-repeat: no-repeat;
	background-position:center;
	background-color:#EEEEEE;
	display: inline;
	height: 32px;
	width: 100px;
	border: 0;

    padding-left:20px;
	text-align: center;
	/*font-weight:bold;*/
	font-size: 115%; 
    color: #555242;

	cursor:pointer;	 		
}

.cancel 
{
    margin: 5px 5px 5px 0px;    
	background-image: url(../images/btn-cancel.gif);
	background-repeat: no-repeat;
	background-position:center;
	background-color:#EEEEEE;
	display: inline;
	height: 35px;
	width: 100px;
	border: 0;

    padding-left:20px;
	text-align: center;
	/*font-weight:bold;*/
	font-size: 115%; 
    color: #555242;

	cursor:pointer;	 		
}


/* Footer */
#footer { 
	clear:both; 
	height: 30px;
	text-align: center;
	color: #fff;
	font-size: 1em;
	line-height: 1.6em;
    background-image : url(../images/banner.png);
	background-repeat: repeat-x;
	margin-top: 10px;	
}



.errorText
{
    color:red;
}


.checkbox
{
    border: 1px solid silver; 
    width:400px;
}

table.admintable
{
    padding-top:5px;
    padding-left:10px;
    border: 1px solid silver;

    background-color:#f4f7f0;
    width:850px;    
}


table.admintable1
{
    padding-top:5px;
    padding-left:10px;
    border-left: 1px solid silver;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;

    background-color:#f4f7f0;
    width:850px;    
}


table.admintable td
{
    padding-left:1px; 
    padding-right:1px;
    padding-top:2px;
    padding-bottom:2px;
}


.reftable
{
    border: 1px solid silver;padding-left:5px; padding-right:5px;padding-top:5px;padding-bottom:5px;
    width:400px;
}

.key
{
    width:200px;
}

.inputbox
{
    background-color:#ffffff;
}


.answer
{
      /*display:none; */
      width:90%;
      font-size:12px; 
      font-weight:normal; 
      border:solid 1px silver; 
      padding:5px; 
      color:#0000BB; 
      background-color:#FFFFFF;    
}





/* tables */
table.tablesorter {
	background-color: #CDCDCD;
	margin:2px 0pt 15px;
	width: 100%;
	text-align: left;
    border:solid 1px silver;	
	
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color:#d4d7d0;	
	padding: 2px;
    border:solid 1px silver;	
	
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 2px;
    background-color:#f4f7f0;	
	vertical-align: top;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}



#jsddm
{	
    margin: 0;
	padding: 0
}
	
#jsddm li
{	
    float: left;
	list-style: none;
}

#jsddm li a
{	
    display: block;
	padding:4px 25px 4px 10px;
	text-decoration: none;

	color: #FFFF00;
	font-size:90%;
	white-space: nowrap;
	/*font-weight:500;*/
	background: #638EB5;
	text-align:center;

	border-top: solid 1px #BAD4F3;
	border-left: solid 1px #BAD4F3;
	border-right: solid 1px #5A84A3;
	border-bottom: solid 1px #5A84A3;
	
	background-image: url(../images/banner.png);
	background-repeat: repeat-x;
	
	
}

#jsddm li a:hover
{	
    background: #1A4473

}
		
#jsddm li ul
{			    
    margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index:99;	
}
		
#jsddm li ul li
{	
    float: none;
	display: inline;
}
		
#jsddm li ul li a
{	
	background: #638EB5;
	width:80px;
	text-align:left;
	background-image: url(../images/banner.png);
	background-repeat: repeat-x;

}
		
#jsddm li ul li a:hover
{	
    /*background: #7F1616*/
    background: #1A4473;    
}


.breadcrumb
{
    color : White;
    font-size:10px;
    text-align:left;
}


.highlight
{
    text-decoration:none;
    border-bottom:1px dotted blue;
}


.error {
    color: red; 
    padding-left: 10px
}