/* CSS for mobile */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	border-top: 25px solid #122B76;
}
div#wrapper {
	margin: 0;
	padding: 110px 10px 20px 10px;
	margin-top: 1px;
	border-top: 8px solid #ffd74f;
	background: #FFF url(../images/uh-header.png) no-repeat 20px -10px;

}
div#banner h1, div#banner p {
	display: none;
}
div#banner ul {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-bottom: 10px;
}
ul#main-nav, ul#skip-sub-nav {
	border-top: 1px solid #ccc;
}
ul#sub-nav { 
	text-align: left;
}
ul#skip-sub-nav {
	padding: 8px 0 10px 0;
	border-bottom: 1px solid #ccc;
}
ul#main-nav a#current {
	color: #122B76;
	text-decoration: none;
	font-weight: bolder;
}

div#banner ul, ul#main-nav, ul#sub-nav, ul#skip-sub-nav, ul.related-links, div#services-promo ul, div#services-flash-nav ul, div#services-promo-sublevel ul  {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
ul#main-nav a, ul#sub-nav a, ul.related-links a, div#services-promo a, div#services-flash-nav a, div#services-promo-sublevel a {
	padding-left: 1.2em;
	background: url(../images/mobile-nav-arrow.png) no-repeat 5px 0.4em;
}
#banner a, ul#skip-sub-nav a {
	padding-left: 1.2em;
	background: url(../images/mobile-nav-arrow.png) no-repeat 1px -29px;
}
li.accessibility {
	display: none;
}

#footer ul a {
	padding-left: 1.2em;
	background: url(../images/mobile-nav-arrow.png) no-repeat 3px -115px;
}
a.pagetop {
	padding-left: 1.2em;
	padding-top: 8px;
	background: url(../images/mobile-nav-arrow.png) no-repeat 1px -55px;
	display: block;
	border-top: 1px solid #ccc;
	margin-top: 15px;
}


/* services */
div#services-promo ul {
	margin-bottom: 2em;
}
#services-flash-nav h3 {
	border-bottom: 2px solid #FFCC33;
	padding-bottom: 5px;
}
/* media and research */
ul#media, ul#research {
	list-style: none;
	padding-left: 0px;
}
ul#media img, ul#research img {
	float: left;
	margin: 0px 15px 10px 0;
}
ul#media h4, ul#research h4 {
	margin-top: 5px;
	font-weight: lighter;
}
ul#media li, ul#research li {
	clear: both;
	border-bottom: 2px solid #ccc;
	padding-bottom: 25px;
}
ul#media li:last-child, ul#research li:last-child {
	clear: both;
	border-bottom: none;
	padding-bottom: 25px;
}
img.media-photo {
	display: block;
	margin: 0px;
}
blockquote#marieclaire {
	background: url(../images/media-marieclaire-18percent.png) no-repeat scroll 0 10px;
	width: 60%;
	height: 65px;
	margin: 15px 0 0;
	padding: 6px 10px 10px 110px;
	color: #333;
}
/* contact form */
div.ddfmwrap input, div.ddfmwrap textarea {
	width: 95%; 
	margin: 3px 0 3px 0; 
}
input#fm_verify {
	width: 30%;
	float: left;
}
p.fieldwrap label {
	clear: both;
	display: block;
	float: none;
}
p.fieldwrap img {
	margin-left: 5px;
}
div.ddfmerrors {
	display: none;
}
h3.errors, div.errorlist {
	color: #900;
}
h3.errors {
	margin-top: 15px;
}
div.errorlist {
	 padding-bottom: 10px;
	 }

	



/* general styles */
h1, h2, h3, h4, h5, h6, ul a, blockquote, address a, a {
	color: #122B76;
}
h1 {
	font-size: 1.4em;
}
h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 2em 0 0.35em 0;
}
h2 {
	font-size: 1.3em;
}
p {
	margin: 0.65em 0 0 0;
}
ul {
	margin: 0.65em 0 1.3em 0;
	padding: 0 0 0 1.4em;
}
blockquote {
	margin-left: 0px;
	font-weight: bolder;
	font-style: italic;
	width: 100%;
}
blockquote span {
	display: block;
	font-weight: lighter;
}
address {
	font-style: normal;
}
address span {
	display: block;
}

div#banner-overlay {
	background: none;
	width: 100%;
	position: relative;
}
div.jqmWindow, a.jqModal {
	display: none;
}
a img {
	border: none;
}


/* footer */
div#footer {
	position: static;
	background-color: #e7e7e7;
	padding: 10px 0 0 0;
	margin: 0px;
	border-top: 2px solid #ccc;
}
div#footer address {
	margin: 0 10px 0 10px;
}
div#footer form {
	 padding: 0 10px 0 10px;
	 background-color: #888;
	 margin: 0px;
	 border-top: 3px solid #fff;
	 border-bottom: 2px solid #fff;
}
div#footer ul {
	list-style: none;
	padding: 10px;
	margin: 0px;
	color: #ccc;
	background-color: #555;
}
div#footer ul a {
	color: #ccc;
	text-decoration: none;
}
div#footer legend, div#footer hr {
	display: none;
}

div#footer fieldset {
	border: none;
	margin: 0;
	padding: 5px 3px 10px 3px;
}
div#footer label {
	display: block;
	padding: 8px 0 2px 0;
	font-weight: bolder;
	color: #fff;
}
div#footer input  {
	padding: 2px;
	font-size: 1em;
}
div#footer input#site-search {
	width: 70%;
}
div#footer input#button {
	width: 25%;
}
#footer address {
	font-style: normal;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
}
#footer address span {
	display: block;
	font-weight: bolder;
}