BODY {   
background-color : #cecece;
margin : 0;
background-image : url(bkgray.gif);
background-position : top center;
background-repeat : repeat-y;
}




/* MENUS------------------------------------------------------------
for block with no drop down use tl like this:
<div class="menublock" onmouseover="this.className='display'" onmouseout="this.className='menublock'">
<a class="tl" href="index.html">Consulting</a> 
</div> */

#menubox { 
padding : 0;
height : 17px;
background-color : #606379;
z-index : 10;
width : 929px;
margin-left : auto;
margin-right : auto;
position : relative;
}


/* menucont div sets absolute position relative to menubox div so z-index will work. can use menubox to allow hidden navigation skipping --menucont div is shell for all menus
*/

#menucont {
z-index : 15;
margin-left : auto;
margin-right : auto;
position : absolute;
width : 929px;
}

/*each dropdown button, the .display is used with mouseovers, comma means attributes apply to both, without background color only the top line of the menus appears when hovering*/

.menublock, .display {
float : left;
width : 96px;
background-color : white;
}


/*???the mouseover vertical drop-down menu lines,
same as menublock color, will only show if margin isn't set to zero for link states*/

/*turns displays of links on and displays of dropdowns off until hovered - subs  menus*/

.subs{
background-color : #99a6b0;
width : 96px;
}

.subs a {
display : block;
}

.menublock .subs {
display : none;
}

/*-description of the styles of the text for the links, can set a margin so that color shows as area around bars. also controls display of non-list type tl*/

#menucont a.tl, #menucont a.tl:hover, #menucont a.tl:active, #menucont a.sl, #menucont a.sl:hover, #menucont a.sl:active { 
display : block;
font-size : 10px;
text-decoration : none; 
background-color : #606379;
margin : 0;
padding : 0 3px 3px 3px;
text-align : center;
border-right : 1px solid #606379;
/*this border bottom shows on single link block and as lines between links on drop menus*/
border-bottom : 1px solid #606379;
line-height : 1.3em;
width : 96px;
}

#menucont a:visited {
color : #c60;
}
#menucont a.tl:visited {
color : #eee;
}

.nolink { 
font-size : 10px;
width : 96px;
display : block;
text-decoration : none; 
color : #eee;
color : white;
font-weight : bold;
background-color : #606379;
margin : 0;
padding : 0 3px 3px 3px;
text-align : center;
border-right : 1px solid #606379;
border-bottom : 1px solid #606379;
line-height : 1.3em;
}

/*these are the colors that actually show for the link bars, must set bk-img to none if used in menucont or if used for a.sl*/
#menucont a.tl:hover, #menucont a.tl:active , #menucont a.sl:hover, #menucont a.sl:active { 
background-image : none;
background-color : #fffdad;
color : black;
}
#menucont a.sl, #menucont a.sl:hover, #menucont a.sl:active {
text-align : left; 
background-image : none;
background-color : #fffff0;
background-image : url(gradient.gif);
color : black;
}

#menucont a.sl:hover {
background-color : #fffdad;
background-image : none;
color : black;
}




/*holds tag div and title div----------------------------------------------*/ 
#header {
background-color : #e3e6ef;
background-image : url(bkmobile.jpg);
width : 929px;
height : 70px;
padding : 0;
margin-right : auto;
margin-left : auto;
z-index : 5;
}

#title {
width : 600px;
padding : 0 35px 0 0;
text-align : right;
margin-left : auto;
float : right;

}

/*empty*/
#tag {
width : 100px;
padding : 3px 5px 0 10px;
margin-right : auto;
float : left;
}




/*holds all column div-------------------------------------------*/

#columns   {
width : 929px;
height : 520px;
margin-right : auto;
margin-left : auto;
z-index : 5;
}

#contact {  
width : 270px;  
padding : 12px 12px 12px 22px;
margin-right : auto;
float : left;
background-color : #e0e1e9;
border-bottom : 1px solid #ccc;
border-right : 1px solid #ccc;
} 



#description {
width : 250px;
padding : 27px 16px 6px 41px; 
clear : none;
float : left;
}

#description2 {
width : 250px;
padding : 27px 0 6px 24px;
clear : none;
float : left;
}

/*visited before hover*/
a:link {
color : #044476;
color : #446;
text-decoration : none;
}
a:visited {
color : #044476; 
color : #446;
text-decoration : none;
}
a:hover { 
color : black;
color : #ff9933;  
text-decoration : none;
}
a:active {
color : black;
color : #ff9933;  
text-decoration : none;
}

H1 {
font-weight : normal;
font-size : 38pt; 
color : #044476;
color : white;
margin : 0;
}
H2 {
font-weight : normal; 
font-size : 170%; 
}
H3 {
font-weight : normal;
font-size : 125%; 
margin : 0 0 3px 0;
color : #333;
}
H4 {
font-weight : normal; 
margin : 0 0 1px 0; 
font-size : 130%;
}
H5 {
font-weight : normal; 
font-size : 14pt; 
color : #044476;
margin : 0;
}
H6 {
font-weight : normal; 
font-size : 85%;
margin : 0; 
color : #999;
}

div , p , th , td , li , dd , dl , dt { 
font-weight : normal; 
font-size : 13px;
font-family :  verdana, Verdana, sans-serif;
color : #333;
}

img { 
border : 1px solid #ccc;
}




.noborder {
border : none;
}
.noborder a img {
border : none;
}

.float {
float : right;
margin : 4px 10px 0 0;
border : 1px solid #ccc;  
}

.description { 
margin : 0;
font-size : 95%; 
line-height : 1.4em; 
padding : 6px 0 30px 0;
background-image : url(gradientnfv.gif);
background-repeat : no-repeat;
}
.description img {
float : left;
margin : 19px 10px 0 0;
border : 1px solid #ccc;  
}


.contact {
font-size : 85%; 
margin : 6px 0 20px 0;
line-height : 1.3em;
}

.box {
border : 1px solid #ccc;
padding : 0 2px 1px 2px; 
background-color : #f7f7f7; 
background-color : white; 
}

.cite {
font-size : 80%; 
font-weight : normal;
margin : 0;
color : #999;
}