body{
background-image: url(images/background.gif);
font-size: medium; 
font-family:;
font-family: Helvetica, sans-serif; }

.container {
width: 650px;
height: 100%;
padding: 0px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
background-color: #b3b3b3;
border: 1px groove;
background-image: url(images/background.gif);
border-right: #333333 solid;
border-bottom: #333333 solid;
margin-top: 50px; }

/*----------keyboard navigation components-----------
*/

#keyboard {
width: 300px;
height: 132px;
float: left;
margin-left: 8px;
margin-top: 6px;
padding: 0px;
overflow: hidden; }

#map  {
background-image: url(images/keyboard.jpg);
width: 300px;
height: 132px;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
position: relative;
display: block; }

#map a#title {
width: 300px;
height: 0px;
position: absolute;
background-image: url(images/keyboardoutlined.gif);
top: 0;
left: 0;
padding-top: 132px;
cursor: default;
display: block;
overflow: hidden;
background-repeat: no-repeat;
background-position: -600px 0px; }

/*---- hack for IE pre IE6 --
*/
* html #map dt a#title {
height: 132px;
he\ight:0;}

#map a#title:hover {
background-position: 0 0;
z-index: 10;}

#map dd {
position: absolute;
margin: 0;
padding: 0; }

#map #print {
left:18px;
top:45px;
z-index: 20; }

#map #web {
left: 77px;
top: 45px;
z-index: 20; }

#map #logo {
left: 140px;
top: 45px;
z-index: 20; }

#map #photo {
left: 199px;
top: 45px;
z-index: 20; }

#map #video {
left: 255px;
top: 45px;
z-index: 20; }

#map #home {
left: 114px;
top: 96px;
z-index: 20; }

#map a#print1, #map a#web1, #map a#logo1, #map a#photo1, #map a#video1 {
width: 45px;
height: 40px;
text-decoration: none;
background:transparent url(images/outlinebig.gif) -101px 0px;
background-repeat: no-repeat;
z-index: 20;
display: block; }

#map a#home1 {
width: 45px;
height: 36px;
text-decoration: none;
background:transparent url(images/outlinesmall.gif) -110px 0px;
background-repeat: no-repeat;
z-index: 20;
display: block; }

#map a span, #map a:visited span {
display: none; }

#map a#print1:hover, #map a#web1:hover, #map a#logo1:hover, #map a#logo1:hover, #map a#photo1:hover, #map a#video1:hover  {
background-position: 0px 0px;}

#map a#home1:hover {
background-position: 0px 0px;}

#alogo h1{
text-indent: -9999px; }

#alogo{
background-image: url(images/apivalogo.png);
background-repeat: no-repeat;
width: 294px;
height: 105px;
float: right;
padding: 0px;
margin-right: 20px;
margin-top: 10px;
margin-left: 10px; }

#nav{
height: 30px;
margin-left: 50px;
margin-top: 20px;
clear: both;
width: 900px;
padding-left: 0px;
margin-bottom: 60px; }

#nav ul{
border-left: 1px #666666 solid;
margin: 0px;
padding-bottom: 3px;
padding-left: 0px; }

#nav li {
display: inline;
font-size: .9em;
border-right: 1px #666666 solid;
padding-right: 15px;
padding-left: 15px;
font-family: sans-serif;
height: 30px;
padding-bottom: 3px; 
font-weight: bold;}

#nav li a {
font-weight: bold;
display: inline;
color: #999999;
text-decoration: none; 
height: 30px;}

#nav li.current {
background-image: url(images/underline.gif);
background-position: center bottom;
background-repeat: no-repeat;}

#nav li.current a{
color: #191919;
font-size: 1em; }

#nav li.current li a {
color: #b3b3b3;}

#nav a:hover {
color: #ff0000;
font-size: 1em; }

#nav li ul {
display: none;
list-style: none;
margin-top: 10px;
padding: 0px;
background: #111111 none;
height: auto;}

#nav li li {
display: block;
height: auto;
padding: 4px 0px 4px 0px;
margin: 0px;
width: 120px;
text-align: center; }

#nav li li a {
display: inline;
margin-right: auto;
margin-left: auto;
margin-top: 15px; 
height: 35px;
color: #b3b3b3;
float: none;
}

#nav li li a:hover {
color: #ff0000;
background-color: #e6e6e6; }

#nav li:hover ul, #nav li.over ul {
position: absolute;
display: block;
z-index: 100; }

/*-----workaround due to IE relative positioning-----*/

#nav ul li:hover ul, #nr li.over ul {
top: 25px;
margin-left: 70px;
background-color: #e6e6e6;}

#li:hover ul, li.over ul {
top: 30px;}

#headcontent {
width: 650px;
height: 150px;
margin-left: auto; 
margin-right: auto;
margin-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
background-image: url(images/headerbackdrop.png);
background-repeat: no-repeat;
background-position: 0px 50%; }

#homecontent {
clear: both;
text-align: center;
width: 400px;
margin-right: auto;
margin-left: auto; 
margin-top:10px;
margin-bottom:30px;}

#homecontent ul {
text-align: left;}

/*----footer content-----*/

#footer {
width: 600px;
height: 200px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px; }

#footer li {
display: inline; }

#footer li a {
display: inline;
padding-right: 10px;
padding-left: 10px; }

#tsqaure {
background-image: url(images/tsquare.png);
background-repeat: no-repeat;
width: 155px;
height: 35px; }

#camera {
background-image: url(images/canon30d.png);
background-repeat: no-repeat;
width: 124px;
height: 0px; }

#laptop {
background-image: url(images/laptop.png);
width: 127px;
height: 90px;
background-repeat: no-repeat; }

#nestedlist ul {
padding: 0px;
width: 250px;
margin-top: 0px;
text-align: left; }

#nestedlist li {
display: block;
list-style-type: disc;
padding-left: 10px;
padding-right: 4px;
background-image: url(images/bullet.gif);
background-position: center left;
background-repeat: no-repeat;
text-align: left; }

.form {
float: left;
padding: 0px 0px 0px 30px;
width: 500px;}

.form p {
float: left;
line-height: 16px;
margin: 0px 0px 15px 0px;
line-height: 1.3em; }

label {
display:block;
float:left;
margin-right:12px;
text-align:right;
width:170px;
line-height: 1.em; }