﻿/* off-black: #524949
red:#965663
blue:#56b8bf
green:#d8f0ad
white:#fff*/


/*#ffe107; /*yellow*/
/*#008247; /*dark green*/
/*#e6f3ec; /*light-green*/
/*#DD2F87; /*magenta*/
/*#aacd35; /*mid green*/

body 
{
    color:#524949; /*off-black*/
    background-color:#e6f3ec; /*light-green*/
    margin:0px;
    font-family:Verdana,Arial,Helvatica,Sans-serif;
    font-size:small;
}
.smallPrint{
    font-size:x-small;
}
.formBox{
    border:solid 1px #524949; /*off-black*/
    padding:2px;
    margin-bottom:2px;
    background-color:#fff
}
.blackBorder{border:solid 3px #524949; /*off-black*/}
img {border:none}
#banner{
    background-color:#fff;

    color:#fff; /*off-black*/
  padding: 10px 5px 10px 5px;
 height:65px;
    margin:0px;
   
    border-top:solid 10px #008247; /*dark green*/
    border-bottom:solid 3px #524949;
    font-size:xx-small
}
.logonContorls{
    font-size:xx-small;
    font-weight:normal;
    text-align:center
}
#banner a{color:#fff;border:none}
#strapLine{
    background-color:#ffe107; /*yellow*/
    color:#524949; /*off-black*/
    letter-spacing:3px;
    padding: 2px;
    font-size:x-small;
    border-bottom:solid 3px #524949;
    font-weight:bold;
    text-align:center
}
#strapLine span{
    padding:5px 15px 5px 15px;
    border-right:solid 1px #524949
}
#footer{
    background-color:#aacd35; /*mid green*/
    color:#fff;
    padding: 5px 5px 5px 5px;
    margin:0px;
    border-top:solid 3px #524949;
    border-bottom:solid 10px #008247; /*dark green*/
    font-size:x-small;
    text-align:center;
    clear:both
}
#sponsors{
    background-color:#fff; /*#e6f3ec; light-green*/
    color:#524949; /*off black*/
    padding: 5px 5px 5px 5px;
    margin:0px;
    border-top:solid 3px #524949;
    border-bottom:solid 10px #008247; /*dark green*/
    font-size:x-small;
    text-align:center;
    clear:both
}
#sponsors a{
    margin:7px
    
}
#chswLogo
{
    position:absolute;
    top:0px;
    right:0px;
    border-top:solid 10px #fff;
    border-bottom:solid 10px #fff;
    border-right:solid 10px #fff;
    border-left:none;
    margin: 10px 0px 0px 0px;
    float:right;
}
h1, h2, h3 {margin:0px;margin-top:5px}


.legsTable{
    width:700px;
    text-align:center;
    color:#fff;
}
.legsTable a{
    border:none;
}
.compactTable td, .compactTable th
{
    font-size:x-small;
    border:solid 1px #000
}
.compactTable{
    border-collapse:collapse;
}

#links{
    background-color:#DD2F87; /*magenta*/
    border-right:solid 3px #524949;
    width:158px;
    float:left;
    padding:0px 5px 10px 10px;
    font-weight:bold;
    color:#fff
}
#links ul{
   /* list-style-type:none;*/
    padding:0px 10px 20px 10px;
    margin:0px;
    font-weight:normal
}
#links a{
    color:#fff;
    border-bottom:dashed 1px #DD2F87; /*magenta*/
}
#links a:hover{
    border-bottom:dashed 1px #fff
}
#linksBarContent{
    color:#524949; /*off-black*/
    background-color:#fff;
    border:solid 3px  #524949;
    margin-bottom:10px;
    width:145px;
    font-weight:normal;
    padding:0px;
    text-align:center
}
#linksBarContent ul{
    padding:5p 0px 0px 0px;
    list-style-type:none;
}
a{
 /*   text-decoration:none;*/
    color:#524949; /*off-black*/
    /*background-color:#ff0000;
    border-bottom:solid 1px #965663*/
}
a:hover{
    border-bottom:dashed 1px #524949
}
.routeMapping a{
    text-decoration:none;
    color:#fff;
    border-bottom:none
}
#pageContent{
    margin-left:180px;
    padding:15px
}
#gradImages{
    margin-top:5px
}
.gradImg, .gradImgCurrent{
    padding-bottom:2px;
    border:none
}
.gradImg{
    border-bottom: solid 2px #008247; /*dark green*/
}
.gradImgCurrent{
    border-bottom: solid 2px #DD2F87; /*magenta*/
}
.gradImg:hover, .gradImgCurrent:hover{
    border-bottom-style: dashed
}

.currentLeg, .currentLeg a{
    background-color:#DD2F87; /*magenta*/
    font-weight:bold;
}
.otherLeg{
    background-color:#008247; /*dark green*/
}
#legTitle{
    font-weight:bold;
    font-size:xx-small;
    letter-spacing:1px
}
#legInfo{
    font-size:xx-small
}
.wizardStep{
    display:none;
    height:330px
}
.newsDate{
    font-style:italic;
    font-size:xx-small
}
.newsText{
    margin:10px 0px 0px 0px
}
.newsArticleList{
    border:solid 3px #524949; /*off-black*/
    float:right;
    width:140px;
    font-size:x-small;
    text-align:center;
    margin:0px 0px 0px 10px
}
.newsArticleList ul{
    text-align:left;
    padding:0px 10px 20px 20px;
}
.infoBox{
    border:solid 3px #524949; /*off-black*/
    background-color:#ffe107; /*yellow*/
    float:right;
    width:158px;
    padding:5px;
    text-align:center
}
