/* CSS Document */

body {
	background-image: url(../images/backgrounds/gray-fade-to-white.jpg);
	background-repeat: repeat-x;
}

h2 {
	font: 22px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #CC0000;
	margin-left: 5px;
}

hr {
	color: #CC3300;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	background-color: #cc3300;
}


td.blackBtm {
	border-bottom-width: 1px;
	border-bottom-style: ridge;
	border-bottom-color: #000000;
}

td.grayTop {
	border-top-width: 1px;
	border-top-style: ridge;
	border-top-color: #a29f9a;
}

#topNav  {
}

#topNav table {
	/* background-image:url(../images/backgrounds/td_lt-blu-fade-dk-blu.jpg); */
	background-color: #f2f2f5;
	border-bottom: 10px solid #e6e2d9;
	border-top: 2px solid #f2f2f5;
}

#topNav td {
text-align: center;
border-bottom: 1px outset #000000;

}

#topNav td.current {
background-color: #e6e2d9;
text-align: center;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: none;
}
	
#topNav a, #listNav a:link, #listNav a:visited {
		font: 13px/18px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #003250;
}
#topNav a:hover {
		display: block;
		font: 13px/18px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		text-decoration: underline;
		color: #5893ac;
}

#volunteer {
	display: block;
	background-color:#ffe9cc;
	border: thin ridge #333333;
}

/*no padding on sideContnet allows the background for links to stretch all the way ; this dosen't matter if block command not issued in a:hover */
#sideContent {
			font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
			padding: 1px;
			background-color: #e6e2d9;
			
}
#sideContent a, #listNav a:link, #listNav a:visited {
		font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		text-decoration: none;
		margin-left: 10px;
		color: #003250;

}

#sideContent p {
		margin-left: 10px;
}

#sideContent a:hover {
		/* BLOCK for whole line white bg --	display: block; */
		font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		background-color: #ffffff;
		display: block;
		width: 100px;
		color: #5893ac;
}

/*no padding on mainSideContent allows the background for links to stretch all the way ; this dosen't matter if block command not issued in a:hover */
#mainSideContent {
			font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
			padding: 1px;
			background-color: #e6e2d9;
			
}
#mainSideContent a, #listNav a:link, #listNav a:visited {
		font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #003250;
}

#mainSideContent p {
		margin-left: 10px;
}

#mainSideContent a:hover {
		/* BLOCK for whole line white bg --	display: block; */
		font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		color: #5893ac;
}

#mainContent {			
			font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
			/* padding-left: 5px; */
			background-color: #ffffff;
			
}

#mainContent p {
		margin: 5px;
}


td.nopad {
	background-image:url(../images/backgrounds/td_lt-blu-fade-dk-blu.jpg);
	border-bottom: 5px solid #e6e2d9;
	}

#listNav * {
	text-align: left;
}
#listNav {
	position: relative;
	display: block;
	clear: both;
}
	#listNav ul {
		position: relative;
		display: block;
		list-style: none;
		font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	}
	#listNav li {
		position: relative;
		display: inline;
		float: left;
	}
	#listNav li.selected {
		position: relative;
		display: inline;
		float: left;
		background-color: #e6e2d9;
		border-top: 1px solid;
		border-right: 1px solid;
		border-left: 1px solid;
	}
	#listNav li a {
		position: relative;
		display: block;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 5px;
	}
	#listNav li.selected a {
		position: relative;
		display: block;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 5px;
	}
	#listNav a, #listNav a:link, #listNav a:visited {
		font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	#listNav a:hover {
		font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		background-color: #FFFFFF;
	}
	
a, a:link, a:visited {
		font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #003250;
	}
a:hover{
		font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		text-decoration: underline;
		color: #5893ac;
	}
	
td.sideBar{
			font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
			padding-left: 5px;
			}
			
.footer{
			font: 11px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
			color: #999999;
			}
			
#checkout table {
	border: 1px solid #000000;
}

#checkout td {
border-top: 1px solid #000000;
}