body {
  font-family:  Verdana, Tahoma, sans-serif;
  font-size: 10pt;
  }

img {
  border: none;
}

hr.menu {
	height: 1px;
	color: #333333;
	background-color: #333333;
	border: none;
	margin-top: 0px;
	width: 100%;
	margin-bottom: 10px;
}

#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	width: 750px;
	background-color: #ffffff;
	position: relative;
	}
	
#searchbox {
    position: absolute;
    right: 0px;
    top: 30px;
}

.searchtext {
    font-size: 10pt;
    color: #bbbbbb;
}

#searchfield {
    border: 1px solid gray;
    width: 164px;
}

.sectiontitle {
    color: #eeeeee;
}

#logo {
    position: absolute;
    top: 5px;
    left: 3px;
}

#header {
    height: 60px;
    width: 100%;
}

a {
	color: #444444;
}

a:hover{
	color: black;
}

p.contact {
	text-align: center;
}

/*** Main Menu Navigation List Styles ***/

#navcontainer {
}

#navlist {
	display: block;
	white-space: nowrap;
	padding: 5px;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-top: 0px;
}

#navlist li{
	display: inline;
	padding: 5px;
	list-style-type: none;
	font-size: 1.1em;
}
#navlist a {
	text-decoration: none;
	color: #333333;
}
#navlist a:hover{
	text-decoration: none;
	color: #000000;
}

#navlist a.selected {
	color: #000000;
	font-weight:900;
}

#navlist a.selected:hover {
	color: #000000;
	font-weight:900;
}

/***  submenu stlyes ***/

.submenu {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.submenu a {
	text-decoration: none;
	color: #333333;
}

.submenu a.selected {
	color: #000000;
	font-weight:700;
}

.submenu a:hover.selected {
	color: #000000;
	text-decoration: none;
	font-weight:700;
}

.submenu a:hover {
	text-decoration:none; 
	color: #000000;
}

/*** quote box styles ***/

#quotebox {
	background-color: #ffffff;
	position: relative;
	width: 400px;
    /* float: right; */
	/* margin-left: 20px; */
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 25px;
}

#quoteimage {
    padding-left: 20px;
    padding-right: 20px;
    float: left;
	margin-top: 10px;
	margin-bottom: 5px;
}

#thequote {
	text-align: center;
	font-size: 1.2em;
	color: #444444;
}

#thequote a{
	font-weight: normal;
	color: #dd4411;  /* lcs color is #ff6633 - made a bit darker */
}

p.spotlight {
	text-align: center;
	font-size:  1.1em;
}

p.contactinfo {
	text-align: center;
	font-size: 1em;
}

p.phone {
	text-align: center;
	font-size: 1em;
	color: #555555;
}

p.address {
	text-align: center;
	font-size: 1em;
	color: #555555;
}

.quoteattribute {
    text-align: right;
    margin-right: 60px;
}

/*** submenu page styles ***/

#submenuPageHeader {
	text-align: center;
}

#submenuPageHeader h1 {
	text-decoration: none;
}

#submenuPageHeader h2 {
	font-size: 1em;
}

.projectreference {
    text-align: right;
    margin-right: 60px;
    margin-bottom: 20px;
}

/*** people page styles ***/

.people {
	vertical-align: middle;
}

.people td {
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
}

td.bio {
	padding-left: 2em;
	vertical-align: middle;
}

.people p {
margin-bottom: 0px;
}

.personName {
	display: block;
	font-weight: bold;
}

.personTitle {
	display: block;
}

.emailAddress {
	display: block;
}

ul.project {
	list-style: square;
	margin-left: 1em;
	padding-left: 1em;
}


/*** other styles ***/

#bodytext {
    margin-left: auto;
    margin-right: auto;
    }

#logobar {
   /** text-align: center; **/
}

#logobar img {
	margin-top: 4px;
	margin-left: 10px;
	margin-right: 0px;
}

td.fullname {
	font-size: 0.86em;
	line-height: 1.31em;
	color: #666666;
}

hr.footer {
	height: 1px;
	color: #333333;
	background-color: #333333;
	border: none;
	margin-top: 25px;
	width: 100%;
	margin-bottom: 8px;
}

#footer {
	text-align:center;
	background-color:#FFFFFF;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	}

	
.visible {
display: block;
}

.invisible {
display: none;
}

.divstyle {
    border: 1px solid black;
    padding: 0px;
/*	scrollbar-phase-color: #434A52;
scrollbar-shadow-color: #686868;
scrollbar-highlight-color: #8C8C8C;
scrollbar-3dlight-color: #111222;
scrollbar-darkshadow-color: #111111;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000; */

}


.divtitle {
	border: 1px solid black;
    padding: 0px;
	color: #000000;
	font-weight:900;	
	a:link: {white}
	}
 
}
.authorwin {
	font-size: 0.7em;
	}

	
span.hidden{
  display: none;
}

span.error{
  display: inline;
  color: black;
  background-color: pink;  
}

/*  from http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	text-align: center;
}

a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}