body {margin:0; padding:0; background:#ccc url('../images/mainbackgroundfade.jpg') repeat-x; color:#000; font-family:Arial, Helvetica, sans-serif; border-top:2px solid #2A4F6F}
html, body {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body {
height: auto;
}

h1 {font-family:Arial, Georgia, "Times New Roman", Times, serif; color:#6FABDA;}
h2 {font-family:Arial, Georgia, "Times New Roman", Times, serif; color:#808080;}
h3 {font-family:Arial, Georgia, "Times New Roman", Times, serif; color:#808080;}
h4 {font-family:Arial, Georgia, "Times New Roman", Times, serif; color:#808080;}
p {color:#595959;}
.bold {font-weight:800;}
img {border:none;}
.small {font-size:75%;}
ul {}
li {color:#595959;}
.right {float:right;}
.left {float:left;}
.textright {text-align:right;}
.textleft {text-align:left;}

a:link, a:visited {color:#bb0000; font-weight:800; text-decoration:underline;}
a:hover {color:#000; font-weight:800; text-decoration:underline;}

div#wrapper {position:relative; margin-left:auto; margin-right:auto; margin-top:10px; width:1020px; text-align:left; padding:0; background:#fff;}
div#container {position:relative; margin-left:auto; margin-right:auto; width:1000px; text-align:left; padding:0; overflow:auto;}

div#header {height:165px; width:100%; margin:10px 0 0px 0; padding:0; overflow:hidden;}

div#mainpic {height:250px; width:900px; border-top:20px solid #fff; border-bottom:20px solid #fff; padding:0; overflow:hidden;}
div#mainpic img {position:absolute; top:20px; left:0px; z-index:-1;}

h1.logo {position:absolute; top:0px; left:0px; margin:0; padding:0; background:url('../images/johnrydelogo.jpg') no-repeat top left; width:480px; height:165px}
h1.logo span {display:none;}

h2 {padding-bottom: 0.2em; border-bottom: 4px solid #b00;}


/*
div#nav {position:relative;width:900px;margin:0;padding:0;background:#fff; height:35px;float:left;text-align:right;}
div#nav ul {margin:0; padding:6px 20px 0 0; font-size:100%; text-align:right;}
div#nav ul a:link, div#nav ul a:visited {color:#6FABDA;font-weight:normal;text-decoration:underline;}
div#nav ul a:hover {color:#000;font-weight:normal;text-decoration:underline;}
div#nav li {list-style-type:none; margin:0; padding:2px 12px 2px 12px; text-indent:0px; float:right;}
*/

#nav {}
#nav ul {margin:0px; padding-left:1px; padding-bottom:1px; background:#2A2A2A;}
#nav li {list-style:none; border-top:1px solid #959595; padding:7px 0 0 31px;}
#nav a {color:#fff; text-decoration:none; border-left:1px solid #959595; padding-left:10px; display:block; width:90%; padding:2px 0 6px 8px; font-weight:normal;}
#nav a:hover {text-decoration:underline; font-weight:normal;}
#nav .important {border:none;}
#nav .important a {color:#E9C379;}

#pdfdownloads h4 {color:#000;margin-top:4px;margin-bottom:8px;}
#pdfdownloads ul {font-size:75%; margin:0px; padding-left:1px; padding-bottom:15px;}
#pdfdownloads li {list-style:none; padding:1px 0px 6px 10px;}
img.document {padding:0px 8px 0px 0px;}

div#contentcontainer {overflow:auto; /* make pay attention to height of floats inside it */ clear:both; margin:0; margin-left:auto; margin-right:auto; width:100%; text-align:left; padding:0 0 10px 0; border:0px solid #E1E5F1;}

div#contentcolumn1 {float:left; width:24.2%; margin:0px 0px 10px 0px;}
div#contentcolumn1 div.top {padding:0 0 10px 0;}
div#contentcolumn1 div.bottom {padding:0px 10px 10px 10px; border:1px solid #E1E5F1;}

div#contentcolumn2 {float:right; width:73.6%; padding:0; font-size:80%;}
div#contentcolumn2 div.top {padding:0;overflow:auto;}
div#contentcolumn2 div.top h2 {margin-top:0;}
div#contentcolumn2 div.bottom {padding:15px 0 0 0; text-align:right;}
p.phone {padding:2px;margin:0px;font-weight:bold;}
p.email {padding:2px;margin:0px;font-weight:bold;}

.right {text-align:right;}
.left {text-align:left;}

div#footer {color:#999;font-size:70%;height:50px;text-align:left;clear:both;padding-top:25px;margin-bottom:10px;background:#ccc url('../images/footerbackgroundfade.jpg') repeat-x;; margin-left:auto; margin-right:auto; margin-top:0}

div.imgborderleft {border:1px solid #066;width:300px;height:280px;float:left;background:#fff;margin:0px 15px 15px 0px;}
div.imgborderright {border:1px solid #066;width:300px;height:280px;float:right;background:#fff;margin:0px 5px 15px 15px;}
img.imagelargeborder {float:left;padding:5px;border:1px solid #066;margin:0px 15px 15px 0px;width:280px;height:210px;}
img.imagelarge {padding:10px;border:0px solid #066;margin:0px;width:280px;height:210px;}

div.imgborderleftportrait {border:1px solid #066;width:230px;height:330px;float:left;background:#fff;margin:0px 15px 15px 0px;}
div.imgborderrightportrait {border:1px solid #066;width:230px;height:330px;float:right;background:#fff;margin:0px 5px 15px 15px;}
img.imagelargeborderportrait {float:left;padding:5px;border:1px solid #066;margin:0px 15px 15px 0px;width:210px;height:280px;}
img.imagelargeportrait {padding:10px;border:0px solid #066;margin:0px;width:210px;height:280px;}

div#buildingphotos {float:right;overflow:auto;}
div.pictureboxborder {border:1px solid #066;width:300px;height:250px;float:left;background:#fff;margin:0px 15px 15px 15px;}
img.picturebox {padding:10px;border:0px solid #066;margin:0px;width:280px;height:200px;}
div.captionbox {text-align:center;}

img.imagesmallfirst {float:left;padding:0px;border:0px solid #066;margin:0px 30px 0px 0px;width:80px;height:60px;}
img.imagesmallmiddle {float:left;padding:0px;border:0px solid #066;margin:0px 30px 0px 0px;width:80px;height:60px;}
img.imagesmalllast {float:left;padding:0px;border:0px solid #066;margin:0px;width:80px;height:60px;}

label
{
  width: 14em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
/*
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
*/
	color: #595959;
	background: #eeeeee;
  vertical-align: top;
  padding: 2px 0px 5px 0px;
}

label.controls
{
	border: 1px solid #fff;
	color: #fff;
	background: #fff;
}

input,
textarea,
select
{
	font-size: 1em;
  font-family:Arial, Helvetica, sans-serif;
  color: #666;
  background: #fff;
  border: 1px solid #E1E5F1;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #F5FAFA;
  border: 1px solid #888;
}

textarea.help
{
	font-size: 0.8em;
  font-family:Arial, Helvetica, sans-serif;
  color: #666;
  background: #eee;
  border: 1px solid #ccc;
}
textarea.help:focus,
textarea.help:hover
{
  color: #666;
  background: #eee;
  border: 1px solid #ccc;
}

input.submit
{
  color: #000;
  background: #CAE8EA;
  border: 2px outset #C1DAD7
}

input.radio {
  background: none;
  border: 0px;
}

.req {color:#bb0000;font-size:90%}
.emp {font-style:italic;}

.googlemap {float:left;padding:0px;margin:0 10px 10px 0;width:300px;height:300px;border:solid 1px #E1E5F1;}