/* 0  TODO -- profile 

 */ 

/* mobile styles */
@media handheld {

/* remove all padding and margins and set width to 100%. This should be default for handheld devices but its good to set these explicitly */
body {
margin:0;
padding:0;
width:100%;{
 background-image:none; 
background:#F3F3E6;
width:500px;
}


#headerImage
{height:5px;}

/* hide accessibility noprint and definition */
.accessibility,
.noprint,
dfn,
#tagline,
span#headerImage,
div#footer {
display:none;
visibility hidden;
}

/* dont want to download image for header so just set bg color */
div#header{ 
color: #006D2B;
text-align:center;
}


/* text colors for header and footer */
div#header h1 a,
div#footer a {
color: #ccc;
}

/* this doesnt look as nice, but takes less space */
div#menu_vert ul li,
div#menu_horiz ul li {
display:inline;
}

/* small border at the bottom to have some indicator */
div#menu_vert ul,
div#menu_horiz ul {
border-bottom:1px solid #fff;
}

/* save some space */
div.breadcrumbs {
display:none;

visibility hidden;
}


div#sidebar {
	float: none;
	width: 95%;
}
div#main {
	width: 90%;
	margin-left: 5%;
}


	html, body {
		font: 12px/15px sans-serif;
		background: #fff;
		padding: 3px;
		color: #000;
		margin: 0;
		}
	#sidebar, #footer {
		display: none;
		}
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		}
	#content img { 
		max-width: 250px;
		}
	.center {
		width: 100%; !important;
		text-align: center;
		}
	a:link, a:visited {
		text-decoration: underline;
		color: #0000CC;
		}
	a:hover, a:active {
		text-decoration: underline;
		color: #660066;
		}

}
/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 

	html {
		-webkit-text-size-adjust: none;
		}

}