/* 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%;
}

/* hide accessibility noprint and definition */
.accessibility,
.noprint,
dfn {
display:none;
}

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

div#left {
	background-color: #ffcc66;
	text-align:center;
}

#left li a {
	display: block;
	color: #243975;
	padding: 5px 0px
}

ul {
	margin-left: 0; 
	padding-left: 0em;}

li {
	display: block;
	list-style: none;
}

#menu {
	background: url(../images/SideGradient.gif) bottom;
	text-align:center;
}

#menu li a {
	color: #fff;
}
div#hbox {
	width: 138px;
	height: 60px;
	background: url(../images/myf-logo.gif) no-repeat;
	margin: 10px 0px 0px 9px;
	padding: 0px

}
#primary-nav {
	margin: 5px;
}
#primary-nav li.a15 {
	background-color: #996665;
}
#primary-nav li.a37 {
	background-color: #999965;
}
#primary-nav li.a19 {
	background-color: #679966;
}
#primary-nav li.a55 {
	background-color: #66999A;
}
#primary-nav li.a78 {
	background-color: #66669A;
}
#primary-nav li.a56 {
	background-color: #986699;
}
#primary-nav li.a57 {
	background-color: #9966CB;
}

#flat {
	background-color: #ffcc66;
	text-align:center;
}
#flat li a {
	display: block;
	color: #243975;
	padding: 5px 0px
}
div#footer {
background-color: #fff;  
color: #000;
text-align:center;
}

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

#header .button {
	height: 22px;
	width: 23px;
	border: none;
	font-size: 1em;
}

/* 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,
div#sub-image {
display:none;
}