/* css doc */
body{
    background: #006100 url("bg.png") top repeat-x;
    width: 760px;
    height: auto;
    margin: 15px auto;
    border: 10px solid transparent;
    padding: 3px 3px;
}
body a:link, a:visited
{
    color: #FFF;
}
body a:hover
{
    color: #F00;
}
p
{
    width: auto; 
    height: auto;
}
.p2
{
    width: auto; 
    height: auto;
    text-align: center;
    font-size: x-large;
}
#header
{
    background-image: url(Header-white.png);
    width: 760px;
    height: 155px;
}
#footer
{
    background-color: inherit;
    width:100%; 
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #000000;
    top: 0px;
    left: 0px;
    padding-bottom: 10px;
    margin-left: 0px;
}
#footer a:link
{
    color: #eee;
    }
#footer a:hover
{
    color: #FFF;
    }
#p-container
{
    width:262px;
    height: 85px;
    position: relative;
    top: 0px;
    left: 188px;
}
    
.blackbar
{
    width: 100%;
    background-color: #000;
    height: 30px;
    }

/**********************************/
#contain-all
{   
    background: #bbb;
    border: 1px solid black;
    margin: auto;
    width: 600;
    padding-top: 10px;
    padding-bottom: 100px;
    height: 600;
    
    -moz-box-shadow: 23px 23px 100px #333;
    -webkit-box-shadow: 23px 23px 100px #333;
}
#container
{
    background: inherit;
    width: 81px;
    height: 95px;
    padding-top: 10px;
    padding-bottom: 100px;
    font-family: Georgia;
}
#containcontent
{
    background: inherit;
    width: 610px;
    height: auto;
    padding-top: 30px;
    padding-bottom: 20px;
    font-family: Georgia;
    margin-top: 0px;
    margin-left: 110px;
}
#containcontent2
{
    background: inherit;
    width: 720px;
    height: auto;
    padding-top: 30px;
    padding-bottom: 20px;
    font-family: Georgia;
    margin-top: 0px;
    margin-left: 20px;
}
 
 /******* headding items ********/
 h1,
 h2,
 h3,
 h4,
 h5,
 h6
{
    width: 575px; 
    height: auto;
    background-color: #e3e3e3;
    left: 200px;
    top: 0;
    position: relative;
    padding-left: 10px;

    -moz-box-shadow: 3px 3px 10px #292929;
    -webkit-box-shadow: 3px 3px 10px #292929;
    
    color: #252525;
    text-shadow: 0 1px 0 white;
    margin-top: 0px;
    margin-bottom: 0px;
}
 /******* menu items *******/   
.fold{width: 0; height: 0;line-height: 0;border-left: 20px solid transparent;border-top: 10px solid #c3c3c3;left: 0;top: 104%;position: absolute;}
.fold-right{width: 0; height: 0;line-height: 0;border-right: 27px solid transparent;border-bottom: 15px solid #c3c3c3;right: 0;bottom: 104%;position: absolute;}
.a{background: transparent;color: #252525;text-shadow: 0 1px 0 white;font-family:  Georgia, "Times New  Roman", Times, serif;}

a img { border: none; }

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8{text-align: left;background: #e3e3e3;padding: 5px 5px 5px 20px;margin-left: -21px;margin-top: 0;position: relative;width: 100%;margin-bottom: 10px;-moz-box-shadow: 4px 4px 10px #292929;-webkit-box-shadow: 4px 4px 10px #292929;color: #252525;text-shadow: 0 1px 0 white;z-index: 111;}
#menu1 a:link,#menu2 a:link,#menu3 a:link,#menu4 a:link,#menu5 a:link,#menu6 a:link,#menu7 a:link,#menu8 a:link, #menu1 a:visited,#menu2 a:visited,#menu3 a:visited,#menu4 a:visited,#menu5 a:visited,#menu6 a:visited,#menu7 a:visited,#menu8 a:visited{color: #252525;background: transparent;text-decoration: none;}
#menu1 a:hover,#menu2 a:hover,#menu3 a:hover,#menu4 a:hover,#menu5 a:hover,#menu6 a:hover,#menu7 a:hover,#menu8 a:hover{color: #458B00;text-shadow: 0px 0px 10px #458B00;}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,.grid_2,.grid_3 {display:inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left: 0;top: 0px;left: 0px;width: 88px;height: 207px;}
.omega {margin-right: 0;position: relative;width: 758px;top: -207px;left: -3px;height: auto;}

/* Table Object
---------------------------------------------------------------------------------------------------*/
#table{width: inherit;height: auto;}
#table_demo{width:100%;}

/* Table Classes
---------------------------------------------------------------------------------------------------*/
.left_tbl{width: 273px;padding: 10px;}
.left_tbl2{width: 135px;border: 1px solid #000;padding: 10px;}
.right_tbl{width: auto;height: auto;padding: 10px;}
.right_tbl2{width: auto;height: auto;padding: 10px;}
.td_Pad{padding: 10px}
.td, td2{background: #006100 url(bg2.png);border: 1px solid #000;-moz-box-shadow: 1px 1px 10px #000;-webkit-box-shadow: 1px 1px 10px #000;vertical-align: top;}
.ul{font-size: 8pt;}

/* Demo Button Classes 
-------------------------------------------------------*/
.demo{background-color: #EEC900;text-align: center;margin: auto 25%;border: 1px solid black;-moz-box-shadow: 1px 1px 5px #000;-webkit-box-shadow: 1px 1px 5px #000;color: #535353;text-shadow: 0 1px 0 #FFF68F;}
.demo a:link, .demo a:visited {color: #252525;background: transparent;text-decoration: none;}
.demo a:hover {color: #458B00;text-shadow: 0px 0px 10px #458B00;}
#demo_menu{text-align: left;background: #EEC900;padding: 5px 5px 5px 20px;margin-left: -21px;margin-top: 0;position: relative;width: 100%;margin-bottom: 10px;-moz-box-shadow: 4px 4px 10px #000;-webkit-box-shadow: 4px 4px 10px #000;color: #535353;text-shadow: 0 1px 0 #FFF68F;z-index: 111;}

#demo_menu a:link, #demo_menu a:visited {color: #252525;background: transparent;text-decoration: none;}
#demo_menu a:hover {color: #458B00;text-shadow: 0px 0px 10px #458B00;}
.fold_demo{width: 0; height: 0;line-height: 0;border-left: 20px solid transparent;border-top: 10px solid #998700;left: 0;top: 103%;position: absolute;}

/* Link Color Controlls
-----------------------------------------------------------*/
.demolink a:link, .demolink a:visited {color: #252525;background: transparent;text-decoration: none;}
.demolink a:hover {color: #458B00;text-shadow: 0px 0px 10px #458B00;}
.listlink a:link, .listlink a:visited {color: #0019FF;background: transparent;text-decoration: none;}
.listlink a:hover {color: #0063E5;}    

h2 a:link, .headlink a:visited {color: #252525;background: transparent;text-decoration: none;}
h2 a:hover {color: #458B00;}    
    
/* DFD Box */
.DFD{padding-top: 20px;font-size:small;}
/* CSS and HTML designed and written by Andrew Liddycoat andrew.liddycoat@bitincsystems.com all rights reserved */