body {
background-color: white;  color: black;
font-family: arial, verdana, sans-serif;

font-size: 100%;
margin: 0px; padding: 0px;}









.first {
font-size: 200%; 
font-family: "Lucida Calligraphy", serif, sans-serif;

}



.contents {

background-color: white;
color: black;
font-size: 100%;
text-align: left;

display: inline; 
 padding: 20px; 
vertical-align: top; 
float: left;
 width: 65%;

}




.footer { width: 100%; background-color: white; color: black;  text-align: center; font-size: 90%; }

.title {



height: 110px;	
margin-top: 40px;
padding-left: 20%; 

 }


.coaac { background-color: transparent;font-size: 150%; text-align: center; }








ul {
list-style-type: circle;
}
ol {
list-style: lower-roman;
}


ul li {
margin-left: 5px;
padding-left: 5px;
}
ul.nav {
list-style-type: none;
list-style-image: none;
padding-left: 0;
margin-left: 0;
}


ul.nav li {
padding-bottom: 5px;
}


ol.upperalpha {
list-style-type: upper-alpha;
}


.center {
text-align: center;
}


.right {
text-align: right;
}


.left {
text-align: left;
}


.underline {
text-decoration: underline;
}


.boldunderline {
font-weight: bold;
text-decoration: underline;
}


.bold {font-weight: bold; }
.italic {
font-style: italic;
}


.nothere {
padding: 0px;
margin: 0px;
background-color: transparent;
}


.pagetitle {
text-align: center;

font-size: 150%;
font-family: "Lucida Calligraphy", sans-serif, verdana;
border: 2px solid #660000;
}


.date {
text-align: right;
width: 70%;
background-color: #000000;
color: #ffffff;
}


.full {

width: 100%;

background-color: white;
color: black; 
text-align: center; float: left; display: inline;}



.container {

width: 100%;

background-color: #000066;
color: white; 
text-align: center; float: left; display: inline;
padding: 20px;
}

.top {
vertical-align: top;
padding-top: 10px; }


.middle {
vertical-align: middle;
}


.bottom {
vertical-align: bottom;
padding-bottom: 10px; }


.sidemenu {

width: 25%;

vertical-align: top;
font-size: 100%;    
 
float: right;
margin: 0px; padding-right: 0px; 
text-align: center;
}


.noborder {
border: 0;
}




h1 {
font-family: Arial, sans-serif;
font-size: 160%;
text-align: left; 
 }
h2 {
font-family: Arial, sans-serif;
font-size: 150%;
 
text-align: center; }


h3 {


font-family: Arial, sans-serif;
font-size: 140%;

 text-align: center; }


h4 {

font-family: Arial, sans-serif;

font-size: 130%;

 text-align: center; }


form {
padding: 0px;
margin: 0px;
border: 0px;
}


:link, :visited {
text-decoration: underline;
color: #0000FF; background-color: white;}


a:hover {
background-color: #3232CD;
color: white;
text-decoration: underline;
}


:active {
background-color: white;
color: #0000FF;
text-decoration: underline;
}


input[button].invert {
font-weight: bold;
}




#navigation li
{
float: left;
margin-bottom: 10px;
list-style: none;
text-align: center;
font-size: 100%;
width: 100%;
}

#navigation a 
{
display: block;
background-color: white;
color: black;
text-decoration: none;
text-align: center;
font-size: 100%;
width: 100%;

}

#navigation a:hover
{
display: block;
color: white;
background-color: black;
text-decoration: none;
text-align: center;
font-size: 100%;
width: 100%;
}

.floatLeft { float: left;
margin: 10px;
 }

.floatRight { float: right;
margin: 10px; 

}



.space{ background-color: white; color: black; width: 10%; }
.navspacer {
float: left;
display: inline;
width: 29%;

}

#navbar {
text-align: center;
font-size: 100%;
margin-bottom: 10px;
}

#navbar a
{
background-color: white;
color: black;
text-align: center;
font-size: 100%;
margin-left: 10px;
border: 1px solid #A6A6A6;
padding: 2px;

}

#navbar a:hover
{
color: white;
background-color: #660000;
text-align: center;
font-size: 100%;
margin-left: 10px;
border: 1px solid #640000;
padding: 2px;

}
.bar {
background-color: #E6E8FA;
color: #000000;
 text-align: center; vertical-align: middle; width: 100%; padding: 0px; margin: 0px; }
.skipContent {float: left; font-size: 90%; padding-left: 10px;display: inline; width: 30%;}
.skipMain {float: right; font-size: 90%; padding-right: 10px; display: inline; width: 30%; }
.switch {float: left; width: 30%; display: inline;  }

.columns {
font-size: 100%;


text-align: center; 
vertical-align: top; 
float: left; 
display: inline; border-width: 0px; border-style: solid; border-color: #007FFF;
padding: 20px;

}
.column1 {width: 40%; 
text-align: left; 
float: left; 
display: inline; 

}
.column2 {width: 40%; 
text-align: left; 
float: left; 
display: inline; 

}
.column3 {width: 30%; 
text-align: left; 
float: left; 
display: inline; }
.splash {width: 100%;
float: left;
text-align: center;
}

.logo {
position: absolute;
left: 2%;
top: 5%;
background: black url(/hgroup/images/logo.jpg) no-repeat;
color: white;
height: 159px;
width: 180px;

}

.ad {
width: 70%;
background-color: #000099;
color: white;
font-size: 18px;
text-align: center;
text-transform: uppercase;
padding: 1px;
border: 1px solid black;
margin-top: 30px;
}

.group {
font-size: 45px;
text-align: left;
padding-left: 60px;
}

.consult {
font-size: 20px;
text-align: left;
padding-left: 60px;
}

#home .home, #about .about, #services .services, #portfolio .portfolio, #options .options, #contact .contact, #resources .resources {

border: 3px solid black;
}

#home .home, #access .access, #awareness .awareness, #leadership .leadership, #tools .tools, #contact .contact, #options .options {
background-color: black;
color: white;
border: 3px solid white;

}