body
{
	background-image: url(/img/gradient.php?height=200&sc=%2387131f&ec=%23de1b2c);
background-repeat: repeat-x;
background-color: #de1b2c;
	text-align: left;
	margin: 0px;
}

img { vertical-align: bottom; }
html { overflow-y: auto; }
h1 { margin:0 0 14px 0; font-size: 24px; }
h2 { font-size: 18px; font-weight:lighter; line-height: 20px; margin:0 0 20px 0; }
p { font-size: 13px; }

#mobile-siteframe { margin: auto; width: 100%; }


#mobile-header { padding: 12px 12px 0px 12px; }
div#_page_content { margin:0px; }
#mobile-content { position: relative; padding: 12px; }
div#mobile-main { padding:12px; background-color:white; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }

#mobile-footer { padding: 0px 12px 12px 12px; }

/* Main Navigation */
#mobilenavigation {  }
#mobilenavigation ul#nav, #mobilenavigation ul#nav li { list-style: none; margin: 0 auto; padding: 0; background-color: #000000; }
#mobilenavigation ul#nav li {border-bottom: 1px solid #333333; background: #000000 url(/img/colorize.php?color=%23000000&image=/img/bg-mobilenav.png) repeat-x; }
#mobilenavigation ul#nav li a, #mobilenavigation ul#nav li a:visited { padding:16px; font-weight: bold; font-size: 18px; color: #E6E6E6; text-decoration: none; display: block; margin: 0 auto; text-align: left;}
#mobilenavigation ul#nav li.active a, #mobilenavigation ul#nav li.active a:visited 
{ 
	background-color: white; color: #1981B2; text-decoration: none; display: block; 
}
#mobilenavigation ul#nav { background-color: transparent; border-top: 0px; text-align: center; font-weight: bold; }
#mobilenavigation ul#nav li:first-child { -webkit-top-left-border-radius: 6px; -webkit-top-right-border-radius: 6px; 
											-moz-top-left-border-radius: 6px;
											-moz-top-right-border-radius: 6px;
											-khtml-top-left-border-radius: 6px; 
											-khtml-top-right-border-radius: 6px; 
											border-top-left-radius: 6px;
											border-top-right-radius: 6px; }
#mobilenavigation ul#nav li:last-child { -webkit-bottom-left-border-radius: 6px; -webkit-top-right-border-radius: 6px; 
											-moz-bottom-left-border-radius: 6px;
											-moz-bottom-right-border-radius: 6px;
											-khtml-bottom-left-border-radius: 6px; 
											-khtml-bottom-right-border-radius: 6px; 
											border-bottom-left-radius: 6px;
											border-bottom-right-radius: 6px; }

/* Sub navigation */
#mobilesubnavigation { padding: 0px; margin: 0 auto; text-align: left; }
#mobilesubnavigation ul#subnav, #mobilesubnavigation ul#subnav li { list-style: none; margin: 0 0 1px 0; padding: 0; }
#mobilesubnavigation ul#subnav { font-size: 10px; color: #999; text-transform: uppercase; margin: 0 auto; }
#mobilesubnavigation ul#subnav a, #mobilesubnavigation ul#subnav a:visited { background-color: #000000; color: #999999; font-weight: bold; text-decoration: none; display: block; margin: 0 auto; padding: 8px 0 8px 8px; }


/* back navigation */
.mobile-back { height: 40px; background-color: transparent; }
.mobile-back div.mobile-back-btn { width: 50px; line-height: 40px; height: 40px; margin: 0 auto; float: left; cursor: pointer; }
.mobile-back div.mobile-back-btn img { vertical-align: middle; }
.mobile-back div.mobile-back-title { float: right; height: 40px; line-height: 40px; color: #999999; font-style: italic; font-size: 20px; }

/* footer */
#mobile-footer { color: #171717; margin: 0 auto; font-size: .9em; line-height: 16px; text-align: left;}
#mobile-footer p {color: #171717; margin: 0 auto; text-align: left; opacity: .6;}
#mobile-footer a, #mobile-footer a:link, #mobile-footer #footer a:visited {color: #171717; text-decoration: none; font-weight: normal; opacity: .8;}


/******************************** form styles */
dl.form dd input, dl.form dd select {
width: 95%;
padding-left: 2px;
border: 2px solid #CCC;
height: 24px;
font-size: 14px;
}