*{padding: 0px;}

a{
border:0;
padding:0;
margin:0;
}

img{
margin:0;
padding:0;
}

body{
background: url('images/verticalbar.gif') repeat-x;
}


#stuff {
float:right;
margin: 0px;
width: px;
border: 0px solid #3366ff;
}


#container {
padding: 0px;
margin: 0 auto;
width: 750px;
height: 578px;
padding: 0px;
border: 0px solid black;
}

#header{
border:0px solid pink;
background-repeat: no-repeat;
height:132px;
border: 0px solid yellow;
width: 100%;
}

#navigation {
border:0px solid pink;
height:53px;
width:100%;
}

#left{
width: 26%;
float:left;
height:430px;
border: 0px solid yellow;
}

#right{
width: 73%;
float:left;
height:30px;
color:white;
font-size:16px;
font-family: "lucida grande", verdana;
border: 0	px solid black;
}

#main
{
clear: both;
float:right;
width:100%;
height: 430px;
border: 0px solid blue;
background: url('images/rollover_pixel.jpg') repeat-x;
}





#head{
clear:both;
font-family: lucida grande, verdana;
text-decoration:;
width:250px;
font-size: 20px;
margin:0 auto;
margin-top: 10px;
border: 0px solid black;
color: #3366ff;
font-weight: bold;
}

#headtext{
margin: 30px auto;
margin-left:20px;
font-family:garmond, lucida console, verdana;
color: white;
font-size: 15px;
}

#footer{
background: url('images/footer.jpg');
width:100%;
clear: both;
margin:auto;
font-color: white;
text-align: right;
border:0px solid yellow;
height:44px;
}


#navbar {
width: 100%;
height:53px;
background: url('images/allbar.gif') no-repeat;
position:relative;
margin: 0;
padding:0px;
border:0px solid black;
}

#navbar li, #whole a {
height: 53px;
display: block;
border:0px solid black;
}

#navbar li {
margin: 0;
padding: 0;
list-style: none;
position: absolute; top: 0;
border:0px solid black;
}

#online_pic{
background:url('images/online.jpg');
width:171px;
margin-left: 10px;
height:162px;
border: 0px solid black;
}

#home {left: 0; width: 103px;}
#vision {left: 102px ; width:102px;}
#services {left: 205px; width: 114px;}
#online {left: 319px; width: 178px;}
#careers {left: 497px; width: 108px;}
#contact {left: 605px; width: 145px;}

#home a:hover {
    background: transparent  url(images/allbar.gif)
    0 -53px no-repeat;}

#vision a:hover {
	background: transparent url (images/allbar.gif)
	-103px -53px no-repeat;}

#vision a:hover {
    background: transparent url(images/allbar.gif)
    -103px -53px no-repeat;}
	
#services a:hover {
    background: transparent url(images/allbar.gif)
    -205px -53px no-repeat;}

#online  a:hover {
    background: transparent url(images/allbar.gif)
    -319px -53px no-repeat;}

#careers a:hover {
    background: transparent url(images/allbar.gif)
    -497px -53px no-repeat;}
  

#contact a:hover {
    background: transparent url(images/allbar.gif)
    -605px -53px no-repeat;}
    


.slidedoormenu{

list-style-type: none;
margin-top: 40px;
margin-left:0px;
padding: 0;
width: 180px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #003399; /* thick left border of menu */
position:relative;
top:0px;
left:0px;


}

.slidedoormenu li{
border-bottom: 1px solid blue; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: black url(vstrip1.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
background-position:-378px 0;
font: 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
border-bottom: 1px solid #0066cc; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
color:white;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: white;
}

.slidedoormenu li a:hover{
background-position: 0px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: blue;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}


label
{
width: 100px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
font-family: lucida grande, verdana, sans serif;
color:white;
}

.abc{
border: 3px solid #3366ff;
}

 input
{
color: slateblue;
background: #white;
border: 1px solid #000066;
font-weight:bold;
}

.submit input
{
color: white;
font-size: 16px;
background: #3366ff;
margin-left:170px;
width: 300px;
height: 30px;
font-family: lucida grande, lucida console, verdana, sans serif;
border: 2px outset #000066;

}

#blah
{
position: relative;
top: 30px;
margin-left: 35px;
margin:auto;
border: 0px solid blue;
padding: 10px;
width: 500px;
height: 500px;
}

legend
{
float:right;
color: #fff;
font-family: lucida grande, lucida console, arial, verdana, sans serif;
font-size:12px;
background: #3366ff;
border: 2px solid #000066;
margin-left: 30px;
margin-top: 10px;
padding: 6px;
height: 10px;
} 

textarea{
border: 1px solid #000066;
color: slateblue;
font-family: lucida grande, lucida console, verdana, sans serif;
font-size: 10px;
font-weight: bold;
}