@charset "utf-8";
/* CSS Document */
@import url("/navmenu.css");

@media screen {
body {margin: 11px 0 0 0; background-image: url(../images/gif/bg_page.jpg); background-position: center; background-repeat: repeat-y; z-index:0;}

/* topbar */
table.topbar {font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000;}
/*table.topbar a {font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000; text-decoration: none; padding: 0px 5px 0px 5px;}
table.topbar a:hover {text-decoration: underline;}
table.topbar a:visited, a:active {text-decoration: none; }*/

table.topbar a {font: normal 11px Verdana; color:#009900; text-decoration: none;}
.imgbutton { margin-top: 3px;}
.sublinks { padding-bottom: 8px;}
table.topbar a:hover {text-decoration: underline; color:#0099CC}
table.topbar a:visited, a:active {color: #0066CC}

table.topbar input {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#000; margin-right: 5px; background-color:#e0e0e0;}

/* Container Elements */
table.container {background: url(../images/gif/bg_content_gradient.gif) top left repeat-x; }
.container a:link, .container a:visited, .container a:active {font: normal 11px Verdana; color:#006699; text-decoration: underline;}
.container a:hover {text-decoration: underline; color:#0099CC}
.linkline { padding-bottom: 14px; border-bottom: 0px solid #ccc; }
td.container {padding-top:8px;}
table.border-dark {border: 1px solid #BBB; }
td.border-light {border: 1px solid #e0e0e0;}
table.blog { height: 102px; background-image: url(../images/gif/blog_logo.gif); background-position: bottom left; background-repeat: no-repeat; background-color: #FFF;}
td.blog { padding: 15px 10px 3px 10px; font: normal 11px Verdana; color:#000; }
td.masterplan { height: 64px; padding: 15px 10px 3px 10px; font: normal 11px Verdana; color:#000; background-color: #FFF;}
table.news, table.events {  }
td.news, td.events { padding: 11px 7px 7px 7px; font: normal 11px Verdana; color:#000; background-color: #FFF;}
td.news p, td.events p { margin: 0 0 10px 0; }

/* Navigation Syles */
td.grey-bar {background-color:#e0e0e0;}

/* image padding and spacing */
.img-left {margin: 0px 0px 10px 15px; }

/* heading tags ON INDEX ONLY*/
h6 		   { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#666; padding:0px 0px 0px opx; margin: 0px 0px 5px 0px;}
h6.callout { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#FFF; padding:5px 0px 5px 0px; margin: 0px; background-color: #666;}
h6.heading { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#666; padding:0px 0px 0px 5px; margin: 8px 0px 0px 0px; background-image:url(../images/gif/bg-heading.jpg); background-position:left; background-repeat:repeat-x;}

/* index page content styles on white */
td.index-content {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000; padding:5px; background-color: #fff;}
td.index-content p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000; margin-top:5px;}
/*td.index-content a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#ff3000; text-decoration: none;}
td.index-content a:hover {text-decoration: underline; color:#ff3000;}
td.index-content a:visited, a:active {text-decoration: none; color:#ff3000;}*/
td.index-content a {font: normal 11px Verdana; color:#006699; text-decoration: underline; padding: 0px 10px;}
td.index-content a:hover {text-decoration: underline; color:#333333}
td.index-content a:visited, a:active {color: #006699}


/* index page content styles on grey */
td.index-content-grey {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000; padding:5px;}
td.index-content-grey  p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000; margin-top:5px;}
/*td.index-content-grey a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#ff3000; text-decoration: none;}
td.index-content-grey  a:hover {text-decoration: underline; font-weight: bold; color:#ff3000;}
td.index-content-grey  a:visited, a:active {text-decoration: none; font-weight: bold; color:#ff3000;}*/
td.index-content-grey a {font: normal 11px Verdana; color:#009900; text-decoration: underline; padding: 0px 10px;}
td.index-content-grey a:hover {text-decoration: underline; color:#0099CC}
td.index-content-grey a:visited, a:active {color: #0066CC}

/* content */
td.content {font: normal 11px Verdana; color:#000; line-height: 18px; background: #fff url(../images/gif/bg_content.jpg) top right no-repeat; padding: 25px;}
td.content h2 { font: bold 16px Verdana; color:#8fb62d; margin: 5px 0px 24px 0px; }
td.content h3 { font: bold 14px Verdana; color:#8fb62d; margin: 0px 0px 10px 0px;}
.content p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333; margin: 0px 10px 13px 0px; line-height: 18px; width:500px; }
td.content b, td.content strong { font-weight: bold; color: #8fb62d; }
td.content a:link {font: normal 11px Verdana; color:#006699; text-decoration: underline;}
td.content a:visited, td.content a:active {color: #006699; text-decoration: underline;}
td.content a:hover {text-decoration: underline; color:#009999}
td.content img.center {display: block; margin: 0 auto; border: 3px solid #FFF;}
td.content img.left { margin-right: 25px; margin-bottom: 30px; float: left; border: 3px solid #FFF;}
td.content img.right { margin-left: 25px; margin-bottom: 30px; float: right; border: 3px solid #FFF; }
.content ul { margin: 15px 5px 20px 5px; padding: 15px; border-top: 1px solid #999; border-bottom: 1px solid #999; width: 445px; }
.content li { margin: 0; padding-bottom: 10px; padding-left: 15px; width: 445px; color: #333; font-size: 10px; list-style: none; background: url(../images/gif/bullet_green.gif) left top no-repeat;}

/* index page quick links boxes */
td.box-blue-title { padding: 0px 0px 0px 17px; margin:0px; font: bold 12px Verdana; color:#FFF; text-transform: uppercase; background-image:url(../images/gif/bg-title-blue.gif); background-position:left; background-repeat:no-repeat;}
td.box-blue-title p { margin: 0; padding: 0;}
td.box-blue {background-image:url(../images/gif/bg-box-blue.gif); background-position:left; background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFF; padding: 0px 17px 0px 17px; margin:0px;}
td.box-blue input {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#000; margin-right: 5px; background-color:#e0e0e0;}

td.box-green-title {padding: 0px 0px 0px 17px; margin:0px; font: bold 12px Verdana; color:#FFF; text-transform: uppercase; background-image:url(../images/gif/bg-title-green.gif); background-position:left; background-repeat:no-repeat; padding: 0px 0px 0px 17px; margin:0px;}
td.box-green-title p { margin: 0; padding: 0;}
td.box-green {background-image:url(../images/gif/bg-box-green.gif); background-position:left; background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFF; padding: 0px 17px 0px 17px; margin:0px;}
td.box-green input {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#000; margin-right: 5px; background-color:#e0e0e0;}

td.box-org-title { padding: 0px 0px 0px 17px; margin:0px; font: bold 12px Verdana; color:#FFF; text-transform: uppercase; background-image:url(../images/gif/bg-title-org.gif); background-position:left; background-repeat:no-repeat; padding: 0px 0px 0px 17px; margin:0px;}
td.box-org-title p { margin: 0; padding: 0;}
td.box-org {background-image:url(../images/gif/bg-box-org.gif); background-position:left; background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFF; padding: 0px 17px 0px 17px; margin:0px;}
td.box-org input {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#000; margin-right: 5px; background-color:#e0e0e0;}

#fixHeight {height:389px;overflow:hidden;}
table.feature { margin: 0 0 0 0; width:479px; border:1px solid #BBB;padding:3px;}
td.feature { padding: 10px 10px; background-color:#FFFFFF; height:389px;}
td.feature p { font: normal 11px Verdana; color:#333; margin: 0 0 15px 0; }
td.feature img { margin-left: 25px; margin-bottom: 12px; float: right; border: 1px solid #666; }
td.feature h2 { text-transform: uppercase; margin: 0 0 24px 0; line-height: 16px; font: bold 12px Verdana; color: #666;}

/* Section Headers */
h1, h2{font: bold 16px Verdana; color:#8fb62d;}
td.header {background-image:url(../images/gif/bg-header.gif); background-position:left; background-repeat:no-repeat; background-color:#e0e0e0; padding-top:5px;}
td.header h1 {font: 16px Verdana; color:#8fb62d; padding:0px 0px 0px 10px; margin: 1px 0px 5px 0px;}
td.header h1 strong, td.header h1 b {font: bold 16px Verdana; color:#8fb62d;}
td.header h1 em {font: normal 11px Verdana; color:#8fb62d; text-transform: capitalize; letter-spacing: 2px; margin-left: 1px;}


/* Contact Sidebar */
td.contact-box {background-image:url(../images/gif/bg-contact.gif); background-position:left; background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFF; padding: 10px 17px 0px 17px; margin:0px;}
td.contact-box h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#8fb62d; margin:0px 0px 5px 0px;}

/* footer */
table.footer {font: 11px Verdana; color:#000;}
table.footer a {font: normal 11px Verdana; color:#006699; text-decoration: underline; padding: 0px 10px;}
table.footer a:hover {text-decoration: underline; color:#0099CC}
table.footer a:visited, a:active {color: #0066CC}
table.footer hr {color: #666;}
td.spacer {background-color:#e0e0e0;}
td.green {background-color:#006699;}

.menu_bg {background-image: url(../images/gif/nav_bg.gif); background-position: top left; background-repeat: repeat-x; background-color: #383b34; height: 55px;}
td.menu_bg a:link {color: #FFFFFF;}
td.menu_bg a:visited {color: #FFFFFF;}
td.menu_bg a:hover {color: #339900;}
td.menu_bg a:active, td.menu_bg a:focus {color: #339900;}

.quicklinks { width: 135px; margin-right: 8px;} 
.content .p_normal table td p { width: auto; }
.chartdata { border: 1px solid #666; border-collapse: collapse; font: normal 11px Verdana; margin-bottom: 25px; width: 503px; }
.chartdata th { background-color: #CCC; padding: 4px; color: #333; text-align: left; width: 163px;}
.chartdata td { background-color: #EEE; padding: 4px; text-align: left; width: 337px; line-height: 18px; }
.chartdata th.tablehead { background-color: #8fb62d; color: #FFF; border-bottom: 1px solid #666; }
td.content table.chartdata td a:link {font: normal 11px Verdana; color:#009900; text-decoration: underline; line-height: 18px; }
td.content table.chartdata td a:visited, td.content table.chartdata td a:active {color: #0066CC; text-decoration: underline; line-height: 18px; }
td.content table.chartdata td a:hover {text-decoration: underline; color:#0099CC; line-height: 18px; }

p.headshot { height: 130px; }
img.headshot { margin-left: 25px; margin-bottom: 12px; float: right; border: 2px solid #8fb62d; } 
  }

@media print {
.topbar, .header, .footer, .print, div.Main Menu { display: none; }
.container { font: normal 12px Arial, sans-serif; color: #000; line-height: 18px; padding: 0; margin:0; width: 100%;}
.content { width: 100%; background-color: #999;}
p { width: 100%; max-width: 100%; }
}

/* Metamend Logo */
.mm{width:120px;display:block;}
.mm div{top:27px;position:relative;text-align:center;}
.mm a{background: url(../images/gif/seo-services.gif) top center no-repeat;display:block;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#999999;text-decoration:none;height:27px;}
.mm a:hover{background-position:bottom;color:#868686;}

.coloredBox a, .coloredBox a:link, .coloredBox a:visited{color:#D9E8FD;}
.coloredBox a:hover{color:#FFFFFF;}