body
{
    color: #333333;
    font-family: verdana;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    margin: 0px;
}

h1
{
    color:#333333;
    font-family:Verdana;
    font-size:18px;
    text-decoration:none;
    font-weight:normal;
    height:20px;
}

.clear
{
    margin: 0px;
    padding: 0px;
    clear: both;
}

.top-head
{
    margin:0px;
    padding:0px;
    background-image: url(/Images/MainImages/TopBack.png);
    background-repeat:no-repeat;
    height: 110px;
    width: 1000px;
    text-align:center;
    vertical-align:top;
    border-bottom:1px solid #000000;
}

.TopNav
{
    width:142px;
    height:21px;
    padding-top:5px;
    text-align:center;
    vertical-align:top;
    cursor:default;
}

.TopNav:hover
{
    width: 142px;
    height: 21px;
    padding-top:5px;
    text-align:center;
    vertical-align:top;
    background-color:#ffffff;
    cursor:pointer;
}

a.TopLink
{
    color: #ffffff;
    font-family: verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    text-align:center;
    vertical-align:top;
}

a.TopLink:hover
{
    color: #333333;
    font-family: verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    text-align:center;
    vertical-align:top;
}

.Feaatured-bar
{
    height:170px;
    width:1000px;
    background: url(/Images/MainImages/BtmBack.png);
    background-repeat:no-repeat;
    text-align:left;
    vertical-align:middle;
    border-bottom:1px solid #000000;
}

.top-body
{
    width: 940px;
    height: 90px;
    margin: 0px;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:30px;
    padding-right:30px;
    text-align: left;
    vertical-align: top;
}

.top-body-con
{
    height: auto;
    width: 310px;
    float: left;
    text-align: left;
    vertical-align: top;
}

.top-body-con p
{
    font-family: Verdana;
    color: #2e2e2e;
    font-size: 11px;
    font-weight: normal;
    margin: 5px;
    line-height: 18px;
}

.top-body-con a
{
    color: #ffffff;
    font-size: 15px;
    font-family: verdana;
    text-decoration: none;
    font-weight: bold;
    line-height: 20px;
}

.top-body-con a:hover
{
    color: #0099ff;
    font-size: 15px;
    font-family: verdana;
    text-decoration: underline;
    font-weight: bold;
}

.top-body-con span
{
    color: #63880a;
    font-size: 15px;
    font-family: verdana;
    line-height: 25px;
}

.img-box
{
    height: auto;
    width: auto;
    float: left;
    margin-right: 10px;
}

.Title
{
    color: #888888;
    font-family: verdana;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    text-align:left;
    vertical-align:top;
    
}

.SectionTitle
{
    color: #0066ff;
    font-family: verdana;
    font-size: 15px;
    text-decoration: none;
    font-weight: normal;
}

.SubTitle
{
    color: #ffffff;
    font-family: verdana;
    font-size: 15px;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}

.Line
{
    border-bottom:1px solid #cccccc;
}

.space5
{
    font-size: 5px;
    height: 5px;
}

a.Learnmore1
{
    color: #0099ff;
    font-family: verdana;
    font-size: 15px;
    text-decoration: none;
    font-weight: normal;
}

a.Learnmore1:hover
{
    color: #333333;
    font-family: verdana;
    font-size: 15px;
    text-decoration: underline;
    font-weight: normal;
}
a.Learnmore2
{
    color: #ffffff;
    font-family: verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
}

a.Learnmore2:hover
{
    color: #0099ff;
    font-family: verdana;
    font-size: 11px;
    text-decoration: underline;
    font-weight: normal;
}

a.FootNav
{
    color: #333333;
    font-family: verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: normal;
}

a.FootNav:hover
{
    color: #0099ff;
    font-family: verdana;
    font-size: 10px;
    text-decoration: underline;
    font-weight: normal;
}

a.Contact
{
    color: #333333;
    font-family: verdana;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
}

a.Contact:hover
{
    color: #0099ff;
    font-family: verdana;
    font-size: 12px;
    text-decoration: underline;
    font-weight: normal;
}

.Footertxt
{
    color: #333333;
    font-family: verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: normal;
}

.Content
{
    width:1000px;
    text-align:left;
    vertical-align:top;
}

.RowClass
{
    border-bottom:1px solid #0099ff;
    border-left:0px;
    border-right:0px;
    border-top:0px;
}

.RowHClass
{
    border-bottom:1px solid #009900;
    border-left:0px;
    border-right:0px;
    border-top:1px solid #009900;
}
    

.stepcarousel
{
    position: relative;                         /*leave this value as is*/
    overflow: scroll;                           /*leave this value as is*/
    width: 1000px;                              /*Width of Carousel Viewer itself*/
    height: 200px;                              /*Height should enough to fit largest content's height*/
    text-align: center;                         /*border:1px solid #333333;*/
}

.stepcarousel .belt
{
    position: absolute;                         /*leave this value as is*/
    left: 0;
    top: 0;
}

.stepcarousel .panel
{
    float: left;                                /*leave this value as is*/
    overflow: hidden;                           /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0px;                                /*margin around each panel*/
    padding: 0px;
    width: 1000px;                              /*Width of each panel holding each content. If removed, 
											    - widths should be individually defined on each content "Panel" DIV then. 
											    - fro example "<div class="panel" style="width: 150px">" */
}