body {
	margin: 20px 0 0 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: black;
}

form {
	margin: 0;
	padding: 0;
}

img { border: none; }
a img { display: block; }

.note {
	font-style: italic;
	font-size: 11px;
}

.error {
	font-style: italic;
	font-size: 11px;
	color: red;
}

.extra { color: red; }


#pageContainer {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

	#pageSubHead {
		color: #095aa9;
		position: absolute;
		top: 38px;
		left: 256px;
		width: 590px;
		z-index: 2;
		font-size: 14px;
	}
	
	#plantADaffodilButton {
		position: absolute;
		top: 114px;
		left: 710px;
		width: 241px;
		height: 43px;
		display: block;
		z-index: 2;
	}
	
	#showCCSOffices {
		position: absolute;
		top: 165px;
		left: 710px;
		width: 241px;
		height: 43px;
		display: block;
		text-align: center;
		z-index: 2;
		color: #095aa9;
		font-size: 14px;
	}
	
	#daffodilCounter {
		position: absolute;
		top: 0px;
		left: 875px;
		width: 86px;
		height: 68px;
		padding-top: 7px;
		color: #6d6f71;
		text-align: center;
		background-image: url(daffodilCounterBG.gif);
		background-repeat: no-repeat;
	}
	
		#bigCount {
			color: #006db1;
			font-size: 24px;
		}

	#leftPane {
		position: absolute;
		left: 0;
		top: 198px;
		width: 700px;
		height: 600px;
		margin: 0;
		border-color: #ede9ad;
		border-style: solid;
		border-width: 1px 0 0 1px;
	}
	
		#mapBar {
			width: 700px;
			height:35px;
			background-color: #0076bf;
			overflow: hidden;
			color: #f8f8f8;
			font-style: italic;
			background-image: url(mapBarBG.gif);
			background-repeat: repeat-x;
		}
		
			#mapBar img,
			#mapBar input {
				vertical-align: middle;
			}

		#map {
			width: 700px;
			height:565px;
			border: none;;
		}
		
		div.ccsOffice a {
			color: #0079c2;
			text-decoration: none;
			font-weight: bold;
			font-size: 14px;
		}
			
			div.ccsOffice a:hover { text-decoration: underline; }
			

		div.popUpWindow {
			width:270px;
		}

			p.address {
				font-style: italic;
				font-weight: bold;
			}
			
			div.popUpWindow div.message {
				height: 130px;
				width: 180px;
				overflow: hidden;
				padding: 7px 0 15px 90px;
				position: relative; /* for IE6, so that the background image extends into the negative margins */
				margin: -10px 0 -15px -10px;
				background-repeat: no-repeat;
			}
				
				div.popUpWindow div.general    { background-image: url(daffodilInfoWindow.general.gif); }
				div.popUpWindow div.lung       { background-image: url(daffodilInfoWindow.lung.gif); }
				div.popUpWindow div.prostate   { background-image: url(daffodilInfoWindow.prostate.gif); }
				div.popUpWindow div.colorectal { background-image: url(daffodilInfoWindow.colorectal.gif); }
				div.popUpWindow div.breast     { background-image: url(daffodilInfoWindow.breast.gif); }
				div.popUpWindow div.leukemia   { background-image: url(daffodilInfoWindow.leukemia.gif); }
			
				div.popUpWindow div.message p {
					margin: 0 0 6px 0;
					padding-right: 3px;
					height: 115px;
					width: 177px;
					overflow: auto;
					color: #575757;
					font-size: 11px;
				}
				
				div.popUpWindow a {
					color: #006db1;
					text-decoration: none;
				}
				
					div.popUpWindow a:hover { text-decoration: underline; }
					
				div.popUpWindow a.report {
					font-size: 11px;
					float: right;
					display: inline;
				}
	
		

	div.rightPane {
		position: absolute;
		left: 701px;
		top: 198px;
		width: 258px;
		height: 600px;
		margin: 0;
		background-color: #fffcda;
		border-color: #ede9ad;
		border-style: solid;
		border-width: 1px 1px 0 0;
		color: #6d6f71;
		font-size: 14px;
	}
	
		div.sidePaneBar,
		div.searchBar {
			width: 258px;
			height: 35px;
			background-color: #fcf9d7;
			background-repeat: repeat-x;
		}
		
			div.sidePaneBar { background-image: url(sidePaneBarBG.gif); }
			div.searchBar {
				padding-top: 1px;
				background-image: url(searchBarBG.gif);
			}

		
			div.searchBar img,
			div.searchBar input {
				vertical-align: middle;
			}			

		div.sidePane {
			width: 258px;
			overflow: auto;
			position: relative; /* for IE/Win, to keep box from "appearing" outside of its bounds */
			height: 529px;
			background-color: #fffdf0;
		}
		
			#plantADaffodil { visibility: hidden; }
			#searchPane     { visibility: hidden; }
			#plantedPane    { visibility: hidden; }
			#sendToAFriend  { visibility: hidden; }
			#reportAbuse    { visibility: hidden; }
			#abuseReported  { visibility: hidden; }
			#sentToFriend   { visibility: hidden; }
			#freshlyPlanted { visibility: visible; }
			
			#plantADaffodil div.sidePane,
			#sendToAFriend div.sidePane,
			#reportAbuse div.sidePane { 
				height: 565px; 
				background-color: #fffcda;
			}

	
			div.sidePane input,
			div.sidePane select,
			div.sidePane textarea {
				color: #6d6f71;
				font-size: 14px;
				font-family: Arial, sans-serif;
			}

				div.sidePane input.button {
					font-size: 12px;
					color: black;
				}

			div.sidePane span.error { 
				clear: both; 
				display: block;
			}

			div.sidePane p {
				margin: 15px 12px;
			}
			
				div.sidePane p img,
				div.sidePane p input {
					vertical-align: middle;
				}
				
			div.sidePane div.response {
				padding: 12px 10px;
				position: relative;
				background-color: #fffdeb;
				font-size: 13px;
				line-height: 14px;
			}
			
				#searchPane div.response strong {
					color: #0079c2;
				}
				
			div.sidePane div.message {
				padding: 12px 10px 5px 64px;
				height: 110px;
				position: relative;
				overflow: hidden;
			}
			
				div.sidePane div.odd  { background-color: #fffdeb; }
				div.sidePane div.even { background-color: #fffef5; }
			
				div.sidePane div.message div.text {
					height: 72px;
					overflow: hidden;
					font-size: 13px;
					margin-bottom: 3px;
					line-height: 14px;
				}
				
				div.sidePane div.message div.date {
					font-style: italic;
					font-size: 11px;
					color: #6d6f71;
					margin: 3px 0;
				}				
				
				div.sidePane div.message a {
					display: block;
					float: right;
					color: #0079c2;
					font-size: 11px;
					text-decoration: underline;
				}
				
				div.sidePane div.message img {
					position: absolute;
					left: 0;
					bottom: -20px;
				}
				
				#searchPane div.message strong {
					color: #0079c2;
				}
		
	#footer {
		position: absolute;
		left: 0;
		top: 799px;
		clear: both;
		background-color: #0080d0;
		background-color: #006DB1;
		background-image: url(footerBG);
		background-position: top left;
		background-repeat: repeat-x;
		width: 929px;
		color: #f8f8f8;
		padding: 15px;
	}
	
		#footer p {
			padding-left: 43px;
			margin: 15px 0;
		}
	
		#footer img.daffodil {
			float: left;
			margin-left: -43px;
			margin-top: -3px;
		}
		
		#footer div.smallPrint {
			margin-top: 25px;
			font-size: 10px;
		}
		
			#footer div.smallPrint a {
				color: white;
				text-decoration: none;
			}
			
				#footer div.smallPrint a:hover { text-decoration: underline; }