﻿body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #5f5f6b;
    margin: 0px;
    background-image: url(images/bgdBody.jpg);
    background-repeat: repeat;
}
html
{
    border: 0;
}

h1
{
    font-size: 16px;
    font-weight: normal;
    color: #7f898e;
    letter-spacing: 0.1em;
}
hr
{
    height: 1px;
    border-top: 1px solid #7f898e;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
}
img
{
    border: 0px;
}
form
{
    margin: 0px;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.clearer
{
    height: 15px;
    clear: both;
}
.input
{
    width: 95px;
    height: 13px;
    background: #fcfaf2;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-right: 11px;
    padding: 2px 1px 0px 1px;
    border-right: inset;
    border-top: inset;
    border-left: inset;
    border-bottom: inset;
}



/* Michael Added Button */
.button
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
    background-color: #56573e;
    color: #ffffff;
    font-size: 10px;
}

.button:hover
{ 
    background: #ffffff;
    color: #56573e;
}

/* Menu Bar  */
.NavMenu
{
    width: 780px;
    padding-left: 20px;
    padding-top: 10px;
    font-family: Trebuchet MS;
    padding-right: 0px;
    padding-bottom: 0px;
}

#XnetHeader
{
    width: 730px;
    height: 88px;
    margin: auto;
    background: url(images/XnetbgdHeader.jpg) no-repeat;
    padding-left: 270px;
    padding-top: 15px;
    
}
#Xnetmenu
{
    width: 1000px;
    height: 80px;
    margin: 20px auto auto;
    padding: 0px 0px 0px 0px;
    font: 100% "Trebuchet MS" , "Lucida Grande" , Helvetica, Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 0.04em;
    background: url(images/XnetbgdMenu.gif) no-repeat;
}

/*michael's DropMenu */
.mbdrop
{
    margin-top: 9px;
    position: absolute;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#5E6042,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}



#header
{
    width: 261px;
    height: 83px;
    margin: auto;
    background: url(images/bgdHeader.jpg) no-repeat;
    padding-left: 539px;
    padding-top: 20px;
}

#menu
{
    width: 800px;
    height: 80px;
    margin: 20px auto auto;
    padding: 0px 0px 0px 0px;
    font: 100% "Trebuchet MS" , "Lucida Grande" , Helvetica, Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 0.04em;
    background: url(images/bgdMenu.gif) no-repeat;
}
ul.menu
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.menu li
{
    display: inline;
    margin: 0px 40px 0px 0px;
    padding: 0px;
}
.menu a
{
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}
.menu a:hover
{
    text-decoration: none;
    color: #cecece;
    font-weight: normal;
}
#menuEnd
{
    margin: 0px;
}
.dropMenu
{
    width: 165px;
    margin-top: 9px;
    background: #5e6042;
    visibility: hidden;
    z-index: 3;
    position: absolute;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=2); /*Add Shadow in IE. Remove if desired*/
}
.dropMenu a
{
    width: auto;
    display: block;
    color: #ffffff;
    text-indent: 5px;
    text-decoration: none;
    padding: 6px 0px 6px 6px;
}
* html .dropMenu a
{
    /*IE only hack*/
    width: 100%;
}
.dropMenu a:hover
{
    color: #ffffff;
    background: #8fb425;
}
#content
{
    width: 760px;
    min-height: 519px;
    margin: auto;
    padding: 0px 19px 20px 19px;
    background: url(images/bgdContent.jpg) repeat-x top center #f6f6f6;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
}
#banner
{
    width: 760px;
    height: 230px;
    margin-bottom: 30px;
}
#banner img
{
    display: block;
}
#banner p
{
    width: 395px;
    display: block;
    font-size: 11px;
    padding: 75px 0px 0px 0px;
    margin: 0px 0px 0px 20px;
}
#footer
{
    width: 800px;
    height: 90px;
    margin: auto;
    padding: 30px 0px 0px 0px;
    background: url(images/bgdFooter.jpg) no-repeat top center;
    color: #7f898e;
    font-size: 9px;
}
#footer p
{
    margin: 0px;
    padding: 0px;
}
a.logo
{
    width: 92px;
    height: 73px;
    display: block;
    float: left;
    background: url(images/logo.jpg) 0 0 no-repeat;
    text-decoration: none;
}
a:hover.logo
{
    background-position: -92px 0;
}

.Panels
{
    background-image: url(/i/ContactMeBackBox.png); 
    background-repeat: no-repeat; 
    width: 290px; 
    height: 190px; 
    text-align: center;
}

#Xnetcontent
{
    width: 960px;
    min-height: 519px;
    margin: auto;
    padding: 0px 19px 20px 19px;
    background: url(images/bgdContent.jpg) repeat-x top center #f6f6f6;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
}

#DataListItem
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e2eaeb, endColorstr=#ffffff);
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    width: 230px;
    padding-top: 5px;
    text-align :center ;
    
  
}
.DataListImage
{
   width  : 150px;
   
   
}

.DateListTitle
{
    
    font-size : 10pt;
}

.DataListDis
{
    font-size :x-small ;
    
}

.DataListDate
{
    
}

.DataListRead
{
    padding-left : 40px;
}


#BetaAdminTop, #BetaAdmin1Sub, #BetaAdmin2Sub, #BetaAdminEditing{
    width : 100%;
}

#BetaAdminTopLeft, #BetaAdmin1SubLeft, #BetaAdmin2SubLeft{
    float:left ;
}

#BetaAdminTopRight, #BetaAdmin1SubRight, #BetaAdmin2SubRight{
    float:right ;
}

#ProXnetMenu
{
    width: 1000px;
    height: 100px;
    margin: 20px auto auto;
    padding: 0px 0px 0px 0px;
    font: 100% "Trebuchet MS" , "Lucida Grande" , Helvetica, Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-align :center ;
   
}

#ProXnetCont
{
    width: 960px;
    min-height: 519px;
    margin: auto;
    padding: 0px 19px 20px 19px;
    background: url(images/bgdContent.jpg) repeat-x top center #f6f6f6;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    text-align :center ;
}

#ProXnetMain, #Div1
{
    width: 960px;
    padding-bottom: 10px;
    margin: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    
}

#ProXnetMainLeft, #Div2
{
    float: left;
    width: 120px;
    border-right: green 3px solid;
}
#ProXnetMainRight, #Div3
{
    float: right;
    width: 750px;
    margin-right: 10px;
}
a
{
    text-decoration: none;
    color: #000000;
    text-decoration : underline;
}

a:hover
{ 
    text-decoration: underline;
}

#GoBut
{
    height :20px;
}

