﻿body
{
    background-color: #C0DEED;
    font-family: Arial, Verdana;
    color: #666;
}


.MainContainer
{
    background-color: #E4E4D7;
    width: 70%;
    vertical-align: top;
    position: relative;
    top: 0px;
    text-align: left;
}

.SubContainer
{
    background-color: #ffffff;
    width: 75%;
    vertical-align: top;
    text-align: left;
}

.SubContainerTwo
{
    width: 25%;
    background-color: #ffffff;
    vertical-align: top;
    text-align: left;
    
}

.MainContent
{
    left: 25px;
    width: 95%;
    text-align: left;
    position: relative;
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: top;
    top: 0px;
}

.MainContentTwo
{
    margin-left: 20px;
    margin-right:20px;
    text-align: left;
    
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
  
    
}

div
{
    font-size: 13px;
}

h1
{
    border-bottom: solid 4px #4C8EAF;
    width: 80%;
    color: #4C8EAF;
}

h2
{
    border-bottom: solid 1px #4C8EAF;
    width: 80%;
    color: #4C8EAF;
}

.ProjectSelection
{
    border: solid 1px #cccccc;
    width: 100%;
}

.hide
{
    display: none;
}

.SmallText
{
    font-size: 11px;
}
.SpecialNote
{
    font-weight: bold;
    font-style: italic;
    color: #808080;
    font-size: 13px;
    position: relative;
    left: 0px;
    background-color: #FFFFFF;
    padding: 20px 20px 20px 20px;
}
.SpecialNoteSmall
{
    font-weight: bold;
    font-style: italic;
    color: #808080;
    font-size: 11px;
}


a:link, a:visited
{
    color: #5599BB;
}

a:hover, a:active
{
    color: #4C8EAF;
}

/*========================IFrames===============================*/

.SpecialNoteIFrame
{
    position: absolute;
    width: 15%;
    height: 100%;
    top: 54px;
    left: 60%;
}

.NavBarIFrame
{
    position: relative;
    width: 70%;
    height: 50px;
}


/* ============================= Spiffy rounded corners ================================*/

.spiffy
{
    display: block;
}
.spiffy *
{
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background: #5599BB;
}
.spiffy1
{
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #b5d3e1;
    border-right: 1px solid #b5d3e1;
    background: #7fb2cc;
}
.spiffy2
{
    margin-left: 1px;
    margin-right: 1px;
    padding-right: 1px;
    padding-left: 1px;
    border-left: 1px solid #eef4f8;
    border-right: 1px solid #eef4f8;
    background: #75acc7;
}
.spiffy3
{
    margin-left: 1px;
    margin-right: 1px;
    border-left: 1px solid #75acc7;
    border-right: 1px solid #75acc7;
}
.spiffy4
{
    border-left: 1px solid #b5d3e1;
    border-right: 1px solid #b5d3e1;
}
.spiffy5
{
    border-left: 1px solid #7fb2cc;
    border-right: 1px solid #7fb2cc;
}
.spiffyfg
{
    background: #5599BB;
    padding-left:10px;
    padding-right:10px;
    padding-top: 4px;
    padding-bottom:4px;
    color:#ffffff;
    font-weight:bold;
    font-size:13px;
}
