/* Family SmileCare Center, PLC CSS Document */

/* Handheld Style Sheet Version 1.0          */



/* zero off the defaults to get a clean starting point*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  

margin: 0; 

padding: 0; 

border: 0; 

}



/*remove the elements we don't want to show to handheld devices*/

#header, #splash, #sidebar, #footer, .printheader {

	display: none;

}



body, #wrapper {

font-family: Arial, Helvetica, sans-serif;

font-size: 100%;

background-image: none;

width: 240px; /* change to max-width when publishing to the web*/

}



#mainCol, #content {

	padding: 2px;

	border: 1px solid #666;

	margin-top: 5px;

}



/*less room so make the font sze a little smaller*/

#mainCol p, #content p {

	font-size: 75%;

	margin: 6px;

}



/* resize the content area image and change the float direction*/

.photo {

	margin: 5px;

	padding: 4px;

	border: 1px #00578e solid;

}



#content ul li {

	margin: 2px 0;

	border: 0;

	list-style-type: none;

}



a, a:visited {

	background-color: #CCCCCC;

	display:  list-item;

	padding: 2px;

	color: #666666;

	text-decoration: none;

	font-size: 75%;

}



/*set an active pseudo class - better indication than hover on handheld devices*/

a:active, a:hover	 {

	background-color: #333333;

	color: #fff;

}



/*reset the skip div to static for use on screen with handheld devices*/

#skip {

	border: 1px solid #000;

	position: static;

}