img, div
{ 
    behavior: url( '/portals/0/Skins/2008/iepngfix.htc' );
}

/* BODY */

body
{
    margin: 0;
    padding: 0;
    font-family: "Segoe UI" "Trebuchet MS" , Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    background: url(   'images/bg.png' ) top repeat-x;
    background-attachment: fixed;
    background-color: #d2d2d2;
    color: #333;
}
*, .Head, .Normal, NormalLink
{
    font-family:"Segoe UI" "Trebuchet MS" , Arial, Verdana, Helvetica, sans-serif;
}

/* HTML STRUCTURE & HTML STRUCTURE ONLY FORMATTING */

#wrapper
{
    background-image: url(    'images/bg-wrapper.png' );
    background-position: left;
    background-repeat: repeat;
    margin: 0 auto;
    width: 956px;
}

#header
{
    background-image: url(    'images/headerBG.jpg' );
    background-position: left;
    background-repeat: no-repeat;
    height: 105px;  /* CHANGE TO 105 AFTER CHRISTMAS AND SET LOGO TO ROOT/LOGO.GIF*/
    border: solid 0px red;
    margin: 0 14px 0 13px;
    width: 929px;
    background-color: #fff;
}

#headerTop
{
    height: 15px;
    padding: 10px 31px 0 0;
    text-align: right;
    font-size: 10px;
}

#headerTop a:link
{
    text-decoration: underline;
    color: #69625b;
}

#headerTop a:hover
{
    text-decoration: none;
    color: #69625b;
}

#logo
{
    float: left;
    padding: 0 0 0 20px;
    height:80px;
}
#logo img {float:left; margin-top:0px;}

#headerRight
{
    float: right;
    width: 200px;
    padding: 10px 30px 0 0;
    text-align: right;
}

#headerRight a:link
{
    
}

#logo p
{
    padding: 0;
    margin: 0;
    float: left;
    font-size: 11px;
    font-weight: normal;
    color: #333;
    padding:13px 0 10px 86px;

}

.red
{
    color: #cc0000;
}

.red15Bold
{
    font-size: 15px;
    font-weight: bold;
    color: #c91329;
}

.bold
{
    font-weight: bold;
}

#menu
{
    height: 25px;
    margin: 0 14px 10px 13px;
    width: 920px;
    padding-left: 9px;
    background-color: #fff;
    z-index: 9;
}

#banner
{
    margin: 6px 23px 0 23px;
    width: 910px;
    height: 265px;
    clear: both;
    margin-bottom: 10px;
}

#leftBannerModule
{
    float: left;
    width: 580px;
    height: 265px;
}

#rightBannerModule
{
    float: right;
    width: 270px;
    height: 215px;
    background: url(     'images/home-red-rounded.png' ) no-repeat top left;
    font-size: 19px;
    font-weight: normal;
    color: #fff;
    padding: 25px;
}

#rightBannerModule a
{
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

#rightBannerModule a:hover
{
    text-decoration: none;
}

#content
{
    margin-left:23px;
    margin-top: 2px;
    width: 920px;
    padding: 0px 0px 6px 0px;
    clear:both;
    border: 0px solid lime;
}

.toppane
{
}

.leftpane
{
    width: 325px;
}

.contentpane
{
    width:100%;
    border:0px solid red;
    padding:0px;
    margin:0px;
}



.rightpane
{
    border: solid 0px red;
    width: 325px;
}

.bottompane
{
    width:100%;
    clear:both;
    margin:0px;
    padding:0px
}
.clearer
{
    clear: both;
    height: 1px;

}

#sitemap
{
    clear: both;
    margin: 3px 22px 0 23px;
    background: url(   'images/bg-sitemap.png' ) top left no-repeat;
    background-color: #dbdbdb;
    width: 909px;
    display: table;
}

#sitemap a 
{
    color:#555;
    text-decoration:none;
    font-size:10px;
}

#sitemap a:hover
{
    text-decoration: underline;
    color: #69625b;
}

#sitemap a:visited
{
    color: #69625b;
}

#sitemapTop
{
    height: 24px;
    width: 910px;
}

#sitemapTopLeft
{
    float: left;
    height: 24px;
    width: 24px;
}

#sitemapTopRight
{
    float: left;
    height: 20px;
    width: 870px;
    padding: 4px 0 0 15px;
}

#sitemapBottom
{
    float: left;
    width: 870px;
    padding: 3px 0 3px 40px;
    font-size: 10px;
}

#sitemapTopRight h1
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color: #69625b;
}

#sitemapBottom h2
{
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
    color: #c91329;
}

.sitemapBottomItem
{
    float: left;
    margin-right: 10px;
    width: 130px;
}

#bottom
{
    background-image: url(     'images/bg-bottom.png' );
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 956px;
    height: 24px;
    clear:both;
}

#copyright
{
    margin: 0 auto;
    width: 967px;
    height: 30px;
    padding-top: 15px;
    color: #000;
    font-size: 11px;
    text-align: center;
    clear:both;
}


#copyright a, #copyright a
{
    font-size: 11px;
    color: #000;
}

/* FORMATTING */




      a:focus {

      outline: none; /*gets rid of dotted lines around links in firefox */

      }


img
{
    border: 0;
}

.moduleButton
{
    float: right;
    clear: both;
}


p, ul li, ol li, em, div, td, li
{
    font-family: "Segoe UI", "Trebuchet MS" , Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.3em;
}


li, ul li
{
    line-height:normal;
    margin-bottom:4px;
    left: -18px;
    position: relative;
    list-style:none;
    list-style-type:none;
    background-image:url(images/bullet.png);
    background-repeat:no-repeat;
    padding-left:18px;

}



ol
{
    margin-top: 0;
    margin-bottom: 0;
}


p
{
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

hr
{
    border:none; margin:10px 0 10px 0;border-bottom:1px solid #ccc;
}

h1.Red, h1
{
    font-family: "Segoe UI" "Trebuchet MS" , Arial, Verdana, Helvetica, sans-serif;
    color: #cc0000;
    font-size: 26px;
}

h2
{
    font-family: "Segoe UI" "Trebuchet MS" , Arial, Verdana, Helvetica, sans-serif;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    font-size: 21px;
    color: #333333;
}

h3
{
    font-family: "Segoe UI" "Trebuchet MS" , Arial, Verdana, Helvetica, sans-serif;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    font-size: 16px;
    font-weight: normal;
    color: #cc0000;
    line-height: 1.3em;
}


a:link, a:visited, a
{
    color: #cc0000;
    text-decoration: underline;
}

a.SkinObject
{
    color: black !important;
    text-decoration: none;
}

a:hover
{
    color: #000000;
    text-decoration: none;
}

.size14
{
    font-size: 14px;
}

#menu .houseMenu ul
{
    width: 100%;
    height: 105px;
    border: solid 0px red;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}



/**** portfolio page *****/

.portfolio h1
{
    color:White;
    padding-left:10px;
    margin-bottom:10px;
}

.portfolio img
{
    margin: 10px 12px 0 12px;
}

.portfolioTable img
{
    padding: 2px;
    border: 1px #999 solid;
    margin-right: 5px;
    margin-bottom: 15px;
    z-index: 100000;
}

.portfolioTable a:link, .portfolioTable a:hover, .portfolioTable a:visited
{
    font-size: 12px;
}

.portfolioTable ul
{
    padding-top: 0;
    margin-top: 1px;
    padding-bottom: 0;
    margin-bottom: 0;
    position: absolute;
    width: 250px;
    z-index: 0;
    cursor: pointer;
}

.portfolioTable li
{
    background-image:url(images/bullet-grey.png);
    line-height: normal;
    margin: 0 0 0 130px;
    padding: 0 0 0 12px;
    font-size: 12px;
    text-transform: lowercase;
}

.itemContentContainer li
{
    background-image: url(images/bullet-grey.png);
}

li.portfolioTableLink
{
    background-image: none;
    margin-left: 118px;
}

/* Fix for FCK Editor: Every time you edit/Create a new portfolio table thumbnail item, it wraps it around with <p> tags which stuff everything up */
.portfolioTable p
{
    margin: 0;
    padding: 0;
}

#contentPortfolio li
{
    margin-bottom:7px;
}

#contentPortfolio ul li ul li
{
    margin-bottom:4px;
    left: -18px;
    position: relative;
    list-style:none;
    background-image: none;
    list-style-type:none;
    padding-left: 0;
    font-size: 11px;
}

#contentPortfolio a:link, #contentPortfolio a:visited
{
    color: #333;
}

#contentPortfolio ul li ul
{
    position: relative;
    list-style:none;
    background-image: none;
    list-style-type:none;
    padding-left: 0px;
    margin-left: 18px;
    font-size: 11px;
}


.form
{
}

.form .SubHead
{
    font-family: "Segoe UI","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    color: #333;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.3em;
}

.form .NormalTextBox
{
    margin: 0 0 10px 0;
    border: 1px solid #aaa;
    font-family: "Segoe UI","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
}

.form a.CommandButton:link
{
    font-size: 13px;
    color: #333;
    text-decoration: underline;
}

.form a.CommandButton:visited
{
    font-size: 13px;
    color: #333;
    text-decoration: underline;
}

.form a.CommandButton:hover
{
    font-size: 13px;
    color: #aaa;
    text-decoration: none;
}

#dnn_ctr453_FormMaster_cmdSubmit
{
    background: url(images/submit.png) top left no-repeat;
    margin: 1px 0 1px 0;
    padding: 10px 10px 15px 7px;
    font-family: "Segoe UI","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: normal;
    text-align: center;
    width: 99px;
    display:block;
    text-decoration:none;
    text-transform: uppercase;
}





/* HOUSE MENU */

/*********************************************************************
 Standard structural CSS that typically should not need to be changed
*********************************************************************/
#HouseMenuNav, #HouseMenuNav ul
{
    /* all submenu lists */
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
    white-space: nowrap;
    position: relative;
    z-index:2;
}

#HouseMenuNav li
{
    /* all list items */
    position: relative;
    display: inline;
    float: left;
    margin: 0;
    border: 0;
    padding: 0;
}


#HouseMenuNav li li
{
    /* all items under the top level */
    z-index: 99999999;
}

#HouseMenuNav a
{
    /* all links within the menu wrapper */
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li li a
{
    /* all item links under the top level */
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li a:hover
{
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li li a:hover
{
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li ul
{
    position: absolute;
    top: 24px;
    margin: 0;
    border: 0;
    padding: 0;
    z-index: 9999999;
}

#HouseMenuNav li ul ul
{
    /* third-and-above-level lists */
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li:hover ul ul, #HouseMenuNav li:hover ul ul ul, #HouseMenuNav li.sfhover ul ul, #HouseMenuNav li.sfhover ul ul ul
{
    left: -9999px;
}

#HouseMenuNav li:hover ul, #HouseMenuNav li li:hover ul, #HouseMenuNav li li li:hover ul, #HouseMenuNav li.sfhover ul, #HouseMenuNav li li.sfhover ul, #HouseMenuNav li li li.sfhover ul
{
    /* lists nested under hovered list items */
    left: auto;
    z-index: 99999;
}

#HouseMenuNav iframe
{
    position: absolute;
    left: 0;
    top: 0; /* PQ: Was top: 0; but was making the menu dropdowns in IE high invisibly */
    z-index: 1100;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
    display: block;
}

.ArrowPointer
{
    cursor: default;
}


/*******************************************************
 Presentation CSS that typically needs to be customized
*******************************************************/
#HouseMenuNav, #HouseMenuNav ul
{
    /* all submenu lists */
    width: 901px;
    height: 25px;
    margin: auto;
    margin-left: 19px;
}
#HouseMenuNav li ul
{
    /* second-level lists = all list items under the top/parent menu  #cc0000*/
    width: 165px; /* width of submenu, must be set so third-level list can get shifted over properly */
    left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    margin: 0 0 0 0; /* hack for MacIE5 to ignore, while other browsers use \*/
    margin: 0; /* end hack */
    background-color: #DBDBDB; /* #5086AA */
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
    padding: 0;
    border: solid 1px #ccc;
    border-top: solid 0px #cccccc;
}
#HouseMenuNav li
{
    /* all list items */
    line-height: normal; /* hack for MacIE5 to ignore, while other browsers use */
    background: url(   'images/menu-bg.JPG' ) top left no-repeat;
    margin-right: 2px;
    height: 20px;
    width: 122px;
    padding-top: 5px;
    text-align: left;
    z-index: 1000;
}

#HouseMenuNav li:hover
{
    height: 20px;
    background-color: White;
}

#HouseMenuNav li:hover a
{
    color: #cc0000;
}

#HouseMenuNav li:hover li a
{
    color: #cc0000;
}

#HouseMenuNav li li
{
    /* all items under the top level */ /* all items under the top level - submenu/child items */
    width: 165px;
    height: 20px;
    _width: 165px; /* end hack */
    background-image: none;
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    border: solid 0px red;
    left: 0px;
    z-index:1100;
}
#HouseMenuNav li li:hover
{
    color: #000;
    height: 20px;
    z-index:1100;
}

#HouseMenuNav a
{
    /* all links within the menu wrapper */
    font-family: Segoe UI, Trebuchet MS, Arial, Verdana, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #69625b; /*white*/ /* set to a colour if you want ALL menu items to have the same background colour */
    color: #555;
}
#HouseMenuNav li a
{
    /* all links within the menu wrapper      padding: 0px;     margin-top: 5px;*/
    height: auto; /*[1stAHeight]px;IE has problem to set width, so auto will be fine*/
    width: auto;
    font-size: 13px;
    text-align: center;
}
#HouseMenuNav li li a
{
    /* all item links under the top level = all child links */
    width: 100%;
    height: 15px;
    color: #69625b;
    margin-left: 2px;
    font-size: 12px;
    text-align: left;
    padding-left: 5px;
    font-weight: normal;
}

#HouseMenuNav li a:hover
{
    height: auto; /*[1stAHoverHeight]px; background-color: #eee;*/
    background-color: Transparent;
}

#HouseMenuNav li li a:hover
{
    height: 15px;
    margin-left: 2px;
    font-size: 12px;
    padding-left: 5px;
}
/* second-level lists.when the mouseover to the first level and dispaly the popup list-yuchen*/



#HouseMenuNav li ul ul
{
    /* third-and-above-level lists */
    margin: -23px 0 0 160px;
    border: solid 1px #ccc;
    line-height: 12px;
}
#HouseMenuNav #HouseMenuNavParentItem a
{
    /* all links under the parent item (li) */
    color: #fff;
    background-color: transparent;
    text-decoration: none;
}

#HouseMenuNav a#HouseMenuNavParentLink
{
    /* parent link itself */
    background-color: transparent;
    text-decoration: none;
}

#HouseMenuNav a#HouseMenuNavCurrentLink
{
    /* current selected/active link */
    color: white;
    font-weight: bold;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    color: #cc0000;
}

/**** move the host and admin menus out of the way!*****/
#HouseMenuNavItem38, #HouseMenuNavItem7, #HouseMenuNavItem755
{
    top:-45px;
    position:absolute;
}
li#HouseMenuNavItem38 a, li#HouseMenuNavItem7 a, li#HouseMenuNavItem38, li#HouseMenuNavItem7, li#HouseMenuNavItem755 a, li#HouseMenuNavItem755
{
    background-image:none;
    font-size:10px;
    width:50px;
}
li#HouseMenuNavItem38:hover, li#HouseMenuNavItem7:hover, li#HouseMenuNavItem755:hover
{
    background-color:Transparent;
}

/********** HOMEPAGE SYLES **********/

#contentHome
{
    margin: auto;
    margin-top: 0px;
    width: 912px;
    border: solid 0px black;
    padding: 0px 0px 6px 0px;
    clear: both;
    background-image: url(     'images/ContainerBG.jpg' );
    background-repeat: repeat-x;
    background-position: right bottom;
    background-color: white;
    height:auto;

}
#contentHome h1
{
    font-family: "Segoe UI" "Trebuchet MS" , Arial, Verdana, Helvetica, sans-serif;
    font-size: 24px;
    color: #cc0000;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
    line-height: 1.3em;
}



#contentHome .topCurve
{
    height: 10px;
    background-color: white;
}
#contentHome .topCurve .leftCurve
{
    width: 6px;
    background-image: url(images/WhiteCurveTL.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 6px;
}
#contentHome .topCurve .rightCurve
{
    width: 6px;
    background-image: url(images/WhiteCurveTR.jpg);
    background-repeat: no-repeat;
    float: right;
    height: 6px;
}
#contentHome .paneWrapper
{
}
#contentHome .leftpane
{
    width: 285px;
    float: left;
    padding-top: 4px;
    padding-left: 15px;
    border-right: 1px solid #cccccc;
    padding-right: 5px;
}
#contentHome .middlepane
{
    width: 280px;
    float: left;
    padding-top: 4px;
    margin-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #cccccc;
    padding-right: 5px;
}

#contentHome .rightpane
{
    width: 280px;
    float: left;
    padding-top: 4px;
}
#contentHome .rightpane li a, #contentHome .rightpane li a:visited, #contentHome .rightpane li a:link
{
    color:#555;
    font-size:12px;
}
#contentHome .rightpane li a:hover
{
    color:#cc0000;
}
#contentHome .leftpane ul
{
    margin: 0px;
    padding: 0px;
}
#contentHome .leftpane li
{
    list-style-type: none;
    list-style: none;
    background-image:none;
}
#contentHome .leftpane ul li.cms a
{
    height:47px;
    padding-top:7px;
    padding-left:72px;
    background-image:url(images/home-button-cms.png);
    background-repeat:no-repeat;
    width:208px;
    font-size:13px;
    color:#333;
    margin-bottom:5px;
    display:block;
    text-decoration:none;
}
#contentHome .leftpane ul li.ecom a
{
    height:47px;
    padding-top:7px;
    padding-left:72px;
    background-image:url(images/home-button-ecom.png);
    background-repeat:no-repeat;
    width:208px;
    font-size:13px;
    color:#333;
    margin-bottom:5px;
    display:block;
    text-decoration:none;

}
#contentHome .leftpane ul li.custom a
{
    height:47px;
    padding-top:7px;
    padding-left:72px;
    background-image:url(images/home-button-custom.png);
    background-repeat:no-repeat;
    width:208px;
    font-size:13px;
    color:#333;
    margin-bottom:5px;
    display:block;
    text-decoration:none;
}
#contentHome .leftpane ul li a:hover
{
    color:#cc0000;
}

/************************************/















/********** PORTFOLIO PAGE SYLES **********/

#contentPortfolio
{
    margin: auto;
    margin-top: 0px;
    width: 912px;
    border: solid 0px black;
    padding: 0px 0px 6px 0px;
    clear: both;
    height:auto;
    min-height:420px;
}
#contentPortfolio h1
{
    font-family: "Segoe UI" "Trebuchet MS" , Arial, Verdana, Helvetica, sans-serif;
    font-size: 24px;
    color: #cc0000;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
}



#contentPortfolio .topCurve
{
    height: 10px;
    background-color: white;
}
#contentPortfolio .topCurve .leftCurve
{
    width: 6px;
    background-image: url(images/WhiteCurveTL.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 6px;
}
#contentPortfolio .topCurve .rightCurve
{
    width: 6px;
    background-image: url(images/WhiteCurveTR.jpg);
    background-repeat: no-repeat;
    float: right;
    height: 6px;
}
#contentPortfolio .paneWrapper
{
}
#contentPortfolio .leftpane
{
    width: 275px;
    float: left;
    min-height: 400px;
    padding-left: 15px;
    border-right: 1px solid #cccccc;
    padding-right: 5px;
}
#contentPortfolio .middlepane
{
    width: 285px;
    float: left;
    margin-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #cccccc;
    min-height: 400px;
    padding-right: 5px;
}

#contentPortfolio .rightpane
{
    width: 280px;
    float: left;
    min-height: 400px;
}

#contentPortfolio .leftpane ul
{
    margin: 0;
    padding: 0;
    margin-left: 10px;
    padding-left: 10px;
}

#contentPortfolio .leftpane ul li.cms a
{
    height:42px;
    padding-top:12px;
    padding-left:80px;
    background-image:url(images/home-button-cms.png);
    background-repeat:no-repeat;
    width:200px;
    font-size:16px;
    color:#333;
    margin-bottom:5px;
    display:block;
    text-decoration:none;
}


/************************************/


#dnn_ctr4278_Latest_ctl00
{
width:100% !important;
margin-left:auto;
margin-right:auto;
margin:0px;
padding:0px;
}



#dnn_ctr4278_Latest_ctl00 td
{
    width:33%;
}

#dnn_ctr4278_Latest_ctl00 td ul
{
    margin:0px;
    padding:0px;
}

#dnn_ctr4278_Latest_ctl00 td ul li a
{
    color:#000 !important;
    text-decoration:underline;
}

#dnn_ctr4278_Latest_ctl00 td ul li a:hover
{
    color:#000 !important;
    text-decoration:none;
}

li.portfolioListItem  a
{
    color:#000 !important;
    text-decoration:underline;
}

li.portfolioListItem  a:hover
{
    color:#000 !important;
    text-decoration:none;
}















#sitemap
{
    visibility:hidden;
    display:none;
}


/**** FAQ page  */
.Topic  /* this is a FA-Question , was an available style in the FCKEd*/
{
    font-weight:bold;
    color:#555;
}
ul.chkList li { 
	background-image: url(/portals/0/images/chk-box.gif); 
	margin-right:20px;
	margin-bottom:50px;
	margin-left:0px;
	margin-top:0px;
	padding-left:30px;
	background-repeat:no-repeat;
	position: static;
	line-height: 1.6em;
}

/*****************/