@import url("reset.css");
@import url("sifr.css");


/*
PINK: #ab007c 
CREME: #d8be93
*/


body {
	background-color: #ab007c;
	background-image: url(../gfx/bodyDefaultBg.gif);
	background-repeat: repeat-y;
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
}	
	
	.extraColumn {
		background-image: url(../gfx/backgrounds/bodyDoubleColumnBg.gif);
		background-repeat: repeat-y;	
	}

	/*BG IMG CLASSES*/
	.homeBg {
		background-image: url(../gfx/backgrounds/siteBg1.gif);
		background-repeat: no-repeat;
	}

	.locationsBg {
		background-image: url(../gfx/backgrounds/siteBg2.gif);
		background-repeat: no-repeat;
	}
	
	.appointmentsBg {
		background-image: url(../gfx/backgrounds/siteBg3.gif);
		background-repeat: no-repeat;
	}
	
	.newsBg {
		background-image: url(../gfx/backgrounds/siteBg4.gif);
		background-repeat: no-repeat;
	}
	
	.teamBg {
		background-image: url(../gfx/backgrounds/siteBg6.gif);
		background-repeat: no-repeat;
	}
	
	.podotherapyBg {
		background-image: url(../gfx/backgrounds/siteBg7.gif);
		background-repeat: no-repeat;
	}
	
	.linksBg {
		background-image: url(../gfx/backgrounds/siteBg8.gif);
		background-repeat: no-repeat;
	}
	

	
	
a {
	color: #d8be93;
}


h1, h2, h3, h4, h5 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-weight: bold;
}

h2 {
	font-size: 16px;	
	margin: 0px 0px 10px 0px;
}

h4 {
	font-size: 14px;
	line-height: 18px;
}

.bgFill h4 {
	color: #d8be93;
}


h5 {
	margin: 0px 0px 5px 0px;
}

	h5 a{
		color: #fff;
		text-decoration: none;
	}
	
	h5 a.selected {
		color: #d8be93;
	}
	
	 


/* MAIN STRUCTURE STYLES *******************************/
/*******************************************************/	
	
#container {
	width: 980px;
	height: 850px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	/*border: 1px dotted #ffe400;*/
}	

.mainColumn {
	float: left;
	width: 485px;
	padding: 0px 0px 50px 0px;
	/*border: 1px dotted #ffe400;*/
}

	.mainColumn .subColumn {
		float: left;
		width: 210px;
		padding: 0px 15px 50px 15px;
		/*border: 1px dotted #ffe400;*/
	}
	
		#mainHeader {
			width: 450px;
			height: 100px;
			padding: 30px 15px 15px 15px;
			/*border: 1px dotted #ffe400;*/
		}			
			
		.bgFill {
			/*background-color: #fff;*/
			color: #ab007c;
		}
		
		.mainColumn .doubleColumn {
			width: 450px;
			/*border: 1px dotted #ffe400;*/
		}
	
		.mainColumn.last .subColumn {
			margin: 145px 0px 0px 0px;
			padding: 0px 15px 15px 15px;
		}
		
	
/* END MAIN STRUCTURE STYLES ***************************/
/*******************************************************/	






/* GENERAL ITEM STYLES *********************************************/
/***********************************************************/	
	
	
	.itemText li {
		list-style: none;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
	}
	
	.itemText li:before {
		content: "\00BB \0020";
	}
	

	/*
	.itemText li {
		list-style: inside;
	}
	
	.itemText .itemList li {
		list-style: none;
	}
	
	PINK: #ab007c 
CREME: #d8be93
	*/
		.itemText .itemList a:hover, .itemText .itemList a.selected{
			color: #ab007c;
		}
	
	
/* END GENERAL ITEM STYLES *****************************************/
/***********************************************************/



	
	
	
/* MENU NAVIGATION STYLES ******************************/
/*******************************************************/		
		
		.menu {
			border-right: 1px solid #fff;
		}
		
		.naigation, .navigation li {
			margin: 0px;
			padding: 0px;
			width: 140px;
			height: 25px;
			/*border: 1px dotted #FF0;*/
		}
			
			.navigation a {
				color: #fff;
				text-decoration: none;
				font-weight: bold;
			}
			
			.navigation a:hover, .navigation .selected a {
				color: #d8be93;
			}
				
			.navigation .menuSpacer {
				margin: 5px 0px 0px 0px;
				height: 10px;
				border-top: 1px solid #fff;
			}
				
				.menuSpacer hr {
					display: none;
				}
				
/* END MENU NAVIGATION STYLES ******************************/
/***********************************************************/





/* SUBMENU NAVIGATION STYLES ******************************/
/*******************************************************/		
		
		.subMenu .bullet {
			color: #d8be93;
		}
		
		.subMenu li {
			margin: 0px 0px 2px 0px;
		}
		
		.subMenu a {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		.subMenu a:hover,  .subMenu a.selected {
			color: #d8be93;
		}
		
		
/* END SUBMENU NAVIGATION STYLES ******************************/
/***********************************************************/
	






/* NEWS STYLES *********************************************/
/***********************************************************/	
	
	.newsItem {
		margin: 15px 0px 0px 0px;
	}
	
	.newsItem .itemInfo {
		margin: 15px 0px 0px 0px;
		color: #d8be93;
	}
	
	
/* END NEWS STYLES *****************************************/
/***********************************************************/





/* DISEASE STYLES *********************************************/
/***********************************************************/	
	
	/*.diseaseItem {
		margin: 15px 0px 0px 0px;
	}*/
	
	.diseaseItem .intro {
		padding: 0px 0px 20px 0px;
		/*color: #d8be93;*/
		font-style: italic;
	}
	
	
/* END DISEASE STYLES *****************************************/
/***********************************************************/





/* LOCATION STYLES *********************************************/
/***********************************************************/	
	
	.locationItem {
		margin: 15px 0px 0px 0px;
	}
	
	.locationItem h5 {
		margin: 15px 0px 0px 0px;
		color: #d8be93;
	}
	
	
/* END LOCATION STYLES *****************************************/
/***********************************************************/
	
	
	
	


/**FORM INPUT CLASSES***************************************/
/***********************************************************/
	/*
	PINK: #ab007c 
	CREME: #d8be93
	*/
		
	
	input, select, textarea {
		margin: 0px 0px 10px 0px;
		padding: 5px;
		width: 400px;
		background-color:#fff;
		border: solid #d8be93 1px;
		color: #000;
	}
	
	textarea {
		height: 150px;
	}
	
	label {
		display: block;
		width: 400px;
		margin: 0px 0px 3px 0px;
	}
	
		label span, .highlightSpan {
			font-size: 9px;
			color: #ff9933;
		}

	
	.checkbox, .radio, .reservationCheckbox {
		margin: 0px 0px 10px 0px;
	}

		.checkbox label, .radio label, .reservationCheckbox label {
			display: inline;
			margin: 0px;
			padding: 0px;
		}
		
	.error label {
		color: #ff0000;
		font-size: 14px;
		font-weight: bold;
	}

	.error input { 
		border: solid #ff0000 2px;
		background-color: #ffd5d5;
		font-weight: bold;
	}


		.checkbox input, .reservationCheckbox input {
			align: right;
			width: 13px; /* for ie */
			height: 13px; /* for ie */ 
			margin: 0px 0px 0px 5px;
			padding: 0px;
			background-color: #000000;
			border: 0px;
		}

			

			.radio input {
				width: auto;
				margin: 0px;
				padding: 0px;
				border: 0px;
			}

			

			.button {
				width: 90px;
				background-color: #ab007c;
				border: 1px solid #d8be93;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color: #fff;
			}

				

				

		form p {
			padding: 0px 0px 20px 0px;
			font-weight: 10px;
			font-style: italic;
		}	

		

		form h5 {
			margin: 0px 0px 0px 0px;
			padding: 15px 0px 7px 0px;
			font-size: 10pt;
			font-weight: bold;
			color: #ff9900;
		}

		

		

		

		

	

	/**END FORM INPUT CLASSES**************************/