/*---------------------------------------------------------------------------
        Fab Computer and Engineering LC
        All rights reserved (c) 2013

        Main style sheet for Fab web site.

        Program History
        ---------------
        Feb 2013: creation

---------------------------------------------------------------------------*/
body {
    font-family: sans-serif,Verdana,Arial,sans-serif;
    font-size: 100%;
    margin-left:auto;
    margin-right:auto;
    background: #FFFFF0;
}

/*---------------------------------------------------------------------------
    HEADER MENU
---------------------------------------------------------------------------*/

ul.menuUL {
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
}

li.menuLI{float:left;}

a:link,a:visited {
    display:block;
    width:100px;
    font-weight:lighter;
    font-size:75%;
    color:#FFFFFF;
    background-color:#808066;
    text-align:center;
    padding: 4px;
    text-decoration:none;
    text-transform:none;
}

a:hover,a:active{background-color:#666652;}

/* Underline the selected menu item */
span.menuSelect{text-decoration:underline;}

/*---------------------------------------------------------------------------
    FONTS AND TEXT
---------------------------------------------------------------------------*/
h1 {
    color: #666652;
    font-weight:300;
    font-size:2em%;
    margin-bottom: 10px;
    margin-right: 10px;
}

h2 {
    color: #666652;
    color: black;
            color: #333329;
    font-weight: 800;
    font-size:1em;
    margin-bottom: 3px;
    margin-top: 5px;
}

p {margin-top:0px;}

p.footText {text-align: center;}

/*  Fab Computer header text */
p.FabText {
    font-family: "Tahoma",Tahoma,Arial;
    font-size: 1.5em;
    font-weight: 200;
    margin-top: 15px;
}

/* Used thoughout site for "regular" text */
div.regText {
    font-family: "Tahoma",Tahoma,Arial;
    font-size: 0.85em;
    font-weight:normal;
    margin-bottom: 1px;
    margin-top:1px;
    margin-right:100px;
    color: #333329;
}

/* text for quotes */
q.qtText {
    font-size: 0.85em;
    font-weight:100;
    color: #333329;
}

/* Text on Skills page */
div.skillsText {
    font-family: "Tahoma",Tahoma,Arial;
    font-size: 100%;
    font-weight:normal;
    margin-bottom: 1px;
    margin-top:1px;
    margin-right:50px;
    color: black;
}

/*---------------------------------------------------------------------------
    TABLES
---------------------------------------------------------------------------*/
table.skills {
    width: 790px;
    height: 300px;
    border-style: solid;
    border-width: 1px;
    border-collapse:collapse;
    border-color:#666652
}

table.projects {
    width: 790px;
    height: 150px;
    border-style: ridge;
    border-width: 7px;
    border-collapse:collapse;
    border-color:#e6e6b8;
    margin-bottom: 30px;
}

td,th {
    border-width: 1px;
    border-style: solid;
    border-color: #666652;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;

}
/*---------------------------------------------------------------------------
    PANELS
---------------------------------------------------------------------------*/
div.BodyPanel {
    width: 948px;
    margin-left:auto;
    margin-right:auto;
    background: white;
}

div.HeaderPanel {
    float: left;
    width:948px;
    height: 63px;
    min-height: 100%;
    border-style:hidden;
    border-color: #99997a;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    background: #FFFFF0;
}

div.MenuPanel {
    float: left;
    width:950px;
    background: #808066;
    min-height: 100%;
    height: 22px;
    border-style: none;
}

/* Main panel that changes with menu choices */
div.onePanel {
    float: left;
    width:854px;
    min-height: 9.0in;
    background: white;
    border-style: solid;
    padding-bottom: 0px;
    border-color: #b2b28f;
    border-left-width: 30px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding-left:65px;
    padding-right 35px;
}

div.footerPanel {
    clear: left;
    width:925px;
    height: 10px;
    background: #e6e6b8;
    min-height: 100%;
    border-style:none;
    font-size:60%;
    padding-left:25px;
}

/*---------------------------------------------------------------------------
    IMAGES
---------------------------------------------------------------------------*/
img.fabLogo {
    height: 58px;
    width: 60px;
    float:left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 30px;
    margin-left: 0px;
    border-style:solid;
    border-width: 2px;
}

img.cncRouter {
    height: 100px;
    width: 175px;
    border-style: none;
    border-width: 2px;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
    margin-bottom: 25px;
}

img.bcBlocks {

    height: 136px;
    width: 102px;
    border-style: none;
    border-width: 2px;
    float: right;
    margin-right: 200px;
    margin-top: 25px;
}

img.twentyYrs {
    height: 60px;
    width: 60x;
    border-style: none;
    border-width: 2px;
    float: right;
    margin-right: 20px;
    margin-left:20px;
    margin-top: 5px;
    margin-bottom: 10px;
}
img.cPlus {
    height: 75px;
    width: 75x;
    border-style: none;
    border-width: 2px;
    float: right;
    margin-right: 0px;
    margin-left:0px;
    margin-top: 0x;
    margin-bottom:0px;
}

img.bc {

    height: 50px;
    width: 50x;
    border-style: none;
    border-width: 2px;
    float: right;
    margin-right: 0px;
    margin-left:0px;
    margin-top: 0x;
    margin-bottom:0px;
}