/* Basic Stuff */

html, body {
	height:100%;
	margin: 0;
	padding: 0;
    background-color: #5fa1f8; 
	background-image:URL(/VBS/images/bkgrnd.jpg);
	background-repeat:repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1c2e52;
	text-align: left;
	margin-bottom: 20px;
}

#page-background{
	position:fixed; 
	top:0;	left:0; 
	width:100%; height:100%;
	}

.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
/*Modal Popup*/
.ageErrorHighlight {
	background-color: #FF2020;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.container {
    font-family:Arial, Helvetica, sans-serif;
    background-color: #ffffff;
	font-size: 12px;
	text-align: left;
	width: 780px; 
	overflow: hidden;
	border: 0px solid #000000;
	margin-left: 100px;
	z-index: 2;
	position: relative;
 
}
.boldcontainer {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 12px;
	text-align: left;
	width: 780px;
	overflow: hidden;
	font-weight: bold;
}

a, a:visited {
	color: #915e17;
	text-decoration: none;
}


a:hover, a:active {
	color:#003366;
	text-decoration: underline;
}
/*
a:link,
a:visited,
a:active {
    text-decoration:    none;
    color:              #0000FF;
}*/
      
.subTitle {
    font-weight: bold; 
    color:#2b7286; 
    font-size: 13px; 
}

.vbsFormRequired{
	font-weight: bold;
	color: Maroon;
	font-size: 13px;
}

.vbsFormMsg{
	font-weight: lighter;
	color: Maroon;
	font-size: 13px;
}

.titleText {
    font-weight: bold; 
    color:#2b7286; 
    font-size: 18px;
    margin-top: 0px;
    border-bottom: 2px solid #96d1e2; 
    padding-bottom: 10px; 
}
.highlightText {
    font-weight: bold; 
    color:#2b7286; 
    font-size: 18px;
}

/* Ordered lists */
#orderedlist ol 
{
    list-style-image: none;
    list-style-type: decimal;
    list-style-position: outside;
}

#orderedlist li { /* all list items */
    list-style-image: none;
    font-weight: bold; 
    font-size: 10pt; 
    font-family: Arial; 
    color: #971b1f; 
    margin: 0px 0px 0px 0px; 
    padding: 0;
}

/* Navigation styles */
#nav ul { /* all lists */
    font-weight: bold; 
    font-size: 10pt; 
    font-family: Arial; 
    color: #2b7286; 
    margin: 0px 0px 10px 0px; 
    padding: 5;
}
	
#nav li { /* all list items */
    font-weight: bold;
    font-size: 10pt; 
    font-family: Arial; 
    color: #2b7286;
    margin-bottom: 10px; 
    margin-top: 0px;
    margin-left: -15px;
    padding: 0px;
}
	
#nav ul li { /* second-level list items */
    list-style-image: none; 
    font-weight: normal; 
    list-style-type: none; 
    color: #0171bb; 
    font-size: 10pt; 
    text-decoration: none; 
    margin: 0px 0px 10px 0px; 
    padding: 0;
}

#nav ul li a 
{
    text-decoration: none;
}

#nav ul li a:link
{
    color: #0171bb;
    text-decoration: none;
}
	
#nav ul li a:visited
{
    color: #0171bb;
    text-decoration: none;
}

#nav ul li a:hover 
{
    text-decoration: underline;
    color: #00a8dc; 
}

.MyVolunteerBorderLeft{
	border-right: 3;
	border-color: #0171bb;	
	border-right-style: solid;
	background-color: #C0DEF8;
	float: left;
}
.MyVolunteerBorderRight{
	background-color:#D5BE8E;
	float: right;
}
	
.MySiteLogo {
    background-color : #FFFFFF;
}

.MySiteLeftNav1
{
    float: left;
    width: 223px;
    overflow: hidden;
    background-image:url(/VBS/images/leftnavTop.jpg);
	background-repeat:no-repeat;
	text-align: left;
	padding-top: 7px;
}

.MySiteLeftNav {
	float: left;
	text-align: left;
	width: 200px;
	padding: 10px;
	background-image: url(/VBS/images/background3.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	z-index: 1;
}

.EndLeftNav {
   float: left;
	width: 223px; 
	background-image: url(/VBS/images/leftNavBottom.jpg); 
	background-repeat: no-repeat;
	padding-top: 0;
}

.MySiteContent 
{
	float: none;
	text-align: left;
	padding-left: 10px;
	height: 100%;
	width: 533px;
	overflow: hidden; 
	/* background-image: url(/VBS/images/background4.jpg);
    background-repeat: repeat-y;
    background-position: left top;*/
}

.vbsDonations
{
	width: 525px;
	height: 2000px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	 
}
.siteText{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.clearfix{
	clear:both;
	}
	

.MySiteFooter 
{
    background-color : #FFFFFF;
    float:  left;
    padding: 15px;
    padding-left: 55px;
    padding-top: 30px;
    text-align: center;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #454545;
	font-size: 9px;
	width: 780px;
	/*background-image: url(/VBS/images/leftNavBottom.jpg);
    background-repeat: no-repeat;
    background-position: left top;*/
}
/* leave some space between icons and text */
.icon {
    vertical-align:     middle;
    margin-right:       0.3em;
    margin-left:        0.3em;
}
input.error, select.error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2; background-image: url(/VBS/images/warning_obj.gif); background-position: right; background-repeat: no-repeat;}

.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }



div.scrollTableContainer {
height: 400px;
width: 525px;
overflow: auto;
overflow-x: hidden;
margin: 15px 0 0 0;
position: relative;

}

/* The different widths below are due to the way the scroll bar is implemented */

/* All browsers (but especially IE) */
div.scrollTableContainer table {
width: 525px;
}

/* Modern browsers (but especially firefox ) */
html>/**/body div.scrollTableContainer table {
width: 525px;
}

/* Modern browsers (but especially firefox ) */
html>/**/body div.scrollTableContainer table>tbody {
overflow: auto;
height: 335px;
overflow-x: hidden;
}

div.scrollTableContainer thead tr {
position:relative;
top: expression(offsetParent.scrollTop); /*IE5+ only*/
/* fixes the header being over too far in IE, doesn’t seem to affect FF */
left: 0px;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}

    margin: 0;
    padding: 0;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

table.dataTable th {
    margin: 0;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	font-weight: normal;
	padding: 4px 3px 3px 4px;
	background: #ccc;
	font-weight: bold;
}

table.dataTable td {
    margin: 0;
	border-right: 1px solid #999;
	border-top: 1px solid #999;	
	border-bottom: 1px solid #999;
    padding: 2px 3px 3px 4px
}