/* Default Style Sheet for DDS */
/* Default Body styles */
html, body {margin:0; padding:0; width:100%; height:100%;vertical-align:top;}
html {}
body {font-size:12px; font-family:Arial;}
body#page {text-align:center; color:#000;overflow-y: scroll;}
#retainer {width:850px; margin:0 auto; text-align:left; position:relative;}
div, p, img {border:0;}
p {margin:0 0 10px; padding:0;}
hr {height:1px; border:0; clear:both; color:#ccc; background:#ccc;}

ol, ul {list-style-position:outside;margin:0;padding:10;}
table {margin:0 auto;}

/* Anchor Styles */
a, a:link, a:visited {color:#fff; text-decoration:underline;}
a:active, a:hover, a:focus {outline:none;}
a[name] {color: #000; text-decoration: none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin:0; padding:0; font-weight:normal; color:#000000
;}
h1 {font-size:24px;}
h2 {font-size:18px;}
h3 {font-size:14px; font-weight: bold;}
h4 {font-size:12px; font-weight:  bold;}
h5 {font-size:10px;}

/* Image alignment/spacing classes */
.alignleft {margin: 0 15px 15px 0; float: left;}
.alignright {margin: 0 0 15px 15px; float: right;}

/* definition lists */
dl {}
dl dt {font-weight:  bold;}
dl dd {}

/*  Header Styles */
#header {width:100%; height:144px/* Must match this to the padding on the  mainContent div */; line-height:65px; clear:both; position:absolute; top:0; left:0;}
#header  p#logo {margin:0 10px; font-size:20px; font-weight:bold;}

#search {position:absolute; top:10px; right:10px; z-index:10; width:171px;}
#search  input.txtSearch {position:absolute; top:0; left:0; z-index:10; width:138px; height:18px; margin:0; padding:0 5px; font-size:11px; color:#fff; border:solid 1px #6b9bc3; background:#a8c4dc;}
#search  input.btnSearch {position:absolute; top:0; left:151px; z-index:10; border:solid 1px #6b9bc3; background:#a8c4dc;}

/* Menu Styles */
#siteMenu {}
#Menu {margin:0; padding:0; list-style:none;}
#Menu li {}
#Menu li a, #Menu li a:link, #Menu li a:visited {}

#subNavigation  {display:none;}

/*  Content Area Styles */
#mainContent  {clear:both; min-height:1px; position:relative; margin:0 0 20px; padding:100px 0 0;}

/*  Slideshow */
#slideShow {width:655px; height:150px; overflow:hidden; margin:0 0 15px;}
#slideShow a, #slideShow a:link, #slideShow a:visited {display:block;}
#slideShow a  img {}

/* Photo gallery styles */
#photogalleryContainer {margin:0 0 0 65px}
#photoLargeImage {position:relative; width:515px; height:385px; text-align:center; overflow:hidden;}
#photoLargeImage img {margin: 0 auto; position:absolute; top:0; left:0; z-index:20; width:515px; height:385px;}
#photoLargeImage p#imageDescription  {position:absolute; bottom:0; left:0; z-index:40; width:100%; margin:0; padding:0;}
#photoLargeImage  p#imageDescription span {display:block; padding:5px;}
#photoItems  {margin:5px 0; width:520px;}
.photoItem {float:left; margin:0 5px 15px 0; width: 125px; cursor:pointer; position:relative;}
.photoItem p.desc {display:none;}
#photoItems img  {position:relative; z-index:10;}
#photoItems  a img:hover {opacity:0.85;}
.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position: center 45%;}

/*  Technology page styles */
#technology  {}
#technology  ul {list-style: none; margin: 0; padding: 0;}
#technology ul  li {margin: 0 0 15px; padding: 0; display: block; clear: both;}
#technology ul  li img {float: left; margin: 0 10px 15px 0;}

/* Footer Styles */
#footer {font-size:0.9em; clear:both; height:40px; border-top:solid 1px #ddd; line-height:2em;}
#footerMenu  {font-size:0.9em; clear:both; padding:3px 0; text-align:center; border-bottom:solid 1px #ddd;}
#footerMenu ul  {margin:0 auto; padding:0;}
#footerMenu  li  {list-style:none; padding:0 5px; display:inline; border-right:solid 1px #ddd;}
#footerMenu  a  {text-decoration:none;}
#footerMenu a:hover {text-decoration:underline;}
#weatherbug {width:100%; margin:10px 0; text-align: center;}
.wow_container  {margin:0 auto; width:728px;}

/*  Pagination */
.pagination {clear:both; display:block; line-height:25px; text-align:right;}
.pagination a, .pagination a:link, .pagination a:visited {padding:0 2px; text-decoration:none; font-size:12px; font-weight:bold;}
.pagination a.prevNext, .pagination a.prevNext:link, .pagination a.prevNext:visited {font-size:16px;}
.pagination span.current {font-weight:bold; padding:0 2px; color:#000;}

/*  Contact Form */
.hidden {display:none;}
dl.contactForm {width:400px;}
dl.contactForm dt  {width:150px; min-height:22px; float:left; display:block; margin:0 0 5px; padding:0; clear:left;}
dl.contactForm dd {width:225px; min-height:22px; float:right; display:block; margin:0 0 5px 10px; padding:0; clear:right; position:relative;}
dl.contactForm dd  span.error {position:absolute; top:0; left:230px; display:block; width:auto; color:#f00; font-weight:bold; white-space:nowrap;}
dl.contactForm dd.inputText input {width:225px; border:solid 1px #ddd;}
dl.contactForm dd textarea {width:225px; height:75px; border:solid 1px #ddd;}

/* Misc Styles */
.clear {clear:both; min-height:1px; /*fixes a bug  in IE 7*/}
.noMargin {margin:0;}
.noPadding {padding:0;}
.alignRight {text-align:right;}
.block {display:block;}
.marginFix {height:0px; line-height:0; overflow:hidden; background:transparent;} /* This is used to "fix" the collapsing top and  bottom margin issue with nested DIVs (Not a bug!). */
.listItemImage  {display:block;float:left; padding:0 15px 15px 0;}
.divAddControl  {margin: 25px 0 0;}
.divEditDeleteControls {margin: 25px 0 0;}
.errorMsg, .error {color: #cc0000;}
div.left {float: left; width: 48%; text-align: left;}
div.right {float: left; margin: 0 0 0 2%; width: 48%; text-align: left;}
.center {text-align: center !important;}
a.lnkBlank {}
.none {list-style:none;margin:0; padding:0;}
.leftContainer  {float:left; margin:0 10px 10px 0;}
.rightContainer  {float:right; margin:0 0 10px 10px;}
.testimonial {font-style:italic;margin:0;}
.testimonialName {font-weight:bold;text-indent:5px;}
#footerMenu li.last {border:0 none !important;}

/* General form styles */
.editForm div {clear: both; margin: 0 0 10px 0;}
.editForm label {float: left; margin: 0 10px 0 0; width: 33%;}
.editForm span {float: left; width: 60%;}
.required {font-weight:  bold;}
.editForm span  > p {display: block; width: 49%; float: left; line-height:  normal; margin: 0 0 7px 0; padding: 0; white-space:  nowrap;}
.editForm textarea {width: 100%; height: 150px;}
.editForm fieldset  {clear: both; float: left; margin: 0 0 10px 0; width: 100%; height: 300px; border: 1px #ccc solid;}
.editForm fieldset .inner {padding: 5px 10px 0 10px; height: 273px; overflow: auto;}
.editForm legend {margin: 0 0 0 10px;}
.editForm .radioGroup span {display: block; width: 60px; float: left; line-height:  normal; margin: 0; padding: 0;}
.editForm div#captcha {}
.editForm div#captcha div {margin: 0;}

/*  Appointment form styles */
.appointmentForm {}
.appointmentForm  div {clear: both; margin: 0 0 15px;}
.appointmentForm  label {float: none; display: block; margin: 0 0 2px; width: 100%;}
.appointmentForm  span {float: none;display: block; margin: 0 0 15px; width: 100%;}
.appointmentForm  input[type=text] {width: 200px;}
#officeConvenience  {display: none;}

/*  Misc form field styles */
.width100 >  input {width: 100px;}
.width150 > input {width: 150px;}
.width200 > input {width: 200px;}
.width300 > input {width: 300px;}

span.divEditControls {}
span.divEditControls a {padding:0 5px;}

div.checkbox label  {display:inline; font-weight:normal; margin:0; padding:0; color:#000; background:Transparent;}
.divEditBlock div.checkbox {margin:0;}
.divEditBlock  div.checkbox input {width:auto;}

/*  Custom Tabs Styles */
#customTabs  {min-height:200px; clear:both; margin:40px 0 0; position:relative; border:solid 1px #b5bfbf;}

#customTabs  dl#nav {/*margin:-32px 0 0 -1px;*/margin:0; padding:0; list-style:none;}
#customTabs  dl#nav dt {cursor:pointer; line-height:30px; float:left; display:inline; position:relative; margin:0 2px 0 0; padding:0; width:auto; height:30px; border:solid 1px #b5bfbf; background:#fff;}
#customTabs  dl#nav dt.current {line-height:31px; height:31px; border-bottom:0px; background:#e9f0f0;}
#customTabs dl#nav dt a, #customTabs ul#nav dt a:link, #customTabs ul#nav dt a:visited {display:block; padding:0 20px; text-align:center; color:#e0393e; font-size:14px; font-family:Palatino Linotype; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#customTabs dl#nav dt.current a, #customTabs ul#nav dt.current a:link, #customTabs ul#nav dt.current a:visited {color:#000;}
#customTabs  dd.tabContent {margin:0; padding:20px; clear:both;}
#customTabsCorner {position:absolute; right:-1px; bottom:-1px;}

/* Temporary Style to be Replaced by code in the  next publish */
div#mainUIDiv {  text-align: left; }
div.center p {text-align:center!important;}