body 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: Black;
    font-size: 12px;
}

p
{
    padding: 5px;
}

a:link
{ 
	color: #CC0000;
}

a:visited
{ 
	color: #990099;
}

a:hover
{ 
	text-decoration: none;
}

a:active
{ 
	color: #CC0000;
}
	
.LinkStyle
{
    color: #CC0000;
    text-decoration: underline;
}

a:hover.LinkStyle
{ 
    color: #CC0000;
	text-decoration: none;
}

a:active.LinkStyle
{ 
	color: #CC0000;
}

a:visited.LinkStyle
{ 
	color: #990099;
}

.BodyColumnPanel
{
}

.MainPanel
{
    background-color:White;
    width: 950px;
}

/* AKA. TopPanel.  This sits on top the three columns */
.HeaderPanel
{
    background-color: Gray;
}

/* TopPanel sub-panel that holds the top menu */
.HeaderMenuPanel
{
    background-color: #d00c0c;
    border-bottom-color: Gray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* Second TopPanel sub-panel */
.HeaderBottomPanel
{
    background-color: Black;
}

.HeaderBannerPanel
{
        background-color: White;
}

.HeaderBannerLeftPanel
{
    float:left;
    width: 312px;    
    
    border-right-width: 1px;
    border-right-color: Black;
    border-right-style: dashed;
}

.HeaderBannerRightPanel
{
    overflow: hidden;
}

.HeaderImage
{
}

.MiddlePanel
{
    background-color:White;
}

.SideBarPanel
{  
    margin: 18px;
    padding: 5px;
}

.BodyLeftColumnPanel
{ 
    color: Black;
    width: 310px;

    border-top-width: 1px;
    border-top-color: Black;
    border-top-style: dashed;
    
    border-right-width: 1px;
    border-right-color: Black;
    border-right-style: dashed;
    
    padding: 0px;
    min-height: 500px;
}

.BodyCenterColumnPanel
{
    float: left;
    width: 640px;
    /* height: 550px; */
            
    border-left-width: 1px;
    border-left-color: Black;
    border-left-style: dashed;
}

.ContactBodyPanel
{
    margin: 5px;
}

.FormPanel
{
    margin: 5px;
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
    width: 320px;
}

.BodyCenterMenuPanel
{
    background-color: Gray;
    width: 100%;
}

.BodyTextHeaderPanel
{
    clear: both;
    color: Red;
    text-align: center;
    margin: 5px;
    padding: 5px;
    font-weight: bold;
    font-size: larger;
}

.BodyRightTextHeaderPanel
{
    clear: both;
    color: Red;
    margin: 5px;
    padding: 5px;
    font-weight: bold;
    font-size: larger;
}

.BodyTextImage
{
    float: left;
    padding: 10px;
}

.BodyTextSmallHeader
{
    color: Black;
    font-weight: bold;
}

.BodyTextPanel
{
    float: left;
}

.BodyTextLeftColumnPanel
{
    float: left;
    margin: 5px;
    padding: 5px;
    width: 45%;
}

.BodyTextRightColumnPanel
{
    float: left;
    margin: 5px;
    padding: 5px;
    width: 45%;
}

.BodyTextLeftImage
{
    padding: 5px;
    float: left;
}

.CenterImagePanel
{
    margin: 5px;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}

.BodyTextList
{
    line-height: 1.5em;
}

.FooterPanel
{
    clear: both;
    background-color: #d00c0c;
    
    color: White;
    font-size: 90%;
    text-align: center;
}

.BottomPanel
{
    height: 5px;
    background-color: Black;
}

.ProjectNamePanel
{
    float: left;
    width: 75px;
    padding: 10px;
}

.ProjectPanel
{
    float: left;
    width: 565px;
    height: 400px;
    padding-top: 10px;
    padding-left: 20px;
}

.ProjectBodyPanel
{
    height: 550px;
}

.ProjectItem
{
    width: 100%;
    padding: 0px;
}

.SideBarHeadingPanel
{
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    
    background-color: #cccccc;
    color: Black;
    margin: 5px;
    padding: 5px;
    width: auto;
    
    text-align: center;
    font-weight: bold;
}