body {text-align:center;color: #000;font-size:62.5%;line-height:16px;font-family:verdana, helvetica, arial, sans-serif;margin:0;background: #ffffff;} body.plain {text-align:left;background: transparent;margin:0;display: inline;} a, a:link, a:visited { color: #535353;text-decoration: underlined;} a:active, a:hover { color: #333333;} a.plain, a.plain:link, a.plain:visited { color: #FFFFFF;text-decoration: underline;} a.plain:active, a.plain:hover { color: #374C68;text-decoration: none;} a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active {background: transparent url("/_img/elements/pdf-icon.gif") no-repeat;padding-left:21px;padding-bottom:5px;} a.dte:link, a.dte:visited, a.dte:hover, a.dte:active {background: transparent url("/_img/elements/dte-icon.gif") no-repeat;padding-left:21px;padding-bottom:5px;} /**** Typography ****/ h1 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 2em; line-height: 1.0em;font-weight: normal; margin: 0 0 .5em; color: #374C68;} h1.title {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 14px; line-height: 1.5em;font-weight: normal; margin: 0.3em 0 .5em; color: #374C68;width:450px;} h1.titleSM {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1.2em; line-height: 1.5em;font-weight: normal; margin: 0.3em 0 .5em; color: #374C68;width:450px;} h2 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1.4em; line-height: 1.0em;font-weight: normal; margin: 0; color: #808D9F;} h2.introtext {font-family:futura, verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 16px; line-height:20px;font-weight: normal; margin: 0 0 2.5em 0; color: #808D9F;} h2.project {font-family:futura, verdana, geneva, arial, helvetica, sans-serif; text-align:right; font-size: 14px; line-height:18px;font-weight: normal; margin: .3em .8em 0 0; color: #FFFFFF;} h3 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1.2em; line-height: 1.6em; font-weight: bold; margin-top: 0; margin-bottom: 0; color: #000000;} h4 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1.1em; line-height: 1.6em; font-weight: bold; margin-top: 0; margin-bottom: 5px; color: #6E7A8D;} h5 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1em; line-height: 1.4em; font-weight: bold; margin-top: 5px; margin-bottom: 3px; color: #374C68;} h6 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1em; line-height: 1.4em; font-weight: bold; margin: .5em 0 .2em; color: #000000;} p {margin: 0 0 1em;font-size:10px;} ul {margin: 0 0 1em;} li {margin-bottom:5px;font-size:10px;} hr {margin: 1em 0;background:#dfdfdf;height:1px;color:#dfdfdf;border:none;clear:both;} .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} .small {font-size:.9em; color:#333;} .light {color:#999;} .error {color:#990000;font-weight:bold;} .quote {color:#374C68;} /**** Layout ****/ #frame {width:980px;margin-top:10px;margin-right:auto;margin-left:auto;padding:0;text-align:left;font-size:10px;} #header {width:980px;height:45px;text-align:left;margin:0;padding:0;} #rotator {margin:0;padding:0;} /* LOGO */ #logo {position:absolute;top:10px;width:270px;height:35px;margin:0;color:#374C68;border:0;padding:0 0 0 5px;float:left;} div#logo h1 {background: transparent url(../_img/elements/townline_logo.gif) no-repeat;} div#logo h1 a {font: 1.8em Verdana, Geneva, Helvetica, sans-serif; display: block; text-indent: -9999px; border: 0px;text-decoration: none;height: 35px;} div#logo h1 a:hover {background: transparent;} #quickselect {position:relative;float:right;margin:0;padding:5px 5px 0 0;} /* Top Nav List */ #topnav {background:#000000;width:980px;height:21px;margin-bottom:10px;margin-top:0;padding:0;background: #000000 url(../_img/elements/topnav_bg.jpg) repeat-x;} #navblock {float:left;} #nav, #nav ul {line-height:1.4em;padding:0;margin:0;list-style:none;display:block;float:left;} #nav a {display:block;border-bottom:none;color:#fff;padding:3px 10px 3px 10px;font-weight:bold;text-decoration: none;} #nav a.active {background: #374c67 url(../_img/elements/topnav_bg_hover.jpg) repeat-x;} #nav a:hover {color:#fff; border-bottom:none;background: #374c67 url(../_img/elements/topnav_bg_hover.jpg) repeat-x;} #nav li { float:left; margin:0; padding:0;height:21px;display:block;} #nav li:hover ul, #nav li.sfhover ul {left:auto;} *>html #navblock ul {f\loat: left;margin-top:0;} /*IE 5 Mac hack */ *>html #nav a {f\loat: left;} /*IE 5 Mac hack */ #nav li ul { position:absolute;left:-999em;top:76px; width:150px; height:auto; margin:0; padding:0px; background: #EDEFF2; display:block;list-style:none;z-index:1000;} #nav li li {height:auto;margin:0;padding:2px 0;width:100%;font-size:10px;} #nav li li span {margin:0;padding:2px;display:block;position:relative;font-size:1em} #nav li li a {color:#374C68;text-decoration:none;display:block;font-weight:normal;} #nav li li a:hover {color:#577493;text-decoration:none;background:#E4E6EA;} *>html #navblock ul {f\loat: right;margin-top:0px;} /*IE 5 Mac hack */ *>html #nav a {f\loat: left;} /*IE 5 Mac hack */ #content {clear: left;} #dtecontent {margin:25px auto 0 auto;width:450px;border:10px solid #fff; background:#FFFFFF; text-align:left;} #dtecontentWide {margin:25px auto 0 auto;padding:0;width:775px;border:10px solid #fff; background:#FFFFFF; text-align:left;} #awardscontent {margin:10px;width:600px;} #textplain {width:500px;} #homeTop {width:980px;background:#fff;padding-bottom:10px;margin:0;} #homeLeft {width:584px;margin-right:10px;float:left;} #homeRight {width:366px;height:268px;margin:0;float:left;background: url(../_img/home/homeside_bg.jpg) bottom no-repeat;padding:40px 10px 10px 10px;} #homeBottom {width:980px;} #homeBottom span {float: left;margin-right:10px;} #projectTop {width:980px;background:#fff;padding-bottom:10px;margin:0;} #projectLeft {width:584px;height:314px; margin-right:10px;padding-top:2px;float:left;} #projectRight {width:386px;height:314px;background: url(../_img/elements/blue_grad.jpg) bottom no-repeat;padding:0;float:left;overflow:hidden;} #projectBottom {width:980px;} #projectBottom span {float: left;margin-right:10px;} #wideLeft {width:554px;height:480px;margin-right:10px;padding:5px 15px 0 15px;float:left;background: url(../_img/elements/widebg.jpg) bottom no-repeat;} #wideLeft p {margin-right:20px;} #mapLeft {width:584px;height:480px;margin-right:10px;padding-top:2px;float:left;background: url(../_img/elements/widebg.jpg) bottom no-repeat;} #splitLeft {width:485px;height:485px;margin-right:5px;overflow:hidden;float:left;} #splitLeft.volume2 {background: url('../_img/connect/volume2.jpg') bottom no-repeat;} #splitRight {width:485px;height:485px;margin-left:5px;overflow:hidden;float:left;color:#fff;} #connectLeft {width:584px;height:485px;margin-right:10px;float:left;background: #fff url('../_img/connect/widegrey-bg.png') bottom no-repeat;} #connectLeft p {margin-right:20px;} #connectRegister {width:584px;height:485px;margin-right:10px;float:left;background: #fff url('../_img/connect/widegrey-reg-bg.png') bottom no-repeat;} #connectRegister p {margin-right:20px;} #connectRight {width:386px;height:485px;margin:0;float:left;background: url('/_img/elements/longblue_grad.jpg') bottom no-repeat;} div.connectBottom {width:450px;height:33px;padding:15px;color:#FFF;} div.connectTop {width:554px;height:400px;padding:15px;color:#FFF;} div.connectTop h5 {color:#fff;font-size:1.1em;text-indent: -9999px;height:100px;margin-top:100px;} div.connectTop h3 {color:#fff;font-size:1.1em;margin-top:100px;} div.connectTop a, div.connectTop a:link, div.connectBottom a:visited { color: #9da5b1;} div.connectTop a:active, div.connectTop a:hover { color: #CCC;text-decoration: underlined;} div.volumenav {width:215px;padding:15px;background:#425c82;opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);margin: 250px 0 0 75px;text-align:center;position:absolute;z-index:2;top:0px;} div.volumenav h3 {text-align:center;color:#fff; margin-bottom:10px;} div.volumenav p {text-align:center;color:#fff;font-size:1.2em;} div.volumenav a, div.volumenav a:link, div.volumenav a:visited { color: #bcc3cd;text-decoration:none;} div.volumenav a:active, div.volumenav a:hover { color: #FFF;text-decoration: underlined;} #textcontent {width:554px;height:470px;overflow:auto;} #textcontent p {margin-right:20px;} #Greenmailcontent {width:554px;height:440px;overflow:auto;} #Greenmailcontent p,h6,h5,h4,hr {margin-right:20px;} .deactivateright {padding:5px;text-align:right;} #textcontentshort {width:554px;height:376px;overflow:auto;} #textcontentshort p {margin-right:20px;} #shortRight {width:386px;height:485px;margin:0;float:left;overflow:hidden;} #rightTop {width:386px;height:314px;background: url(../_img/elements/yellow_grad.jpg) bottom no-repeat;margin-bottom:10px;padding:0;} #rightTopNews {width:346px;height:295px;background: url(../_img/elements/yellow_grad.jpg) bottom left no-repeat;margin-bottom:10px;padding:10px 25px 10px 15px;overflow:hidden;} #rightTopYellow {width:346px;height:295px;background: url(../_img/elements/yellow_grad.jpg) bottom left no-repeat;margin-bottom:10px;padding:10px 25px 10px 15px;overflow:auto;} #rightTopBlue {width:346px;height:295px;background: url(../_img/elements/blue_grad.jpg) bottom left no-repeat;margin-bottom:10px;padding:10px 25px 10px 15px;overflow:hidden;} #rightBottom {width:386px;height:160px;} #rightBottom span {float: left;margin-right:10px;} #yellowRight {width:366px;height:463px;margin:0;padding:10px;float:left;background: url(/_img/elements/longyellow_grad.jpg) bottom no-repeat;} #contactLeft {width:584px;height:480px;margin-right:10px;float:left;} #contactLeft span {float: left;margin-right:10px;} #contactMap {width:584px;height:314px;background: url(../_img/contact/map_bottom.jpg) bottom no-repeat; margin-bottom:10px;} #contactRight {width:366px;height:463px;margin:0;padding:10px;float:left;background: url(/_img/elements/longblue_grad.jpg) bottom no-repeat;} #contactInfo {width:366px;height:140px;background: url(../_img/contact/dblgtbrn_block.jpg) bottom no-repeat;float:left;padding:10px;} /**** Blog V2 (scrolling) ****/ #blogLeft {width:554px;margin-right:10px;padding:5px 15px 0 15px;float:left;background: #d4d9df url(../_img/elements/widebg.jpg) top no-repeat;min-height:386px;} #blogLeft p {margin-right:20px;} #blogRight {width:366px;padding:10px;margin:0;background: url(/_img/elements/longyellow_grad.jpg) bottom left no-repeat;float:left;overflow:hidden;min-height:386px;} #blogcontent {width:554px;} #blogcontent p {margin-right:20px;} #footer {width:970px;height:36px;font-size: 10px;background: #969FAE url(../_img/elements/footer_bg.jpg) repeat-x; color:#ffffff;padding:2px 5px 0 5px;margin:10px auto 10px auto;text-align:left;display:block;} #footer a { color: #ffffff; text-decoration: none;padding:0 5px;} #footer a:hover { color: #e7f0fc; text-decoration: underline;} #projectlink {margin-bottom:5px;height:16px;width:180px;background: url("/_img/projects/linkbg.gif") no-repeat;} #projectlink a:link, #projectlink a:visited {padding:3px 0 0 5px;color:#000000;text-decoration:underline;} #projectlink a:hover, #projectlink a:active {color:#333333;text-decoration:none;} table.projectInfo {margin:5px;font-size:10px;line-height:1.4em;padding:0;} table.projectInfo td.left {width:193px; margin-right:10px;padding-bottom:5px;height:225px;} table.projectInfo td.right {width:183px;padding-bottom:10px;height:225px;} /**** Image Stufff ****/ img {border: 0;} img.floatleft {float: left;} img.floatright {float: right;} img.mapbutton {margin-bottom:5px;} div.spacer {clear: both;} img.border {border:1px #D3D3D3 solid;padding: 3px;background-color: #fff;} .BasicInput {font-size:11px;padding:3px; border:1px solid #2a2a2a;background:#fff;} .selectbox { font-size:11px;padding:3px; border:1px solid #2a2a2a;background:#fff; behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0); } .FormDefinition {font-size:1em; font-weight:bold;color:#2a2a2a;} .FieldDefinition {font-size:1em; font-weight:bold;color:#2a2a2a;} input.FormButton {font-weight: bold; font-size: 1em; color: #FFFFFF; background: #2a2a2a; } optgroup {font-style:normal;} .buttons a, .buttons button{ display:block; float:left; margin:0 5px 0 0; background-color:#808D9F; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:verdana, helvetica, arial, sans-serif font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#FFFFFF; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } .buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } .buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ } .buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } button:hover, .buttons a:hover{ background-color:#374C68; border:1px solid #ffffff; color:#ffffff; } .buttons a:active{ background-color:#657A93; border:1px solid #6299c5; color:#fff; } div.contactbuttons {background: url(../_img/contact/btn_bg.gif) center no-repeat;width:303px;height:21px;margin: 0 auto 0 auto;margin-bottom:20px;} div.contactbuttonsbig {background: url(../_img/contact/btn_bgbig.gif) center no-repeat;width:303px;height:33px;margin: 0 auto 0 auto;margin-bottom:20px;line-height:14px;} a.contact { color:#ffffff; text-align:center;text-decoration:none; font-weight:bold;display:block;padding-top:2px;} a.contact:hover, contact:hover{color:#374C68;width:303px; } a.contact:active{color:#fff; } .showhide { display: none; }