html
{
    margin: 0;
    padding: 0;
}

body
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #333333;
    font-size: 12px;
}

/*//////////////////////////////////////////////////
Main site master header
/////////////////////////////////////////////////*/
.pageHolder
{
    /*changed from width to min-width. added max-width*/
    min-width: 770px;
    max-width: 990px;
}

/* ----ie6 fix ----*/
.enewsHolder
{
    width: 800px;
}
/* ----post ie 6 ----*/
.enewsHolder
{
    min-width: 800px;
    max-width: 800px;
}

.pageHolder .logo, .enewsHolder .logo
{
    padding: 20px 58px 24px 23px;
    float: left;
}

.pageHolder .siteTitle, .enewsHolder .siteTitle
{
    padding: 30px 40px 33px 0;
    float: left;
}

.pageHolder .secNav, .enewsHolder .secNav
{
    padding: 0px 5px 0 0;
    float: right;
}

.secNav .secNavItems, .secNav a, .secNav a:link, .secNav a:active
{
    color: #FFFFFF;
    font-size: 11px;
    padding-bottom: 17px;
}

.secNav a:hover
{
    text-decoration: underline;
}


/*//////////////////////////////////////////////////
Header details on site master and popup master pages
/////////////////////////////////////////////////*/
.header
{
    background-image: url(images/headerBG.jpg);
    background-repeat: repeat-y;
    background-color: #6E7C62;
    margin: 0 0 20px 0;
}

.header1
{
    margin: 0 0 0 0;
}



.header2
{
    clear: both;
}

a
{
    color: #006600;text-decoration: none;
}
a:hover
{
    text-decoration:underline;
}
a:visited
{
    /*     color: #990000;     */
}

a:link, a:active
{
    color: #006600;
    text-decoration: none;
}


h1, .h1
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 22px;
    font-weight: normal;
    color: #006600;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    font-weight: normal;
    color: #006600;
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: block;
}


h3
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h3 i
{
    font-weight: normal;
    color: #006600;
    margin-bottom: 0px;
}

p
{
    margin-top: 5px;
}

a img
{
    border: 0px;
}

ul li
{
    list-style-type: inherit;
    list-style-position: outside;
}

ol li
{
    list-style-type: decimal;
    list-style-position: outside;
}

li
{
    padding-left: 10px;
    padding-right: 100px;
}

tr
{
}

.trDesc
{
    vertical-align: top;
}
/*//////////////////////////////////////////////////
Pop up master header
/////////////////////////////////////////////////*/
.popUpHolder
{
    width: 540px;
}

.popUpHeader
{
    background-image: url(images/headerBG.jpg);
    background-repeat: repeat-y;
    background-color: #6E7C62;
    height: 80px;
}

.popUpHolder .logo
{
    padding: 20px 20px 0px 23px;
    float: left;
}

.popUpHolder .siteTitle
{
    padding: 31px 0 0px 0px;
    float: left;
}


.popUpHolder .contentArea
{
    clear: left;
    margin: 0 20px 20px 20px;
}



/*//////////////////////////////////////////////////
Site nav
/////////////////////////////////////////////////*/

.nav
{
    background-image: url(images/primarynav_bkgrd.gif);
    background-repeat: repeat-x;
    height: 21px;
    width: 100%;
}

.navItem
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    vertical-align: top;
    padding: 3px 20px 0 20px;
    border-right-style: solid;
    border-right-color: #E4E4E4;
    border-right-width: 1px;
    text-align: center;
    height: 18px;
    float: left;
}

.navItem a
{
    color: #FFFFFF;
    text-decoration: none;
    background-image: none;
}

.navItem a:hover
{
    text-decoration: underline;
    background-image: none;
}

.searchButton
{
    margin-left: 5px;
}
/*the currently viewed page. Set via javascript in master page*/

.currentPage
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    vertical-align: top;
    padding: 3px 20px 0 20px;
    border-right-style: solid;
    border-right-color: #E4E4E4;
    border-right-width: 1px;
    text-align: center;
    background-color: #E4E4E2;
    height: 18px;
    float: left;
}

/* override the default visited state as it looks silly */
.currentPage a
{
    color: #006600;
}

/*//////////////////////////////////////////////////
content specific styles
/////////////////////////////////////////////////*/
.midContainer
{
    position: relative;
    width: 100%;
    height: 100%;
}

.LHcol
{
    position: absolute;
    width: 160px;
    top: 0px;
    left: 0px;
}

.stageNav
{
    margin: 0 10px 10px 10px;
    background-image: url(images/navGrad.png);
    background-repeat: repeat-y;
    background-position: right;
    background-color: #CBE7CE;
}

.stageNavItems
{
    font-size: 11px;
}

.stageNavItems p
{
    padding: 0px 0 0px 0;
    margin: 2px 3px 2px 3px;
    text-align: center;
}

.stageNavItems a
{
    color: #006600;
}

.stageNavItems strong
{
    font-weight: bold;
}

.stageNavItems .searchBox
{
    text-align: center;
}
.MIDcolWAM
{
    padding: 0 0 0 10px;
    margin: 0px 190px 0px 160px; /*     background-image: url(images/dividerVert.gif);     background-repeat: repeat-y; */
}
.MIDcol
{
    padding: 0 0 0 10px;
    margin: 0px 190px 0px 160px; /*     background-image: url(images/dividerVert.gif);     background-repeat: repeat-y; */
}

.MIDcol .newsletter 
{
    background: url(images/banner.png) 2px 0px no-repeat;
    padding: 0 0 0 0px;
    margin: 0px 0px 0px 0px; 
}

.MIDcolWAM a
{
    font-size: 11px;
    color: #006600;
}

.MIDcolWAM .GVTop
{
    margin-bottom: 10px;
}

.MIDcol .featuredContent
{
    /*     background-image: url(images/dividerHoriz.gif);     background-repeat: repeat-x;     background-position: bottom center; */
}

/*Mid column tiles are 50% width and sit two across the middle column*/
.MIDcol .Tile
{
    width: 100%;
    margin: 0 5px 10px 5px;
}

.featuredContent p
{
    padding: 0 0 5px 0;
    margin: 0 0 0 0;
}

.featuredContent a
{
    color: #006600;
}

.newText
{
    color: #990000;
}
.featuredContent table
{
    width: 90%;
}

/*workshop listing on home page styles */
.FrontWK
{
    width: 95%;
    padding-bottom: 2px;
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CBE7CE;
}

.FrontWK p
{
}

.FrontWK a
{
}

.FrontWK .Title
{
    float: left;
    width: 90%;
    padding-right: 10px;
}

.FrontWK .SignUp
{
    float: right;
    width: 10%;
    clear: both;
}

.FrontWK .Link
{
    float: left;
    width: 230px;
}
.FrontWK .Date
{
    float: left;
    font-size: 11px;
}

.FrontWK .Desc
{
    float: none;
    clear: left;
}
td a
{
}

.RHcol
{
    position: absolute;
    width: 174px;
    top: 0px;
    right: 0px;
}

.RHcol .Tile
{
    background-color: #6E7C62;
    font-size: 11px;
    margin: 5px 0 5px 0;
}
.RHcol .SGTile
{width: 174px;height:54px;position:relative;top:0;left:0;
    background: url(images/SGTile.png) 0px 0px no-repeat;
    
    padding: 3px 0px 3px 0px;
}
.RHcol .SGTile p{margin: 0px 35px 0px 5px;font-size: 10px;color:#ffffff;}
.RHcol .SGTile p strong{font-size: 11px;}
.RHcol .SGTile img{position:absolute; right:10px;bottom:10px;}
.Tile .TileHeader
{
    color: White;
    font-weight: bold;
    display: block;
}

.Tile .TileContent
{
    height: 100%;
    background-color: White;
    margin: 0 1px 0 1px;
    padding: 6px 0 6px 0;
    border-bottom-color: #6E7C62;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.Tile .TileStandardContent
{
    height: 100%;
    background-color: White;
    margin: 0 0px 0 0px;
    padding: 6px 0 6px 0;
    text-align: center;
}

.TileContent p, .TileStandardContent p
{
    margin: 0 4px 0 6px;
}

.TileContent a, .TileStandardContent a
{
    color: #006600;
}

.TileContent ol
{
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 25px;
    margin-right: 5px;
    padding: 0;
}

.TileContent li
{
    margin: 0;
    padding: 0;
    text-indent: 0px;
}

li a
{
}
.bl
{
    background: url(images/cornerBL.gif) 0 100% no-repeat;
}
.br /*bottom right hand corner*/
{
    background: url(images/cornerBR.gif) 100% 100% no-repeat;
}
.tl /*top left hand corner*/
{
    background: url(images/cornerTL.gif) 0 0 no-repeat;
}

.tr /* top right hand corner */
{
    background: url(images/cornerTR.gif) 100% 0 no-repeat;
    padding: 10px 10px 10px 10px;
}

.clear /*used to tidy up IE after round corner boxes*/
{
    font-size: 1px;
    height: 1px;
}



.moreLink
{
    text-align: right;
    padding: 0;
}

.moreLink a
{
    font-size: 13px;
    color: #006600;
    text-decoration: underline;
}

.Header
{
}

.Header .SubHead
{
    display: block;
    width: 100%;
    text-align: right;
}
/************************
* used on registration page and in WAM FormViews
*************************/
div.row
{
    clear: both;
    margin-top: 10px;
}

div.spacerRow
{
    clear: both;
    height: 10px;
}

div.centreRow
{
    clear: both;
    margin-left: 50px;
    margin-top: 2px;
    font-weight: bold;
    color: Red;
}

div.leftRow
{
    clear: both;
    margin-left: 65px;
    text-indent: -20px;
}

div.howHearRow
{
    margin-left: 50px;
}

div.row div.label
{
    margin-left: 50px;
    width: 100px;
    float: left;
    clear: left;
    text-transform: capitalize;
}

div.row div.formw
{
    text-align: left;
    font-size: 10px;
    float: left;
}

div.row div.formDetails
{
    text-align: left;
    color: #006600;
    float: left;
}

.formContainer
{
    width: 600px;
    overflow: visible;
}
/************************
* used on FAQ page
*************************/
.question
{
    margin-top: 10px;
    margin-left: 15px;
    text-indent: -15px;
    color: #2F6017;
    font-weight: bold;
}

.answer
{
    margin-left: 15px;
    text-indent: -15px;
}

/************************
* used on Solution guide display page
*************************/


.SGnav
{
    padding-top: 10px;
    width: 100%;
}

.SGnav .backBtn
{
}

.SGnav .nextBtn
{
    float: right;
}

.WKcallToAction
{
    background-color: #CBE7CE;
}
/************************
* Grid view styles
*************************/
.gridView
{
    padding: 10px 10px 10px 10px;
}

.gridViewHeader
{
    background-color: #006600;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.gridViewItems
{
    font-size: 11px;
    padding: 5px 10px 5px 10px;
    background-color: #CBE7CE; /*NOTE: have to put a border in as firefox won't display hyperlinks correctly     border-left: solid 10px #CBE7CE;*/
}

.gridViewItems a, .gridViewItemsAlt a, .gridViewLinks
{
    font-size: 12px;
    font-weight: bold;
    color: #006600;
    text-decoration: underline;
    text-indent: -10px;
    padding: 5px 10px 5px 10px;
}

.gridViewItemsAlt
{
    background-color: #FFFFFF;
    font-size: 11px;
    padding-right: 10px;
    padding-left: 10px;
}

.gridViewPaging
{
    font-weight: bold;
    color: #000000;
}

.gridViewPaging a
{
    font-weight: bold;
    color: #006600;
}

/************************
* Your Business Update display styles
*************************/
.YBUTile
{
    width: 100%;
    background-color: #CBE7CE;
}

.YBUTile .Topic
{
    padding: 5px 10px 5px 10px;
    background-color: #006600;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 12px;
}

.YBUTile .Title
{
    color: #006600;
    margin: 5px 10px 5px 10px;
    padding-bottom: 10px;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-color: #6E7C62;
    border-bottom-width: 1px;
}

.YBUTile .Desc
{
    padding: 5px 10px 5px 10px;
}

.YBUTile .Link
{
    padding: 5px 10px 15px 10px;
}

.YBUTile a
{
    color: #006600;
    font-weight: bold;
}

/************************
* Disclaimer
*************************/
.Disclaimer
{
    margin-top: 20px;
    border: solid 1px #000000;
    padding: 5px 10px 5px 20px;
}

.Disclaimer p
{
    font-family: Times New Roman, Times;
}

/************************
* Site footer
*************************/

.footer
{
    /*     background-image: url(images/dividerHoriz.gif);     background-repeat:repeat-x; */
    padding: 0px 0px 0px 0px;
    margin: 10px auto 0 auto;
    width: 550px;
    clear: both;
}
.enewsHolder .footer
{
    padding: 0px 0px 0px 0px;
    margin: 10px 0 0 10px;
    width: 610px;
}
.enewsHolder .footer a
{
    text-decoration: underline;
}
.footer p
{
    color: #666666;
    font-size: 9px;
}

.footer a, .footer a:visited
{
    color: #666666;
    text-decoration: none;
}

.footer a:hover
{
    text-decoration: underline;
}


/* =============================================================================
 * eNews styles
 * ============================================================================= */



.enewsNav ul
{
    position: relative;
    float: left;
    width: 623px;
    padding: 0px 0 10px 5px;
    margin: 70px 0px 0px 0px;
    list-style: none;
    text-align: center;
    font-weight: bold;
}

.enewsNav LI
{
    float: left;
    margin: 0;
    padding: 4px 0px 0px 0px;
    width: 204px;
    height: 47px;
    background: url(images/enewstabs.png) -204px 0px no-repeat;
}
#Selected
{
    background: url(images/enewstabs.png) 0px 0px no-repeat;
}
#Articles p
{
    color: #333333;
    font-size: 12px;
    margin-top: 5px;
    line-height: 18px;
    padding-left: 15px;
}
.enewsNav ul li p
{
    padding: 0px 10px 0px 10px;
}
.enewsNav ul li p a
{
    color: #444;
    text-decoration: none;
}

.enewsNav A:hover, .enewsNav A:active, .enewsNav A.here:link, .enewsNav A.here:visited
{
}

.enewsNav A.here:link, .enewsNav A.here:visited
{
    position: relative;
    z-index: 102;
}

.artDisclaimer
{
    padding-left: 15px;
    font-style: italic;
}

.enewsSelect
{padding-bottom: 5px;
}
.enewsSelect select option
{font-size:11px;
display:inline;
}
.enewsSelect h3
{font-size: 16px;
font-weight:bold;color:#006600;
}
#Articles h3
{
    padding-left: 15px;
}
.enewsHolder li
{
    padding: 5px 0px 5px 0px;
}

.enewsHolder #Summary h1
{
    margin-top: 5px;
    padding-left: 15px;
}
#Articles h1
{
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-left: 15px;
}


#EnewsHeader
{
}

#Summary
{
    float: left;
}

#Summary .Col1
{
    vertical-align: top;
    width: 290px;
    float: left;
}
#Summary .Col2
{
    vertical-align: top;
    width: 290px;
    float: right;
    padding-left: 20px;
    background: url(images/column.png) top left no-repeat;
}
#Summary .fragment
{
    margin-top: 12px;
    padding-bottom: 8px;
    background: url(images/paragraph.png) bottom right no-repeat;
}
#Summary .lastFragment
{
    margin-top: 12px;
}
#Articles
{
    width: 618px;
    padding: 0px 10px 0px 0px;
    margin-top: 5px;
}

.article h2, #Enews .article h3
{
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 0px;
}
#Articles .article .intro
{
    font-style: italic;
}
.summaryImage img
{
    padding: 6px 6px 6px 6px;
    width: 276px;
    height: 120px;
    border: solid 1px #e6e6e6;
    background: white;
}
.summaryImage
{
    width: 290px;
    height: 134px;
}

.articleImage img
{
    width: 286px;
    height: 211px;
    border: solid 1px #e6e6e6;
    background: white;
}
#Articles .article .articleImage
{
    margin: 15px 0px 30px 10px;
    width: 288px;
    height: 213px;
    float: right;
}
#Articles .article .articleImage p
{
    color: #333333;
    padding: 5px 5px 0px 0px;
    text-align: right;
    font-style: normal;
}

#Articles .article .articleFooter
{
    padding-top: 30px;
    padding-bottom: 20px;
}
#Articles .article .articleFooter .backToTop
{
    float: right;
}
#Articles .article .articleFooter .previousNext
{
    float: left;
}
#Articles .article .articleFooter .backToTop a, #Articles .article .articleFooter .previousNext a
{
    text-decoration: none;
    font-weight: normal;
}
#Articles .article .articleFooter .backToTop a:hover, #Articles .article .articleFooter .previousNext a:hover
{
    text-decoration: underline;
}
/* footer of newsletter */
#enewsFooter
{
    border-top: solid 1px #cccccc;
    width: 595px;
    margin-left: 15px;
}
#enewsFooter p
{
    line-height: 14px;
    font-size: 10px;
}
.enewsTile
{
    margin-bottom: 10px;
    width: 175px;
}
.enewsTile .TileBottom
{
    height: 17px;
    background: url(images/TileBottom.png) top left no-repeat;
}
.enewsTile .WorkshopTop
{
    height: 18px;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    background: url(images/WorkshopTileTop.png) bottom left no-repeat;
}
.enewsTile .HaveSayTop
{
    height: 20px;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    background: url(images/HavesayTileTop.png) bottom left no-repeat;
}
.enewsTile .TileBody
{
    background: url(images/TileBottom.png) bottom left no-repeat;
    padding-bottom: 5px;
    overflow: hidden;
}
.enewsTile h3
{
    color: black;
    font-weight: bold;
    display: block;
    padding: 4px 5px 10px 8px;
}

.enewsTile p
{
    padding: 5px 10px 0px 10px;
}

.enewsTile a
{
    color: #006900;
    font-weight: bold;
    text-decoration: none;
}

.enewsTile ol
{
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 25px;
    margin-right: 5px;
    padding: 0;
}

.enewsTile ul
{
    font-weight: bold;
    margin-left: 5px;
    list-style-image: url(images/hyphen2.gif);
    list-style-position: outside;
    padding-left: 15px;
    list-style-type: none;
}
.enewsTile li
{
    padding: 0 0 0 0;
    line-height: 16px;
}
.enewsTile .vote
{
    display: block;
    width: 100%;
}
.enewsTile .vote img
{
    float: right;
    padding: 0px 10px 10px 0px;
}
.midContainer .title
{
    display: none;
}
.dynamicMoreInfo
{
    width: 618px;
}
.dynamicMoreInfo .top
{
    background: url(images/moreInfo_top.gif) bottom left no-repeat;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
    width: 618px;
}
/*
.dynamicMoreInfo .middle
{background: url(images/moreInfo_middle.png) top left repeat-y;
min-height:100px;margin:0;padding:0px 0px 0px 0px;
}
*/
.dynamicMoreInfo .bottom
{
    background: url(images/moreInfo_bottom.gif) bottom left no-repeat;
    overflow: hidden;
    padding: 0px 0px 20px 0px;
    float: left;
    width: 618px;
}
.moreInfo
{
    background: url(images/moreInfo.png) top left no-repeat;
    height: 199px;padding: 0px 10px;
}
.dynamicMoreInfo h3
{
    padding-top: 0px;
}
.moreInfo h3
{
    padding-top: 15px;
}

.moreInfo .bullets, .dynamicMoreInfo .bullets
{
    width: 580px;
    float: left;
    padding: 5px 0px 5px 20px;
}
.moreInfo .bullets .bullet, .dynamicMoreInfo .bullets .bullet
{
    width: 10px;
    float: left;
}
.moreInfo .bullets .text, .dynamicMoreInfo .bullets .text
{
    padding-left: 20px;
}
.moreInfo ul li, .dynamicMoreInfo ul li
{
    list-style-type: none;
    margin-right: 20px;
    text-indent: -10px;
    line-height: 20px;
}

.moreInfo ul li:before, .dynamicMoreInfo ul li:before
{
    content: "> ";
    display: block;
    float: left;
    width: 10px;
}

/* =============================================================================
 * End of eNews styles
 * ============================================================================= */