body {
	background-position: 
               0% 0%; background-image:url('images/background_mango.jpg'); background-repeat:repeat; background-attachment:scroll 
}
p  { 
	font-family: Verdana; 
	font-size: 10pt 
}
td  { 
	font-family: Verdana; 
	font-size: 10pt 
}
p.foot {
	font-family: Verdana; 
	font-size: 8pt; color:#FFFF00 
}
p.foot a {
	font-family: Verdana; 
	font-size: 8pt; color:#FFFF00 
}

p.note {
	font-family: Verdana; 
	font-size: 8pt; 
	font-style:italic;
	margin-top: 0; 
}


li { 
	font-family: Verdana; 
	font-size: 10pt 
}
h1 { 
	margin-top: 15px;
	font-family: Verdana; 
	font-size: 18pt; 
	font-weight: bold; 
	text-align:center 
}
h2           { 
	margin-top: 10px;
	font-family: Verdana; 
	font-size: 14pt; 
	font-weight: bold;
	text-align: center; 
}

h3           { 
	font-family: Verdana; 
	font-size: 12pt; 
	font-weight: bold 
}

h4           { 
	font-family: Verdana; 
	font-size: 10pt; 
	font-weight: bold 
}

a {
	text-decoration: underline;
	color: #0000FF;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
	
.sidenav td { 
	/* background: #ccc; */
	background: url(http://vidavolunteertravel.org/img/apricot.gif) no-repeat center;
	font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Trebuchet MS; 
	text-align:center
}

.sidenav a {
	text-decoration: none;
	color: #000000;
}
.sidenav a:hover {
	text-decoration: none;
	color: #0000FF;
}


.photobox p, .photoboxnl p {
	font-family: Serif, Verdana; 
	font-size: 9pt;
	margin-top: 0;
	margin-bottom: 0;
}
.photobox img {
	cursor: pointer;
}

.captionbox {
	font-family: Verdana; 
	font-size: 10pt;
	color: #FFFFFF;
}
.captionbox2 {
	font-family: Verdana; 
	font-size: 10pt;
	color: #000000;
}
a.info {
    position:relative; /*this is the key*/
    z-index:24; 
    /* background-color:#ccc; */
    color:#000;
    text-decoration:none
}

a:hover.info {
	z-index:25; 
	/* background-color:#ff0 */
}

a.info span { 
	display: none
}

a:hover.info span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
}

a.info2 {
    position:relative; /*this is the key*/
    z-index:24; 
}

a:hover.info2 {
	z-index:25; 
}

a.info2 span { 
	display: none
}

a:hover.info2 span { /*the span will display just on :hover state*/
    text-decoration: none;
    display: block;
    position: absolute;
    top: 2em; 
    left: 2em; 
    width: 15em;
    border: 1px solid #0cf;
    background-color: #cff; 
    color: #000;
    text-align: center;
}

li.tip {
	list-style-image: url('img/tip.jpg'); 
	font-style:italic
}

.quotebox td {
	background: #f7d766;
}

td.schedlabelo {
	background: #EBEBEB;
	font-size:.8em;
	font-weight:bold
}

td.scheddetailo {
	background: #EBEBEB;
	font-size:.8em;
}

td.schedlabele {
	font-size:.8em;
	font-weight:bold;
}

td .scheddetaile {
	font-size:.8em;
}

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

.commentcontainer {
	text-align:center;
}

#comment {
	text-align:left;
	border-style:groove; border-width:1px; padding:7px; background-color: #EEEEEE;
	width:90%;
	margin-top:0; 
	margin-bottom:0; 
	margin-left: auto;
	margin-right: auto;
}
#comment p {
	font-family:Arial; 
	font-size:10pt;
}
#comment a {
    color: blue;
}
#comment a:visited {
    color: blue;
}
#comment a:hover {
    color: red;
}

#comment-reply {
	text-align:left;
	border-style:groove; border-width:1px; padding:7px; background-color: #EEEEEE;
	width:87%;
	margin-top:0; 
	margin-bottom:0; 
	margin-left: 7%;
	margin-right: auto;
}
#comment-reply p {
	font-family:Arial; 
	font-size:10pt;
}
#comment-reply a {
    color: blue;
}
#comment-reply a:visited {
    color: blue;
}
#comment-reply a:hover {
    color: red;
}