html {height: 100%; background-color: #000;}
body {margin: 0; padding: 0; height: 100%;}
.clear {clear: both;}


#newVetOutreach {text-align:center; margin-top:10px; border:1px solid #000;}
#newVetOutreach a {text-decoration:none; display:block; width:100%;}
#newVetOutreach img {max-width:150px; margin:0 auto;}
#newVetOutreach span {display:block; text-align:center; font-weight:bold; font-size:19px; color:#FFF; background:#000; padding:5px 0; font-family: 'Open Sans', sans-serif;}


#mobileWrapper {width: 100%; max-width: 800px; margin: 0 auto; background-color: #fff;}

#mobileHeader img {width: 100%; border:none; outline: none;}

.mobileNav ul {margin: 10px 0 20px; padding: 0 10px;}
.mobileNav ul li
{
	list-style: none;
	display: block;	
}

.mobileNav ul li a
{
	display: block;
	width: 99%;
	min-width: 250px;
	height: 100%;
	font-size: 1.2em;
	line-height: 2.5em;
	text-indent: 25px;
	color: #ddd;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin: 0 0 10px;
	border: 1px solid #000;
	background: #2266ad; /* Old browsers */
background: -moz-linear-gradient(top, #2266ad 0%, #005488 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2266ad), color-stop(100%,#005488)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2266ad 0%,#005488 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2266ad 0%,#005488 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2266ad 0%,#005488 100%); /* IE10+ */
background: linear-gradient(to bottom, #2266ad 0%,#005488 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2266ad', endColorstr='#005488',GradientType=0 ); /* IE6-9 */
}

.mobileNav ul li a:hover, .mobileNav ul li a:active
{color: #fff;
background: #005488; /* Old browsers */
background: -moz-linear-gradient(top, #005488 0%, #2266ad 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005488), color-stop(100%,#2266ad)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #005488 0%,#2266ad 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #005488 0%,#2266ad 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #005488 0%,#2266ad 100%); /* IE10+ */
background: linear-gradient(to bottom, #005488 0%,#2266ad 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005488', endColorstr='#2266ad',GradientType=0 ); /* IE6-9 */
}

#mobileSecondaryNav {padding: 10px; text-align: center; background-color: #eee; border-top: 1px solid #999; border-bottom: 1px solid #999; font-family: 'Open Sans', sans-serif;}
#mobileSecondaryNav a {margin: 0 5px; text-decoration: none; font-size: 1em; line-height: 1.2em; color:#2266ad; display: inline-block;}
#mobileSecondaryNav a:hover, #mobileSecondaryNav a:active {color: #000;}

.mobilePageWrapper {margin: 10px 20px 30px;}
.mobilePageWrapper .pageHeadline {text-align: center; font-size: 1.5em; line-height: 2em; margin: 0 0 10px; font-family: 'Open Sans', sans-serif; color: #2C2D31;}

.pageText {font-family: Arial,Sans-Serif; color: #202020;}
.pageText p {font-size: 1em; line-height: 1.2em; margin: 10px 0;}
.pageText ul, .pageText ol {margin: 10px 0 10px 20px;}

.button{
	display:block;
	width:94%;
	border:2px solid #fff;
	float:left;
	margin-top:.5em;
	position:relative;
	cursor:pointer;
	padding: 10px 3%;
	background-color: #dc782e;
}

.button a {text-decoration: none; color: #fff; font-size: 1.2em; line-height: 1.5em;}

.button:active, .button:hover {}

.linkWrap {float: left; height: 100%;}

.content {float: left; padding: 1.5% 3%; width: 94%; background-color: #eee; border:2px solid #eee;}

#footer
{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	background: url(/Content/mobile/images/footer.jpg) top center no-repeat;
	width: 100%;
	max-width: 800px;
	text-align: center;
	margin: 0;
	padding: 10px 0px;
}

#footer h4 {font-weight: normal;}