@import url('AVMA-design.css');
@import url('AVMA-2-column.css');
@import url('AVMA-right-column-zones.css');
@import url('brand-styles.css');
@import url('icon-styles.css');
body {font-size:12px;}
body #s4-bodyContainer {
	min-width:320px;
}
/*#Area1 #header {  background-image: url('../i/masthead480.jpg'); background-repeat:no-repeat;  height:125px;padding:0;} */
#logo {
	clear:both;position:absolute;top:27px; left:0px;z-index:100;
}
#Area1 #header #logo img {display:block;margin:0;}

.hidetext {left: -99999px;}
      
 /* size-specific styles for header links are at the bottom of this page */
#Area1 .headerlinks > a, #Area1 .headerlinks > a:link, #Area1 .headerlinks > a:visited {
	color:#2e4049 !important;
	font-family:Arial, Helvetica, sans-serif;
	zoom:1;
	z-index:1005;
	color:#2e4049;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:3px;
	padding:1px 5px 3px 5px;
	display:inline-block;
	position:relative;
}

#Area1 .headerlinks .ms-menu-a > span {
	color:#2e4049;padding-right:0px;
}
#Area1 .headerlinks .ms-welcomeMenu {
	padding-right:2px;
	margin-right:0;
}
#Area1 .headerlinks .s4-trc-container-menu {
	margin-top:3px;
	padding:1px 5px 3px 5px;
}
#Area1 .headerlinks .ms-menu-a:hover > span, #Area1 .headerlinks .ms-menu-a:focus > span {
	color:#fff;
}
#Area1 .headerlinks a.btn.btn-navbar {
	position:relative;
	float:right !important;
	padding:9px 0 0 30px !important;
	background: transparent url('../i/Menu-button.png') no-repeat left top;
	margin-top:2em;
	margin-right:1em;
	text-align:left;
	text-decoration:none !important;
	cursor:pointer;
	width:85px;height:38px; 
	font-family:Arial, Helvetica, sans-serif !important; 
	font-size:14px !important;
	color:#ffffff !important;
}
#Area1 .headerlinks a.btn.btn-navbar:focus, #Area1 .headerlinks a.btn.btn-navbar:hover {
	background: transparent url('../i/Menu-button-hover.png') no-repeat left top;font-weight:bold;
}
#Area1 .headerlinks .s4-signInLink { color: #2e4049 !important; margin:0 !important; }
#Area1 .headerlinks  .ms-viewselector-arrow { width:15px !important; height: 6px !important; }
#Area1 .headerlinks .ms-viewselector-arrow img.loginMenu { top:-632px; border-width: 0px; position: absolute; left: 0px; }
#Area1 .headerlinks  div[id$="Welcome_pnlLoggedIn"] { color:#2e4049 !important; width:auto; float:left;position:relative;}
#Area1 .headerlinks  div[id$="Welcome_pnlLoggedIn"]  .welcomeUserDisplayName {font-weight:normal; padding-right:5px;float:left !important;padding-left:0px !important;position:relative;color:#2e4049;}
#Area1 .headerlinks  div[id$="Welcome_pnlLoggedIn"]  .welcomeUserMenu {margin-top:0px !important; float:left !important;padding-left:5px !important;position:relative;display:inline-block;color:#2e4049;}
#Area1 .headerlinks  div[id$="Welcome_pnlLoggedIn"]  .welcomeUserMenu ul {
	margin:0px !important;
	padding:0px !important;
}
#Area1 .headerlinks  div[id$="Welcome_pnlLoggedIn"] .welcomeUserMenuItemTitle a:link, 
#Area1 .headerlinks  div[id$="Welcome_pnlLoggedIn"] .welcomeUserMenuItemTitle a:visited {
	color:#2e4049 !important;
}
#Area2 .top-nav-menu ul li {
	display:list-item;
	background:url('../i/main-nav-bg2.png') repeat-y top center;
	border-bottom:2px #01833f inset;
	list-style:none;
}
#Area2 div.top-nav-menu div.menu-vertical.public ul li {
	margin:-12px 0 0 -40px;padding:1em 0.5em;
}

#Area2 .top-nav-menu ul li a, #Area2 .top-nav-menu ul li a:link, #Area2 .top-nav-menu ul li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:white;
	padding:0.5em;
	font-weight:normal;
}
#Area2 .top-nav-menu ul li:hover, #Area2 .top-nav-menu ul li:focus {
	background: url('../i/avma-dropdown-bg.png');
}
#Area2 .top-nav-menu ul li a:hover, #Area2 .top-nav-menu ul li a:focus, #Area2 .top-nav-menu ul li a:active, #Area2 .top-nav-menu ul li:hover > a, #Area2 .top-nav-menu ul li:focus > a {
	color:black;
}
#Area3 {
	width:100%;
	zoom:1;
	margin:0px auto;
}
#Area3 .breadcrumbs {
	margin:0px 1em;
}
#Area3 > #s4-workspace > span > span.breadcrumbCurrentNode {
	padding-top:0;
	margin-top:-1.5em;
}
#Area3 #featureMain {
	display:none;
}
#Area3 #content-inner {
	width:100%;
}
#Area3 #main-col {
	width:100%;
}
#Area3 #split2ColumnZones .columnLeft {
display:none;
}
#Area3 #split2ColumnZones .columnRight {
  float:left !important;
/*  width:391px; */
	width:100%;
  clear:both;
  margin-bottom:1em;
}
#Area3 #login-zone .ms-WPHeader {
	visibility:hidden;
}
#loginTitle {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal !important;
	font-family: 'MyriadProSemibold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center !important;
	word-spacing: 1px;
	letter-spacing: 0;}

#Area3 div[id$="panNotLoggedIn"] div.login > table {
	padding-top:10px;
	background: transparent url('../i/loginBGBottom.png') no-repeat left bottom;
	margin-left:-2px;
	height:130px;
	width: 260px;
}
div.login input.btn-login {
	background:transparent url('../i/loginbutton.png') no-repeat left top;
	font-family:'MyriadProSemibold', Arial, Helvetica, sans-serif;
	color:white;
	width:72px;
	height:23px;
	text-indent:10px;
	border:none;
	font-size:12px;
	text-transform:uppercase;
	float:right;
	display:inline-block;
	border-collapse:collapse;
	cursor:pointer;
	padding-right:10px;
	margin-right:20px;
	margin-top:-20px;
	clear:both;
}
div.RememberMe input, .login td input[id$="RememberMe"]  {
	margin-top:15px;float:left;width:15px;margin-left:10px !important;
}

div.RememberMe label, .login td label[for$="RememberMe"]  {
	display:inline-block;
	float:left;
	margin-top:18px;
	padding-left:2px;
}
div[id$="panNotLoggedIn"] > div.troubleLogginIn  {
	display:block;
	margin-top:-20px;
	height:40px;
	margin-left:20px;
}
/* login on login page */
#Area3 .LoginPage div[id$="panNotLoggedIn"] div.login > table {
	padding-top:10px;
	background: none;
	margin-left:10px;
	height:130px;
	width: 260px;
}
#Area3 #right-col {
	padding:1em;
	margin:0em auto;
	clear:both;
	float:left;
	width:260px;
	position:relative;
	}
#Area3 ul {padding:0px !important;}
#Area3 .ms-vb {
	line-height:2em !important;
}
#Area3 #main-content {
	margin:0px auto;
	width:100%;
	padding:1em;
}
#Area3 #mainContentDiv {
	margin:0px 1.5em;
}
h1.landing-title {
	padding:0px;margin:0px;
}
#Area3 #CapWiz {
padding:0;
width:223px;
height:314px;
margin:-10px -10px -30px -10px;
}
#Area3 #CapWiz h3 {
	font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	text-align:left;
	margin-top:20px;
	padding-left:18px;
	display:inline-block;
	z-index:6;
	clear:both;
}
#Area3 #main-content-wide {
	width:100%;
	margin-top:1.5em;
}
.javma-logo img {
	max-width:100%;
}
#Area3 #main-content-wide .section-zones {
	width:100%;
}
#Area3 #javma-news-article .page-content > table {
	width:100% !important;
	margin-right:1em;
}
#Area3 #javma-news-article .page-content > table td p {
	width:100% !important;
}

#Area3 .NARA-photos, #Area3 .USDA-photos {
	width:100%;
}
#Area3 .NARA-photos img, #Area3 .USDA-photos img {
	max-width:100%;
}
#Area3 .NARA-photos span, #Area3 .USDA-photos span {
	max-width:100%;
}

#Area3 #top-zone {
	width:100%;max-width:480px;
}
#Area3 #top-zone img {
	max-width:100%;
}
#Area3 #TeaserIntro {
	float:left;
	display:inline-block;
/*	width:160px; */
	width:90%;
	margin-top:10px;
	margin-right:auto;
	padding:20px;
	border:1px solid #e8e8e8;
}
#Area3 .content-sidebar-wide {
	width: 95%;
	background-color: #ebf0c8;
	border: 1px solid #e3e3e3;
	padding:0px 5px 10px 5px;
	position:relative;
	margin:0px;
}
#Area3 .ui-tabs .ui-tabs-nav li a {
float: left;
padding: 0em;
text-decoration: none;
}
#home-right-zone {clear:both; background: #455560; padding: 0 10px 15px 10px; position:relative; margin-top:5px;z-index:100;}
@media screen and (-webkit-min-device-pixel-ratio:0) { #home-right-zone { margin-top:5px;} }
#home-right-zone h3.ms-WPTitle {
	color:#fff;
	font-size:16px;
	font-weight: bold;
	font-weight:normal;
	text-transform:uppercase;
	margin: 10px 0 5px 0;
}

#home-right-zone .ms-WPBody { background:#fff; padding:0;z-index:101;position:relative; }
#home-right-zone .s4-wpTopTable { margin:0; }
#home-right-zone .ms-WPBody  ul li 
{ margin-left:0px;margin-right:10px; background:url('../i/dotted-line.png') repeat-x top; }
#home-right-zone .ms-WPBody ul li:first-child { background:none; }
/*#home-right-zone .ms-WPBody ul li a, #home-right-zone .ms-WPBody ul li a:link  {
	display:list-item;
	padding:10px 0px 10px 15px;
	color:#455560;
	background:url('../i/sprites.png') no-repeat 200px -209px;
	text-decoration: none;
	font-size:1em;
	font-weight:500;
	zoom:1;
	position:relative;
	z-index:1002;
}
#home-right-zone ul li a:hover,  #home-right-zone .ms-WPBody ul li a:hover {
	text-decoration:none;
	color:#6a8394;
	background:url('../i/sprites.png') no-repeat 200px -209px; -238px; 
    overflow: inherit;
    zoom:1;
    position:relative;
    z-index:1007;
    border:1px solid fuchsia;
    display:list-item;
}*/
#home-right-zone ul li a {
	display: block;
	padding: 10px 0px 10px 15px;
	color: #455560;
	background: url('../i/sprites.png') no-repeat 200px -209px;
	text-decoration: none;
	z-index:105;
}
#home-right-zone ul li a:hover {
	text-decoration: none;
	color: #6a8394;
	background-position: 168px -240px;
}

#find-vet {
	background:url('../i/find-vet-bg.png') no-repeat;
	width:190px;
	height:54px;
	padding:67px 12px 12px 12px;
}

#Area4 .band-menu li.static  {
	background:transparent url('../i/QLmenuBG.png') repeat-x left top; max-height:100%;padding:0;color:#2e4049;
}
#Area4 .band-menu li.static > a > span > span {
	padding:0.5em;
}
/*#Area4 .band-menu li.static > a:first-child {
	background:transparent url('../i/open.png') no-repeat 98% center; max-height:100%;padding:0;padding-right:1em;
}/*
#Area4 .band-menu li.static > a:only-child, #Area4 .band-menu li.static > a:last-child{
	background:none !important;
}*/
#Area4 .band-menu li.static > a:first-child + ul > li.static > a {
	background:none;
}
#Area4 .band-menu li.static:hover,
#Area4 .band-menu li.static:focus {
	background:transparent url('../i/QLmenuBGhover.png') repeat-x -0.5em 0em;max-height:100%;padding:0;	
}
/*#Area4 .band-menu li.static > a:first-child.active {
	background:transparent url('../i/close.png') no-repeat 98% center; max-height:100%;padding:0;padding-right:1em;
}
#Area4 .band-menu li.static > a:last-child.active, #Area4 .band-menu li.static > a:only-child.active {
		background:none !important;
} */
#Area4 div.menu-vertical > ul > li.static > ul.static {
	padding-top:0em;padding-left:0em;
}
#Area4 div.menu-vertical > ul > li.static > ul.static > li.static {
	background:transparent url('../i/QLmenuBG.png') repeat-x -0.5em 0em;max-height:100%;padding:0;
	text-indent:1em;color:#2e4049;
}
#Area4 div.menu-vertical > ul > li.static > ul.static > li.static:hover,
#Area4 div.menu-vertical > ul > li.static > ul.static > li.static:focus {
	background:transparent url('../i/QLmenuBGhover.png') repeat-x -0.5em 0em;max-height:100%;padding:0;
}
#Area4 .collapser {
	top:2px; float:right;margin-right:1em;
}
#Footer {background:url('../i/footer-bg2.png') repeat-y top center; color:#455560; margin: 15px auto; position:relative;clear:both;
}
#Footer > a {
	border:none;
}
#Footer img.leftfooterimg {
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	padding-left:0.5em;	
	float:left;
}
#Footer img.rightfooterimg {
	padding-right:0.5em;	
	padding-left:1em;
	padding-bottom:1em;
	padding-top:1em;
	float:right;
}
#Footer > p {
	clear:both;
	margin:1em 0;
}
/* ============ LOGIN Control appearing only on home page ============ */
.right-col-inner #login-control {
	/*width:219px;
	height:152px;
	background:url('../i/member-login-tab.png') no-repeat;
	padding:40px 20px 20px;*/
	display:none;
}
.right-col-inner #login-zone {
	/* nanette removed 8/5/13
	width:219px;
	background:transparent url('../i/loginBGTop.png') no-repeat left top;
	padding:0px 20px 0px 20px;
	position:relative;
	margin:0px 0px 0px 0px;
	clear:both;
	display:block;
	height:220px;
	*/
	display:none; /* nanette added 8/5/13 */
}
.right-col-inner #login-zone p {
	color:black;
	line-height:13px;
}
.right-col-inner #login-zone .right-col-webpart { padding:0; margin:0; }
.right-col-inner #login-zone .right-col-webpart { background:none; border:none; margin:0; padding:15px; }
.right-col-inner #login-zone .right-col-webpart .corner { display:none; }

.right-col-inner #login-zone h3.ms-WPTitle > nobr > span {
	display:none;
}
.right-col-inner #loginTitle {
	color:#fff;
	font-size:14px;
	font-weight:normal !important;
	font-family:'MyriadProSemibold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin: -70px 0px 20px 0px !important;
	text-align:center !important;
	padding:0px 0px 10px 10px !important;
	width:240px;
	word-spacing:1px;
	letter-spacing:0em;
}
.right-col-inner #login-zone div.ms-WPBody.ms-wpContentDivSpace {
	margin:30px -19px 0px -21px;
	background:transparent url('../i/loginBGBottom.png') no-repeat left bottom;
	padding:30px 0px 0px 0px;
	width:260px;
	height:135px;
}

.right-col-inner div[id$="panLoggedIn"] {
	padding:0px 20px 0px 20px;
	margin-top:30px;
	margin-bottom:50px;
	margin-left:1px;
	height:85px;
	background: transparent url('../i/loginBGmiddle.png') repeat-y left top;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .right-col-inner div[id$="panLoggedIn"] { margin-bottom:-25px;} }
.right-col-inner div.login {
	background: transparent url('../i/loginBGmiddle.png') repeat-y left top;
	margin-top: 0px;
}

.right-col-inner div[id$="panNotLoggedIn"] {
	display:block;
	margin-left:0px;
	padding-left:0px;
	margin-top:-15px !important;
}
.right-col-inner div[id$="panNotLoggedIn"] > div {
	display:block;
	margin-bottom:20px;
	height:100px;
}
.right-col-inner div[id$="panNotLoggedIn"] p, .right-col-inner div[id$="panNotLoggedIn"] div p {
	padding:0px 10px 0px 20px;
	margin-top:0px;
}
.right-col-inner div[id$="panNotLoggedIn"] div.login > table[id*="signInControl"] table tr:first-child {
	display:none;
	height:0px;
}
.right-col-inner div[id$="panNotLoggedIn"] div.login {
	margin:0px -1px 0px 1px;
	padding-bottom:10px;
	clear:none;
}
.right-col-inner div[id$="panNotLoggedIn"] div.login > table {
	padding-top:10px;
	background: transparent url('../i/loginBGBottom.png') no-repeat left bottom;
	margin-left:-2px !important;
	height:130px !important;
	width: 260px;
}

.right-col-inner div.login tr {
	line-height:12px;
	text-align:right !important;
}
.right-col-inner div[id$="panNotLoggedIn"] div.login > table[id*="signInControl"] table tr + tr + tr + tr > td {
	margin:5px 10px;
	padding:1px 5px;
}
.right-col-inner #login-zone .s4-wpTopTable {
	margin-bottom:0px;
}
.right-col-inner div.login td {
vertical-align:top;
	padding:1px 1px 1px 5px;
}
.right-col-inner div.login label {
line-height:12px !important;
font-size:10px;
text-transform:uppercase;
margin-top:5px;
margin-left:5px;
vertical-align:baseline;
display:inline-block;
float:left;
padding-left:2px;
}
.right-col-inner div.login input {
	width:145px;
	margin-right:0px;
	z-index:99999;
}
.right-col-inner div.login input.btn-login {
	background:transparent url('../i/loginbutton.png') no-repeat left top;
	font-family:'MyriadProSemibold', Arial, Helvetica, sans-serif;
	color:white;
	width:72px;
	height:23px;
	text-indent:10px;
	border:none;
	font-size:12px;
	text-transform:uppercase;
	float:right;
	display:inline-block;
	border-collapse:collapse;
	cursor:pointer;
	padding-right:10px;
	margin-right:20px;
	margin-top:10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .right-col-inner div.login input.btn-login 	{
	margin-top:0px;
}}

.right-col-inner div[id$="panNotLoggedIn"] > div.troubleLogginIn  {
	display:block;
	margin-bottom:0px;
	height:40px;
	margin-left:20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .right-col-inner div[id$="panNotLoggedIn"] > div.troubleLogginIn  {
	display:inline-block;
	margin-top:20px;
}
}
.right-col-inner .loginfailure {
	width:220px;
	height:50px;
	padding:5px;
	background-color: white;
	border: 2px solid gray;
	z-index:99999;
	position:relative;
	margin-top:-140px;
	margin-left:-1px;
	font-weight:bold;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .right-col-inner .loginfailure {
	margin-top:-145px;
}
}
div.RememberMe input, .login td input[id$="RememberMe"]  {
	margin-top:5px;float:left;width:15px;margin-left:10px !important;
}
@-moz-document url-prefix() {
div.RememberMe input, .login td input[id$="RememberMe"]  { margin-top:3px;} 
}
@media screen and (-webkit-min-device-pixel-ratio:0) { div.RememberMe input, .login td input[id$="RememberMe"]  { margin-top:3px;} }

div.RememberMe label, .login td label[for$="RememberMe"]  {
	display:inline-block;
	float:left;
	margin-top:8px;
	padding-left:2px;
}
@-moz-document url-prefix() {
div.RememberMe label, .login td label[for$="RememberMe"] { margin-top:3px;} 
}
@media screen and (-webkit-min-device-pixel-ratio:0) { div.RememberMe label, .login td label[for$="RememberMe"] { margin-top:5px;} }

/* --- end home page login control --- */
#login-zone div[id$="panNotLoggedIn"] > div.troubleLogginIn a {
	display: inline-block;
	margin-top: 0px;
	margin-left: 20px;
	position:relative;
	zoom:1;
	z-index:1001;
}
.right-col-inner #login-zone div[id$="panNotLoggedIn"] > div.troubleLogginIn a {
	display: inline-block;
	margin-top: 0px;
	margin-left: 0px;
	position:relative;
	zoom:1;
	z-index:1001;
}

/* ======== DISCUSSION BOARDS ======== */
.SocialRoot {
	width:auto !important;
	max-width:100%;
}
#MemberCenter {
	 background:url('../i/icon-select-arrow.png') 10px 45px no-repeat;
}
#MemberCenter .ms-WPHeaderTd  { min-height: 45px;background-color:#e58e1a; margin-bottom: 20px; vertical-align: top; }
#MemberCenter .MostRecentDiscussionsViewAllDiscussions {
	display:inline;
	float:left;
	clear:none;
	margin-top:-40px;
	padding-left:10px;
	color:#fff;
}
#MemberCenter .discussion-rollup .thread-count { font-size: 90%; color: #999; width: 25%; float: right; text-align: right; margin-right: 20px;  font-weight:bold;}
/* ==================== START DEVICE-SPECIFIC STYLES ==================== */

/* Blackberry mobile settings, such as 9700, 9650 Blackberry Bold 
 @media only screen and (device-width: 480px) {   
body{
	zoom:1;margin:0 auto;}
#s4-ribbonrow, #IdWelcome, #siteactiontd {
	display:none !important;
}
a.s4-signInLink, a#ctl00_IdWelcome_ExplicitLogin {
	display:block;color:#2e4049 !important;
}
#Area1 {zoom:1; border:2px solid pink;}
#Area1 #header {zoom:1;  background-image: url('../i/masthead480.jpg'); background-repeat:no-repeat;  height:9em;padding:0 0 1em 0;	} 

#Area1 #header #logo a img {display:block;margin-top:1em;margin-left:0.5em;}

#Area2 {
	width:100%;zoom:1;
}

#Area2 .navbar { margin-top:0em;}

#Area2 .navbar ul li.static { 
margin-top:0em;	
padding:0.65em 0.25em 0.65em 0.25em;
border-bottom:1px solid DarkGreen;
}

.s4-tn {
	margin-top:0em;	
}
#header-links .btn-navbar {
	margin-top:-3.0em;
} /*
#Area3 h1 {
	padding:0.3em 1em;
	display:block;
}

} */


 /* medium resolution screens such as Android */  
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),  
             (max--moz-device-pixel-ratio: 1.5)
 {
 
body {
	zoom:1;
	margin:auto;
} 
#s4-ribbonrow, #IdWelcome, #siteactiontd {
	display:none !important;
}
a.s4-signInLink, a#ctl00_IdWelcome_ExplicitLogin {
	display:block;color:#2e4049 !important;
}

 #Area1 {
/*	zoom:1 !important;
	border:2px dashed yellow; */
}
 #Area3 {
/*	zoom:1.4 !important;
	border:2px dashed fucshia; */
	width:auto;margin-bottom:1em;overflow:auto;
}

#Area4 {
	margin:0;clear:both;
}
#Area1 #header #logo a img {
display:block;}
#Area2 {
width:100%;
}
#Area2 .navbar { margin-top:0em;width:100%;}

#Area2 .navbar ul li.static { 
margin-top:0em;	
padding:0.75em 0.25em 0.75em 0.25em;
border-bottom:1px solid DarkGreen;
}

.s4-tn {
	margin-top:0em;	font-size:1em;}
	
#Area3 h1 {
	padding:0.5em 1em;
	display:block;
}

div[id$="panNotLoggedIn"] div.login > table {
	padding-top:10px;
	background: transparent url('../i/loginBGBottom.png') no-repeat left bottom;
margin:-1px;
margin-bottom:-20px;
height:110px;
width: 260px;
}

   /* membership POC pages  */
	#main-content-renew-join {width: 100% !important;}

} 



/* low resolution screens such iPhone 3g  */  
 @media only screen and (max--moz-device-pixel-ratio: 1.0), (-webkit-max-device-pixel-ratio: 1.0) {  
#s4-ribbonrow, #IdWelcome, #siteactiontd {
	display:none !important;
}
a.s4-signInLink, a#ctl00_IdWelcome_ExplicitLogin {
	display:block;color:#2e4049 !important;
}
#Area1 {/* zoom:1;border:2px dotted red; */}
#Area1 #header #logo a img {
display:block;}
#Area2 {
width:100%;
}
#Area2 .navbar { margin-top:0em;width:100%;}

#Area2 .navbar ul li.static { 
margin-top:0em;	
padding:0.75em 0.25em 0.75em 0.25em;
border-bottom:1px solid DarkGreen;
}

.s4-tn {
	margin-top:0em;	font-size:1em;}
#Area3 {
	width:auto;
/*	border:2px dashed navy;
	zoom:1; */
}	
	
#Area3 h1 {
	padding:0.5em 1em;
	display:block;
}

div[id$="panNotLoggedIn"] div.login > table {
	padding-top:10px;
	background: transparent url('../i/loginBGBottom.png') no-repeat left bottom;
margin:-1px;
margin-bottom:-20px;
height:110px;
width: 260px;
}

   /* membership POC pages  */
	#main-content-renew-join {width: 100% !important;}

} 
  
 /* high resolution screens such as iPhone */ 
 @media only screen and (-webkit-min-device-pixel-ratio: 2),  
                 (min--moz-device-pixel-ratio: 2),  
                 (min-resolution: 300dpi)  {  
body {
	/*zoom:0.98;*/
	zoom:1;
}               
#s4-ribbonrow, #IdWelcome, #siteactiontd {
	display:none !important;
}
a.s4-signInLink, a#ctl00_IdWelcome_ExplicitLogin {
	display:block;color:#2e4049 !important;
}
#Area1 {
/*	border:2px dotted lime; */
}
#Area1 #header #logo a img {display:block;}
#Area2 {
width:100%;
}
#Area2 .navbar { margin-top:0em;width:100%;}

#Area2 .navbar ul li.static { 
margin-top:0em;	
padding:0.75em 0.25em 0.75em 0.25em;
border-bottom:1px solid DarkGreen;
}

.s4-tn {
	margin-top:0em;	
}
#Area3 {
/*	border:2px dotted pink; */
	padding-top:0em;
}

   /* membership POC pages  */
	#main-content-renew-join {width: 100% !important;}

}

/* screen-size specific */
    /**/ /* target large screens (mobile tablet devices or desktop windows)  */
   @media only screen and (min-width: 768px)     {  
   #Area1 #header {  height:223px; /*background:url('../i/header-bg3.png') no-repeat top center; position:relative;*/ } 

   #Area1 #header #logo a img {  max-width: 100%;margin-top:7em;margin-left:2.5em;}  
   #Area1 .headerlinks {
	font-size:1.2em;padding-left:1.5em;margin-left:0px;padding-top:1.5em;}
      #Area1 .headerlinks a.btn.btn-navbar {
	margin-top:5em !important;margin-right:3em !important;
}
#Area3 #right-col {
	padding:1em;
	margin:0em auto;
	clear:none;
	float:right;
	width:260px;
	position:relative;	
	}
#Area3 #main-content {
	margin:0px auto;
	width:auto;
	padding:1em;
	float:left;
	position:relative;
	display:table-cell;
}

   /* membership POC pages  */
	#main-content-renew-join {width: 100% !important;}

}       
/* target larger screens such as tablets (mobile devices or small desktop windows)  */
    @media only screen and (max-width: 767px)     {  
   #Area1 #header {  background-image: url('../i/masthead768.jpg') !important; background-repeat:no-repeat;  height:200px;padding:0;} 

   #Area1 #header #logo a img {  max-width: 100%;margin-top:3.5em;margin-left:2.5em;}  
   #Area1 .headerlinks {
	font-size:1.2em;padding-left:1.2em;margin-left:0px;padding-top:1em;}

   #Area1 .headerlinks a.btn.btn-navbar {
	margin-top:4em !important;margin-right:2em !important;
}

   /* membership POC pages  */
	#main-content-renew-join {width: 100% !important;}

}  
/* target medium screens (mobile devices or small desktop windows)  */
   @media only screen and (max-width: 480px) {  
    #Area1 #header {  background-image: url('../i/masthead480.jpg') !important; background-repeat:no-repeat;  height:125px;padding:0;} 
    #Area1 #header #logo a img  {  max-width:100%;margin-top:10px;margin-left:10px;} 
   #Area1 .headerlinks {
	font-size:1em;padding-left:1em;margin-left:0px;padding-top:0.5em;
}
   #Area1 .headerlinks a.btn.btn-navbar {
	margin-top:2em !important;margin-right:0.5em !important;
}

   /* membership POC pages  */
	#main-content-renew-join {width: 100% !important;}

   }
   /* target small screens (mobile devices or small desktop windows)  */
   @media only screen and (max-width: 320px) {  
    #Area1 #header {  background-image: url('../i/masthead320.jpg') !important; background-repeat:no-repeat;  height:82px;padding:0;} 
    #Area1 #header #logo a img  {  max-width:75%;margin-top:2px;margin-left:10px;} 
   #Area1 .headerlinks {
	font-size:0.8em;padding-left:0em;margin-left:0px;padding-top:0px;
}
   #Area1 .headerlinks a.btn.btn-navbar {
	margin-top:2em !important;margin-right:0em !important;
}
   /* membership POC pages  */
	#main-content-renew-join {width: 100% !important;}
   }

#exposeMask{
	/* display:none !important; 
	commented out for membership POC overlay pages  */
}
/*#teaserOverlay{
	display:none !important;
}*/