/* Master Style Sheet for JPWellerDDS.com 
   Will Fastie, Februay 2010
   Master background color: #FAF4DA
*/

/* Resets - Old version originated with wa.net */
ul  { margin:0; padding:0; border:0; }
li  { margin:0; padding:0; border:0; }
iframe  { margin:0; padding:0; border:0; }
button  { margin:0; padding:0; border:0; }
img  { margin:0; padding:0; border:0; }
table  { margin:0; padding:0; border:0; }
body  { margin:0; padding:0; border:0; }
table { text-align:left; }

ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */
/* Above: Reset defaults for cross-browser compatibility */

/* Site-wide styles */
body { font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size: .9em; line-height: 1.3;
  background-color: #164656; 
}
h1,h2,h3,h4,h5,h6 { font-family: Georgia, "Times New Roman", Times, serif;
  color: #0D6784; color: #004960;
  /* clear: both; */
}
h1, h2, h3 , h4, h5, h6 { margin-bottom: 0; }
h1 { text-align: center; }
p { margin: 0 0 1em 0; } /* Meyer, from www.complexspiral.com/publications/uncollapsing-margins/, instead of hx+p */
table+p { margin-top: 1em; }

a, a:visited { color: blue; }
a:hover { color: #060; }
a { outline: none; }

/* -------------------------------------------------------------------------------------------------------
These are the definitions for the layout of the page. Do not change anything between the two dashed lines. 
*/
/* OuterContainer establishes the width of the page and centering; it contains everything. */
.outercontainer { width: 950px; 
  margin: 0 auto; 
  padding: 0;
  background-color:#FAF4DA;
	}
.banner { height: 148px; margin: 0; padding: 0; background-image:url('../img/weller_banner980x148rv1.jpg');
	position: relative;
	}
.bannerphonenr2 {position: absolute; top: 10px;	right: 10px; top: 3px; right: 60px;
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: bold;
  font-family:"Times New Roman", Times, serif; font-size: 1.75em; font-weight: bold;
	color: #1A3C13; 
	color: #eee;
}
.bannerphonenr {position: absolute; bottom: 25px; right: 20px;
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: bold;
  font-family:"Times New Roman", Times, serif; font-size: 1.75em; font-weight: bold;
	color: white;
}
/* InnerContainer sits under the banner and contains the menu, page content and footer. */
.innercontainer { clear: both; border-top: 0px #026F3B solid; }

/* Generic menu area */
.menu { float: left; width: 190px; margin: 0; border:0; /* height: 400px; */
	padding: 5px; padding-top: 12px;
	list-style-type: none;
	background-color: white; background-color: transparent;
	}
.menu ul { list-style-type: none; padding: 0; margin: 0; }
.menu a:visited { display:block;	width:160px; margin: 0 0 7px 7px; padding: 5px;
	border: 0; 	border-left: 5px #aaa solid;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; font-size: 15px;	font-weight: bold;
	background-color: #B5C9B4; color: #074381;
}
.menu a { display:block;	width:160px; margin: 0 0 7px 7px; padding: 5px;
	border: 0; 	border-left: 5px #aaa solid;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; font-size: 15px;	font-weight: bold;
	background-color: #B5C9B4; color: #074381;
}
.menu a:hover { border-left-color: blue;
	background-color: #B5C9B4;
	color: blue;
}
/* x-ray-style menu */
.nav { float: left; width: 200px;
  margin: 15px 5px 10px 15px;
	padding: 0;
	background-color: transparent;
}
.nav-top { background-image: url('../img/xray-frame-top.gif'); background-repeat: no-repeat; height: 12px; }
.nav-bot { background-image: url('../img/xray-frame-bot.gif'); background-repeat: no-repeat; height: 15px; }
.nav-body { background-image: url('../img/xray-frame-bg.gif'); background-repeat: repeat-y; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.05em;	font-weight: bold;
}

.nav-body ul { list-style-type: none; 
  padding: 0; padding-top: 3px;
  margin: 0; margin-left: 18px; 
}
.nav-body ul li { padding: 0; margin: 0; margin-top: 5px; }
.nav-body ul li.first { margin-top: 0;  }
.nav-body a { display:block; width: 156px; height: 41px; 
  margin: 0;
  padding: 0; padding-top: 10px;
  text-align: center;
	text-decoration: none;
	background-image: url('../img/xray-button.gif'); background-repeat: no-repeat;
	color: white;
}
.nav-body a:visited { color: white; }
.nav-body a:hover { color: yellow; }
.nav img { border: 0; }

img { border: 1px black solid; }
img.no-border { border: 0; }

/* main */
.maincontainer { float: right; 
	width: 730px; width: 700px;
	margin: 0;
	padding: 10px;
	background-color: white; background-color:#FFF7DD;
}

.main { /* float: left; */ width: 600px; /* border: 1px red dotted; */ overflow: hidden; }
.right-stack { float: right; /* width: 200px; */ margin:0; padding: 5px;  }

.footer { clear: both; width: 700px; margin: 0 auto; text-align: center; font-size: .9em; }
.footer p { margin: 0; padding: 0; padding-bottom: 2px; }
.footer .fmenu { margin-top: 10px; margin-bottom: 3px; }
.footer .f-address { margin: 0; }
.footer .f-copyright { padding-bottom: 10px; font-style: italic; font-size: .8em; }

.footer a:visited { text-decoration:none; color: #074381; padding: 2px 3px; }
.footer a { text-decoration:none; color: #074381; padding: 2px 3px; }
.footer a:hover { background-color: #B5C9B4; color: blue;  }

/* Generic Styles */	
.asterisk, .req-fld { font-weight: bold; color: maroon; }
.mark-notice { color: maroon; }
.mark-okay { color: green; }
.clearme { clear: both; }
.center, .centerme { text-align: center; }
.fineprint { font-size: .75em; font-style: italic; }
.smallprint { font-size: .85em; font-style: italic; }
.hfvis { display: none; visibility: hidden; }
.img-l { float: left; margin-right: 7px; margin-bottom: 5px; }
.img-r { float: right; margin-left: 10px; margin-bottom: 5px; }
.img-tl { float: left; padding: 0; margin: 0 10px 3px 0; }
.img-tr { float: right; padding: 0; margin: 0 0 3px 10px; }
.markred { color: red; }
.nospacing { margin:0; padding:0; }
.nobottom { margin-bottom: 0; padding-bottom: 0; }
.sup { vertical-align: super; font-size: 75%; }

/* Office Hours */
table.office-hours { border-collapse: collapse;
  font-size: .9em;
}
table.office-hours td { padding: 1px 10px; }
table.office-hours th { background-color: #CFFAD1; font-weight: bold; text-align: center;
}

table.generic-table { border-collapse: collapse; font-size: .9em; 
  background-color: #e9cea3; border: solid 1px #725436; 
}
table.generic-table td {vertical-align: top; 
  border-bottom: 1px #725436 solid;
  padding: 2px 10px 2px 3px;
}

/* -------------------------------------------------------------------------------------------------------- */
/* Styles below are for content elements */

.menunotearea {
	margin: 7px; margin-top: 20px;
	padding: 5px;
	border: 1px black dashed;
	background-color: #FFFF84;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.menunotearea p { margin: 0; margin-bottom: 5px; }
.orgs { text-align: center; margin: 10px 0px 5px 0; }
.orgs img { border: 0; margin: 0; padding: 7px 0; }

ul.bulletpoints { margin-left: 2em; margin-bottom: 1em; }
ul.bulletpoints li { margin: 0; padding: 0; }
	
.updatedate { font-size: 75%; font-style: italic; }

.phpresponsemsg { margin: 30px 30px 200px 30px; padding: 0px 10px 0px 10px;
	border: 2px black dashed; background-color:#ff9; color:maroon; 
	}
.phpresponsemsg h2 { color:maroon; }

.aboutushead { margin-bottom: 0; }
.aboutussubhead { font-size: 11px; font-style: italic; margin-top:0; }

/* Styles for bio page */
.headshotsleft { float:left; padding: 0; margin: 0 1em .25em 0; border: 1px black solid; }

.google-map { border: 1px black solid; }

/* ============================= forms ============================= */
.contact-form { margin-top:15px;}
.contact-form col.f-legend { /* width: 125px; */ }
.contact-form col.f-field  {  }
.contact-form td.f-legend {
  text-align: right; font-size: .9em; font-style: italic;
  padding-right: 10px;
  padding-left: 0;
}
.contact-form td.f-legend-2 { padding-left: 0; font-size: .9em; font-style: italic; }

.contact-form input {
  background-color: #e9cea3; padding: 1px 0 2px 3px; margin-top: 3px; border: solid 1px #725436; 
}
.contact-form textarea { width: 400px;
  background-color: #e9cea3; padding: 1px 0 2px 3px; margin-top: 3px; border: solid 1px #725436; 
  font-family: Arial, Helvetica, sans-serif; font-size: .9em;
}