/* basic page layout for the griffgroup.com hub area */

/* page wrapper */
body
{
text-align:left;
font-family:Verdana,Tahoma,Helvetica,sans-serif;
}
h1
{
font-family:"Courier New","Lucidia Console",Verdana,Tahoma,Helvetica,sans-serif;
font-size:x-large;
margin:0;
padding:0;
}
h2
{
font-size:large;
}
h3
{
font-size:medium;
}
#page
{
width:85%;
margin:auto;
}
/* header including picture and branding */
#head
{
text-align:center;
}

#head img
{
padding:0;
margin:0;
margin-bottom:-3%;
}
#head h1 h2
{
padding:0;
margin:0;
padding-bottom:3px;
padding-left:3px;
}
#brand
{
border-bottom:3px solid #000000;
border-top:3px solid #000000;
}
/* site navigations bar */
#navigation
{
float:left;
width:15%;
margin-bottom:100%;
}
#navigation li
{
list-style:none;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
margin-right:25%;
font-size:medium;
}
#navigation li:hover
{
background-color:#000000;
color:#FFFFFF;
}
#navigation a:visited{text-decoration:none;color:#000000;}
#navigation a:link{text-decoration:none;color:#000000;}
#navigation a:hover{color:#FFFFFF;}
/* content block (paragraph structure) */
#content p
{
}
span
{
border-bottom:1px solid #000000;
padding:0;
margin:0;
}
span:hover
{
cursor: crosshair;
}
/**************form styles*************************/
form.contact fieldset{border:2px solid #000000;}
form.contact legend
{
font-weight:bold;
padding:5px;
}
form.contact
{
margin:0;
margin-top:5%;
line-height:150%;
}
form.contact label
{
font-weight:bold;
font-size:small;
}
form.contact p {margin-top:5%;margin-left:10%;}
form.contact label.fixedwidth{display:block;width:12%;float:left;}
.button{text-align:center;margin-top:2%;}