body { 
        background: #fff;
background-image: url(bodybackground.jpg);background-position: center top;background-repeat: no-repeat;background-attachment: fixed;
        font-family:verdana,sans-serif;
        color: #3F3F3F;
        text-align: center;
        }
#container {margin: 0px auto; text-align: left; width: 813px; background-image: url(mainbackground.png);background-repeat: repeat-y; }

#header {background: white url(headerbackground.png); background-repeat: no-repeat;
        width: 813px; height: 131px; position: relative;
        }
#header h1 {
	margin: 0;
	padding: 0;
}

#header h1 a {
	float: left;
	display: block;
	width: 440px;
	height: 93px;
	/* background: url(header_logo.gif) no-repeat top left; */
	margin: 0;
	padding: 0;
}

#header span {
	display: none;
}

#header #menu {float: right; margin-top: 54px; margin-right: 13px; background-color: transparent;}

#header #title {float: right; clear: right; margin-right: 13px; width: 300px; height: 30px; background-image: url(titlebackground.png);}

#header #title h2 {font-size: 120%; padding: 5px 0 0 30px;}

      
#sidenotes {width: 190px; margin-left: 10px; margin-top: 10px; float: left;}
#principal {width: 570px; float: left; margin: 10px; clear: none; text-align: left;}

#footer {background-image: url(footerbackground.png); width: 813px; height:58px; background-repeat: no-repeat; clear: both; text-align: center;}


#principal img {padding: 5px; text-align: center;}

/* typography */
address {font-size: 11px;}

html body {font-family: Arial, Helvetica, sans-serif; font-size: 80%;}
html>body {font-family: Arial, Helvetica, sans-serif; font-size: 80%;}

#principal {font-size: 14px; line-height: 22px; font-weight: bold; margin: 10px;}
#principal p {font-size: 14px; line-height: 22px; font-weight: normal; margin: 10px;}
#sidenotes p, #sidenotes ul {font-size: 12px; line-height: 19px; font-weight: normal; margin: 10px;}

#principal blockquote  {font-size: 13px; line-height: 22px; font-weight: normal; margin-left: 30px; margin-right: 30px; font-style: italic;}
#principal ul {list-style-type: none;}
#principal h3, #sidenotes h3 {margin: 10px;}
#principal ul {margin: 0px 20px;}
#principal ul li {font-size: 14px; line-height: 15px; font-weight: normal; margin: 0; padding: 0;}


#sidenotes ul li {list-style-type: none;}
#sidenotes ul li {display: block; float: none;}

address { border-top: 1px dotted gray; margin: 5px 100px;padding-top: 5px; font-style: normal; font-weight: normal; font-family: verdana, arial, sans-serif; font-size: 11px;}

input {font-size: 14px;}
label {font-size: 14px;}



/*STYLE FOR THE DROP-DOWN MENUS*/


* {
margin:0;
padding:0;
}

body {
	font-family: arial, helvetica, serif;
}


#nav { /* all lists */
	list-style: none;
	font-size:0.9em;
}

#nav li { /* all list items */
	position:relative;
	float:left;
	display:block;
	background:none;
}

#nav li a {
	background-repeat:no-repeat;
	display:block;
	line-height:1.1em;
	text-indent: -3000px;
}

.main{
height:23px;
}

#nav-service .main {			background-image:url(work.gif);			width:100px; }
#nav-education .main {			background-image:url(texts.gif);			width:100px; }
#nav-tools .main {		background-image:url(contact.gif);		width:100px; }
#nav-wire .main {		background-image:url(wire.gif);		width:100px; }


body.work #nav-service .main {background-image:url(work-on.gif);width:100px; }
body.texts #nav-education .main {background-image:url(texts-on.gif); width:100px; }
body.contact #nav-tools .main {background-image:url(contact-on.gif);width:100px; }

#nav-service ul li a, #nav-service ul li a:visited, #nav-service ul li a:active {
	background: #fff;
	color:#666;
	cursor: default;
}
#nav-service ul li a:hover { background: #DA5E03 url(arrow.gif) no-repeat right center;color:#FFFFFF;cursor: default;}

#nav-education ul a, #nav-service ul a:visited, #nav-service ul a:active  { background: #fff;color:#666;  }
#nav-education ul a:hover { background: #22338D;color:#FFFFFF; }

#nav-tools ul a, #nav-tools ul a:visited, #nav-tools ul a:active  { background: #fff;color:#666;  }
#nav-tools ul a:hover { background: #DDC700;color:#FFFFFF ;}

#nav-wire ul a, #nav-wire ul a:visited, #nav-wire ul a:active { background: #fff;color:#666; }
#nav-wire ul a:hover { background: #B7DA02;color:#FFFFFF; }

#nav-service ul ul li a, #nav-service ul ul li a:visited, #nav-service ul ul li a:active { background: #fff;color:#666;cursor: hand:pointer; }
#nav-service ul ul li a:hover { background: #DA5E03;color:#FFFFFF; cursor:pointer;}

#nav li:hover a, #nav li.sfhover a {
	background-position:0 -32px;
}

#nav ul li a.selected {
	background-position:0 -32px;
}

#nav li li a {
	text-indent: 0;
	padding:5px 10px;
	width:161px;
	border-top: 1px solid #CCCCCC;
}

#nav li li li a {
text-indent: 0;
	padding:5px 10px;
	width:161px;
}

#nav a.topnone{
border-top: none;
}

#nav li { /* all list items */
	float: left;
}

#nav li ul { /* second-level lists */
background: #656D70;
	position: absolute;
	width:181px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:1px 1px 1px 1px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -23px 0 0 181px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}