﻿body {
    margin           : 1%;
}

table {
    clear            : both;
    width            : 100%;
}

a:link {
    color            : rgb(0, 51, 204);

    font-weight      : 600;
}

a:visited {
    color            : #153E7E;
    text-decoration  : none;
    font-weight      : 600;
}

a:active {
    color            : #E8A317;
    text-decoration  : none;
    font-weight      : 600;
}

a:hover {
    color            : #DC143C;
    text-decoration  : none;
    font-weight      : 600;
}

.firebrick {
    color            : #C11B17;
}

h3 {
    margin-bottom    : 4px;
}

.Top {
    background-color : #FFFFFF; /*position	:relative; top	:-5px;*/
    min-width        : 750px; /* IE Dynamic Expression to set the width */
/*width:expression(document.body.clientWidth < 700 ? "700px" : "100%" ); */
/*position	:relative; top	:-5px;*/
}

.Middle {
    clear            : both;
}

#CapOverview {
    margin-right     : 5px;
    padding-right    : 10px;
    background-color : #4863A0;
}

.PageTitle {
    font-family      : 'Lucida Sans Unicode', sans-serif;
    font-size        : large;
    font-weight      : bold;
    color            : #FFFFFF; /*	border		: 1px solid #808080; */
    background-color : #1569C7;
    padding          : 10px;
    clear            : both;
}

.PageSectionTitle {
    font-family      : Verdana, Helvetica, 'Lucida Sans Unicode', sans-serif; /*color				: #EAC117;  #1569C7  153E7E*/
    color            : #1569C7;
    height           : 20px;
    border           : 1px solid #808080;
    background-color : #d7d7d7;
    text-align       : center;
    padding-bottom   : 2px;
    margin-bottom    : 4px;
}

.Subtitle {
    font-weight      : bold;
    font-style       : italic;
}

.TipText {
    font-family      : 'Georgia', serif;
    font-size        : 12px;
    text-align       : left;
    line-height      : 100%;
    margin-top       : -12px;
}

.TipTitle {
    font-family      : Verdana, Helvetica, 'Lucida Sans Unicode', sans-serif;
    font-size        : 11pt
}

#Projects {
    border           : 1px solid #808080;
    padding          : 4px;
    position         : relative;
    top              : -4px;
    background-color : #c0cbe7;
}

#CompanyInfo {
    position         : relative;
    top              : 0px; /* Don't remove this*/
}

/* Group Panels onto row by themselves */
.PanelRow {
    clear            : both;
    margin           : 3px;
}

.NoMargin {
    margin           : 0px;
}

/* The Recent projects panel on the main page */
#Projects .PanelRow {
    padding-top      : 4px;
}

/* One Panel Fluid Width */
.Panel {
    float            : left;
    margin           : 3px;;
}

.BigPanel {
    width            : 80%;
    float            : left;
}

.SmallPanel {
    float            : left;
    margin           : 3px;;
    width            : 50px;
}

.SkyscraperPanel {
    float            : left;
    width            : 125px;
}

/* One Panel fixed 885 pixels wide */
.FullFixedPanel {
    float            : left;
    width            : 870px;
    margin           : 3px;
}

/* Three Panels of Equal width */
.ThirdPanel {
    float            : left;
    width            : 31%;
    margin           : 3px;
}

/* Two Panels of Equal width */
.HalfPanel {
    float            : left;
    width            : 46%;
    margin           : 3px;

}

.Figure {
    margin-top       : 16px;
    margin-bottom    : 16px;
    font-style       : italic;
    font-size        : 10pt;
}

.StandaloneFigure {
    margin-top       : 0px;
    margin-bottom    : 8px;
    clear            : both;
    border-style     : none;

}

.SectionTitle08 {
    font-family      : Arial, Helvetica, 'Lucida Sans Unicode', sans-serif;
    font-weight      : bold;
    font-size        : large;
    color            : #1569C7;
    height           : 20px;
    border-bottom    : 2px solid #808080;
    padding          : 5px;
    text-align       : left;
    padding-bottom   : 2px;
    margin-bottom    : 4px;
    vertical-align   : top;
    min-width        : 350px;
    clear            : both;
}

/*color				: #EAC117;  #1569C7  153E7E*/

.SectionTitle {
    font-family      : Verdana, Helvetica, 'Lucida Sans Unicode', sans-serif;
    color            : #1569C7;
    height           : 20px;
    border           : 1px solid #808080;
    background-color : #d7d7d7;
    text-align       : center;
    padding-bottom   : 2px;
    margin-bottom    : 4px;
    vertical-align   : top;
    min-width        : 350px;
    clear            : both;
}

.AlternateSectionTitle {
    font-family      : Verdana, Helvetica, 'Lucida Sans Unicode', sans-serif;
    color            : #1569C7;
    font-size        : x-large;
    font-weight      : bold;
    clear            : both;
    padding-top      : 20px;
    padding-bottom   : 2px;
    margin-bottom    : 40px;
    vertical-align   : top;
    min-width        : 350px;
    background-color : white;

}

.SectionText {
    font-family      : Verdana, Helvetica, 'Lucida Sans Unicode', arial, tahoma, sans-serif; /*font-family		: 'Georgia', serif; */
    font-size        : 10.5pt;
    text-align       : left;
    margin-bottom    : 4px;
}

.ProjectPicture {
    float            : left;
    width            : 160px;
    margin-bottom    : 10px;

}

.RedDot {
    list-style-image : url(images/BD14868_.GIF);
    vertical-align   : top;
}

.LastUpdated {
    font-size        : x-small;
    clear            : both;
}

/*===================================================================
Bottom of Main page
====================================================================*/

.Bottom {
    clear            : both;
}

.BottomForm {
    float            : left;
    padding-top      : 8px;
}

div.WebBoxes {
    margin-top       : 12px;
}

div.GoogleBox {
    margin-right     : 50px;
}

.Webster {
    float            : left;
    position         : relative;
    top              : -10px;

}

.Logo {
    float            : left;
    border-style     : none;

}

div.Webster div.Logo {
    position         : relative;
    top              : -5px;
    margin-left      : 10px;
}

p.objectClass {
    font-size        : 11pt;
    color            : #800;
    font-weight      : bold;
}

p.code {
    font-size        : 11pt;
    color            : #800;
    font-weight      : bold;
}

pre.code {
    color            : #000;
    background-color : #ccc;
    border           : 1px solid black;
    padding          : 5px;
    font-family      : 'Courier New', courier, monospace;
    font-size        : 10pt;
    width            : 650px;
    margin           : 20px;
}

.codeComment {
    color            : #00ad63;
}