/* Styles for website */

body {background: #a30046 center; padding:0px; margin:0px; border:0; height:100%; font-size:12px; color:#455560; font-family:Arial,Verdana;}

#container {position:relative; clear:both; width:975px; margin-left:auto; margin-right:auto; border: none;}
* html #container {left:50%; right:0; margin-left: -487px; margin-right: 488px;}  /* for internet explorer */

#container .banner {clear:both; width:975px; height:126px; background: url(../../media/images/banner.gif) no-repeat; overflow:hidden;}
#container .banner a {position:absolute; top:10px; left:45px; width:155px; height:100px; text-decoration:none;}

#container .menu {clear:both; height:30px;}

#container .middle {clear:both; width:969px; overflow:hidden; background-color:#ffffff; padding: 10px 3px;}
#container .middle .content {clear:both;}
#container .middle .content .contentImages {clear:both; position:relative; width:969px; overflow:hidden;}
* html #container .middle .content .contentImages {overflow:visible;}
#container .middle .content .contentImages .imageEditor {clear:both; position:relative; width:969px; height:200px;}
#container .middle .content .contentImages .imageEditor .pageTitle {position:absolute; height:43px; line-height:43px; left:20px; padding:0 10px; top:152px; font-size:28px; color:#ffffff; font-family:Trebuchet MS, Arial, Verdana; text-transform:uppercase; background: transparent url(../../media/images/pageTitle-slice.png) repeat-x;}
#container .middle .content .contentImages .imageEditor .pageTitleBar {position:absolute; width:730px; height:5px; line-height:5px; font-size:1px; left:0px; top:195px; background-color:#a30046;}
#container .middle .content .contentImages .staticImage {position:absolute; width:240px; height:200px; top:0px; left:729px; display:none; background:none;}
#container .middle .content .editorAndNavigation {clear:both;margin-top:20px; margin-bottom:10px; overflow:hidden;}
#container .middle .content .editorAndNavigation .editor {float:left; width:668px; line-height:18px; padding:0 30px; /*min-height:350px;*/}
/** html #container .middle .content .editorAndNavigation .editor {height:350px;}*/
#container .middle .content .editorAndNavigation .navigation {float:left; width:240px;}

#container .footer {clear:both; font-size:11px; padding:0 25px; height:30px; line-height:30px; color:#ffffff; background-color:#455560;}
#container .footer a {color:#ffffff;}
#container .footer .links {float:left; width:463px;}
#container .footer .ddg {float:left; width:462px; text-align:right;}

#homepageImagePanel {clear:both; width:969px; overflow:hidden;}
#homepageImagePanel .flashPanel {float:left; width:728px;}
#homepageImagePanel .newsPanel {float:left; width:240px; height:255px; margin-left:1px; background-color:#e3e6e7; overflow:hidden;}

#homepageEditorPanel {clear:both; width:929px;}
#homepageEditorPanel .editorPanel {float:left; width:688px; padding-right:20px;}
#homepageEditorPanel .linkPanel {float:left; width:220px; margin-left:1px;}

#homepageNews {clear:both; width:210px; padding:15px;}
#homepageNews .header {clear:both; margin-bottom:15px; font-size:24px; height:26px; line-height:26px; color:#a30046; font-family:Sans-Serif, Arial, Verdana;}
#homepageNews .homepageNewsArticle {clear:both; line-height:14px; font-size:11px;}
#homepageNews .homepageNewsArticle .restrict {clear:both; height:129px; overflow:hidden;}
#homepageNews .homepageNewsArticle .restrict .headline {clear:both;font-weight:bold;}
#homepageNews .homepageNewsArticle .restrict .intro {clear:both; margin-top:3px;}
#homepageNews .homepageNewsArticle .readMore {clear:both;margin-top:3px;}
#homepageNews .homepageNewsArticle .navigation {clear:both; margin-top:24px;}
#homepageNews .homepageNewsArticle .navigation .lastButton {float:left;width:42px;}
#homepageNews .homepageNewsArticle .navigation .lastButton a {display: block; width:42px; height:15px; background: url(../../Media/Images/last-button.gif) 0 0 no-repeat; text-decoration:none;}
#homepageNews .homepageNewsArticle .navigation .lastButton a:hover {background-position: -42px 0;}
#homepageNews .homepageNewsArticle .navigation .lastButton a:active {background-position: 0px 0;}
#homepageNews .homepageNewsArticle .navigation .progressBar {float:left; width:106px; padding:0 10px;}
#homepageNews .homepageNewsArticle .navigation .progressBar .active {float:left; width:13px; height:15px; background: url(../../Media/Images/navigation-active.gif) no-repeat;}
#homepageNews .homepageNewsArticle .navigation .progressBar .inactive {float:left; width:13px; height:15px; background: url(../../Media/Images/navigation-inactive.gif) no-repeat;}
#homepageNews .homepageNewsArticle .navigation .nextButton {float:left;}
#homepageNews .homepageNewsArticle .navigation .nextButton a {display: block; width:42px; height:15px; background: url(../../Media/Images/next-button.gif) 0 0 no-repeat; text-decoration:none;}
#homepageNews .homepageNewsArticle .navigation .nextButton a:hover {background-position: -42px 0;}
#homepageNews .homepageNewsArticle .navigation .nextButton a:active {background-position: 0px 0;}

#linkMenu {clear:both; width:200px; padding:0 20px; margin: 0 0 25px 0; }
#linkMenu a {color:#455560; text-decoration:none;}
#linkMenu a:hover {color:#a30046;}
#linkMenu .link1 {clear:both; font-size:18px; font-family:Tahoma, Arial, Verdana; font-weight:bold;}
#linkMenu .link2 {clear:both; font-size:12px; font-weight:bold;}
#linkMenu .link2 .linkBullet {float:left; margin:5px 0; width:9px; height:9px; line-height:9px; font-size:9px; background-color:#a30046; display:block;}
#linkMenu .link2 .linkText {float:left;width:140px;padding-left:11px; display:block;}
#linkMenu .link3 {padding-left:20px;}
#linkMenu .link3 .linkBullet {color:#a30046;}
#linkMenu .link3 .linkText, #linkMenu .link4 .linkText, #linkMenu .link5 .linkText, #linkMenu .link6 .linkText, #linkMenu .link7 .linkText, #linkMenu .link8 .linkText {margin-left:3px;}
#linkMenu .link4 {padding-left:40px;}
#linkMenu .link5 {padding-left:60px;}
#linkMenu .link6 {padding-left:80px;}
#linkMenu .link7 {padding-left:100px;}
#linkMenu .link8 {padding-left:120px;}
#linkMenu .link2, #linkMenu .link3, #linkMenu .link3, #linkMenu .link4, #linkMenu .link5, #linkMenu .link6, #linkMenu .link7, #linkMenu .link8 {line-height:20px;}
#linkMenu .link3, #linkMenu .link4, #linkMenu .link5, #linkMenu .link6, #linkMenu .link7, #linkMenu .link8 {clear:both; font-size:12px;}
#linkMenu .rule {clear:both; height:3px; margin:3px 0; background-color:#a30046;}
#linkMenu .divider {clear:both; height:8px;}

.openspace {color:#a7d48e !important;}
.openspace a:hover {color:#a7d48e !important;}
.environmental {color:#45c7ed !important;}
.environmental a:hover {color:#45c7ed !important;}
.infrastructure {color:#f9a460 !important;}
.infrastructure a:hover {color:#f9a460 !important;}
.openspaceBg {background-color:#a7d48e !important;}
.environmentalBg {background-color:#45c7ed !important;}
.infrastructureBg {background-color:#f9a460 !important;}



#search {font-size:10px;padding:0;color:#333}
#search input {margin-right:10px;border:1px solid #999;width:120px;border-bottom-color:#ddd;border-right-color:#d8d8d8;font-size:12px;}
#search a {color:black;font-size:13px;font-weight:bold}
#search a:hover {text-decoration:none}

.leftNav {float:left;width:195px}
.leftNav .bubble {font-weight:bold;display:block;width:150px;height:47px;padding:5px 0;color:white;font-size:14px;background:white url(../../Media/images/bubble_button.gif) no-repeat;text-align:center;line-height:37px}
.leftNav .doubleLine {line-height:18px !important}
.leftNav .bubble:hover, .leftNav .bubbleSelected {background:white url(../../Media/images/bubble_button_hover.gif) no-repeat;text-decoration:none}

.leftNav .servicesMenu a {display:block;width:185px;height:30px;line-height:30px;padding-left:10px;font-weight:bold;font-size:13px;}
.leftNav .servicesMenu a:hover {text-decoration:none;color:rgb(69,85,96);}

.environmentalMenu {background:rgb(69,199,237) url(../../Media/images/environmentalMenuBg.jpg) repeat-x;color:#000000;}
.environmentalSubMenu {background:rgb(69,199,237) url(../../Media/images/environmentalMenuBg.jpg) repeat-x;color:#000000; text-indent:15px;}
.environmentalSubSubMenu {background:rgb(69,199,237) url(../../Media/images/environmentalSubMenuBg.jpg) repeat-x;color:#000000; text-indent:30px;}
.openspaceMenu {background:rgb(167,212,142) url(../../Media/images/openspaceMenuBg.jpg) repeat-x;color:#000000;}
.openspaceSubMenu {background:rgb(167,212,142) url(../../Media/images/openspaceMenuBg.jpg) repeat-x;color:#000000; text-indent:15px;}
.openspaceSubSubMenu {background:rgb(167,212,142) url(../../Media/images/openspaceSubMenuBg.jpg) repeat-x;color:#000000; text-indent:30px;}
.infrastructureMenu {background:rgb(249,164,96) url(../../Media/images/infrastructureMenuBg.jpg) repeat-x;color:#000000;}
.infrastructureSubMenu {background:rgb(249,164,96) url(../../Media/images/infrastructureMenuBg.jpg) repeat-x;color:#000000; text-indent:15px;}
.infrastructureSubSubMenu {background:rgb(249,164,96) url(../../Media/images/infrastructureSubMenuBg.jpg) repeat-x;color:#000000; text-indent:30px;}
.otherMenu {background:rgb(140,11,66) url(../../Media/images/otherMenuBg.jpg) repeat-x;color:#ffffff;}
.otherSubMenu {background:rgb(140,11,66) url(../../Media/images/otherMenuBg.jpg) repeat-x; text-indent:15px;color:#ffffff;}
.otherSubSubMenu {background:rgb(140,11,66) url(../../Media/images/otherSubMenuBg.jpg) repeat-x; text-indent:30px;color:#ffffff;}

#containThis {width:450px;border:1px solid black;float:left;overflow:hidden}

#mainfeature {width:966px;padding:0;height:246px;margin:0}
#mainfeature img {float:left;padding:0px;margin:0px;}
#mainpageText {padding-left:40px;padding-right:20px;padding-top:20px;width:660px}
#mainpageText p {font-size:14px;color:Black}
#mainpageText h3 {font-size:14px;font-style:normal}

.downShift {margin-top:260px !important;position:absolute}

#openspace {float:left;display:block;width:320px;height:246px;background-image:url(../../Media/images/openspace.jpg)}
#environmental {float:left;display:block;width:323px;height:246px;background-image:url(../../Media/images/environmental.jpg)}
#infrastructure {float:left;display:block;width:323px;height:246px;background-image:url(../../Media/images/infrastructure.jpg)}

#openspace:hover, #environmental:hover, #infrastructure:hover {text-decoration: none;}
#openspace:hover {background-position: -320px 0}
#environmental:hover {background-position: -323px 0;}
#infrastructure:hover {background-position: -324px 0;}

.contentLeft {float:left;width:520px;padding-right:0px}
.contentRight {float:right;width:195px;padding-left:30px;}
.contentBody {float:left;width:630px;padding:20px;padding-left:40px}
/*.contentBody img {float:right;margin:20px;border:1px solid rgb(140,11,66)}*/

.imageLeftAlign {float:left;}
.imageRightAlign {float:right;}

.contentRight .news {background:rgb(240,224,227) url(../../Media/images/newsheader.gif) no-repeat;border:solid 1px rgb(140,11,66);margin-top:30px}
.contentRight .news .newsItem {padding-top:5px;margin-top:5px;color:Black}
.contentRight .news .newsItem a {color:rgb(140,11,66);font-weight:bold}

.certsImages {float:right;padding:0px 8px}
.news h1, .news h1 a {color:White;padding-bottom:20px;margin-top:0px;padding-top:0;line-height:13px;font-size:15px;padding-left:12px;text-decoration:none}
.news h4 {border-bottom:1px solid #555;font-size:16px}
.news h2 {color:Black;text-transform:uppercase}
.news {}

.programs {background-color:rgb(66,143,156);padding:10px;color:white}
.programs h4 {border-bottom:1px solid white;color:white}
.programs h4 a {color:White;font-size:16px}
.programs h2 {color:White;text-transform:uppercase}
.contentRight .programs .programItem a {color:black;}
.contentRight .programs .programItem {padding-top:8px;margin-top:5px;color:white}


h1 {color:rgb(140,11,66);font-weight:normal;margin:0px;font-size:20px; line-height: 1; }
h2 {margin:0px;font-size:14px}
h3 {font-style:italic}
h5 {color:#ffffff;}
p {margin:0px;}
a {color:rgb(140,11,66);text-decoration: none;}
a:hover {text-decoration: underline;}
.link_ {text-decoration:none;border-bottom: dashed 1px black;}
img {padding:0px;border:0px;}
form {padding:0px;margin:0px;}

.required, .highlight, .error { font-weight: bold; color: #FF0000; }

#content .contentLeft p + ul {padding-top:0px;margin-top:0px}
#content .contentLeft li + li {margin-top:15px}
#content .contentLeft ul ul li + li {margin-top:2px}

.newsItem {padding-top:20px;}
.newsItem h2 a { color: #455560; }
.newsItem h2 a:hover { color: #A30046; text-decoration: none; }
.newsItem .date { font-style: italic; font-size: 11px; margin-bottom: 3px; }
.newsItem .intro { margin-bottom: 3px; }

.newsArticle .date { color: #666666; padding: 10px 0 20px 0; }
.newsArticle .intro { font-size: 13px; font-style: italic; margin-bottom: 10px; }
.newsArticle .moreInfo { color: #666666; padding: 10px 0 0 0; }

.programItem {padding-top:20px}
.news {width:180px;background-color:#ddd;padding:10px}

.curvedBox {background: url(../../Media/images/curvedBox/dot.gif) 0 0 repeat-x; width: 200px}
.curvedBox .b {background: url(../../Media/images/curvedBox/dot.gif) 0 100% repeat-x}
.curvedBox .l {background: url(../../Media/images/curvedBox/dot.gif) 0 0 repeat-y}
.curvedBox .r {background: url(../../Media/images/curvedBox/dot.gif) 100% 0 repeat-y}
.curvedBox .bl {background: url(../../Media/images/curvedBox/bl.gif) 0 100% no-repeat}
.curvedBox .br {background: url(../../Media/images/curvedBox/br.gif) 100% 100% no-repeat}
.curvedBox .tl {background: url(../../Media/images/curvedBox/tl.gif) 0 0 no-repeat}
.curvedBox .tr {background: url(../../Media/images/curvedBox/tr.gif) 100% 0 no-repeat; padding:10px} 

.jigsawBox {width:160px;padding:0;margin:0;}
.jigsawBox h2 {background:#fff url(../../App_CmsLib/media/lib/0807/M117_v1_jigsaw.gif) no-repeat;color:white;text-align:center;font-weight:bold;font-size:18px;text-transform:uppercase;height:101px;line-height:130px}
.jigsawBox p {margin-top:0;color:white;font-size:10px;font-weight:bold;background-color:rgb(34,30,31);padding:10px}
.jigsawBox p a {font-weight:bold;font-size:10px}
.jigsawBox p a:hover {text-decoration:none}


.cityscene
{
    margin: 0 0 0 10px;
    background-image: url(../../Media/Images/cityscene.gif);
    overflow: hidden;
    display: block;
    width: 218px;
    height: 62px;
    font-family: Arial;
    font-size: 11px;
    color: #455560;    
}

.cityscene .text,
.cityscene .button
{
    float: left;
    margin-top: 30px;
}

.cityscene .text
{
    margin-left: 8px;
    margin-right: 8px;
    display: inline;
    width: 128px;
}

.cityscene .button a
{
    display: block;
    width: 66px;
    height: 24px;
    overflow: hidden;
    background-image: url(../../Media/Images/sign-up-button.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
}

.cityscene .button a:active { background-position: 0 0; }
.cityscene .button a:hover { background-position: -66px 0; }

.featureBox
{
    padding: 8px;
    border: Solid 1px #CCCCCC;
    background-color: #EEEEEE;
    margin: 0 0 20px 0;
    width: 400px;
}

table.formTable
{
    margin: 0 0 10px 0;
}

table.formTable td
{
    padding: 3px 3px 3px 5px;
    background-color: #E5E6E8;
}

table.formTable td.headerCell
{
    font-weight: bold;
}