/* CSS Document */
body {
background-image:url(../images/twotone.jpg);
background-repeat:repeat-x;
font-family:tahoma, verdana, Arial, Geneva;
font-size:13px;
color:#006BB3;
margin:0 0 0 0;
padding: 0 0 0 0;
/*width:999px;*/

}
/* -------------------------------------------------------------Headings */
h1 {
font-size:16px;
color:#006BB3;
margin: 0 0 0 0;
padding:0 0 0 0;
}

h2 {
font-size:12px;
color:#006BB3;
margin: 0 0 0 0;
padding:0 0 0 0;
display:inline;
}

h3 {
font-size:12px;
color:#006BB3;
margin: 0 0 0 0;
padding:0 0 0 0;
display:inline;
}




/*-----------------------------------------------------------list styles*/
ul.square {
padding: 0 0 0 20px;
list-style-image: url(../images/ul.jpg);
font-size:13px;
margin:0 0 0 0 ;
line-height:120%;

}


/*------------------------------------------------------------/Font Styles*/
.style1 {color: #FFFFFF}


/*------------------------------------------------------Link styles*/

a:link {
color:#006BB3;
text-decoration:none;
}

a:visited {
color: #006BB3;
text-decoration:none;
}

a:active {
color: #0099FF;
text-decoration:none;
}

a:hover {
color:#003399;
text-decoration:none;
font-weight:bold;
}


/*----------------------------------------------------------spacer for extra div boxes and content*/

.spacer {
clear:both;

}

.center {
width:600px;
margin:0 10% 0 12%;}


.box{
padding:0 auto 0 auto;
margin-right:5px;
margin-bottom:5px;
width:100px;
border:1px solid #0066FF;
float:left;
background-color:#FFFFFF;
height:100px;
text-align:center;
}

.box2{
background-image:url(../IMAGES/noimage.gif);
margin:5px 15px 5px 5px;
width:200px;
border:1px solid #0066FF;
float:left;
background-color:#FFFFFF;
height:150px;
}


/*----------------------------------------------------------Column Layout*/


#header {
position:absolute;
left:0px;
right:0px;
top:0px;
height:120px;
width:100%;
background-image:url(../images/bodwerx.jpg);
background-repeat:no-repeat;
}





#main {
/*position:relative;  <----- looks better with borders and aligns correct but doesnt scroll.*/
margin-top: 125px;
  margin-left: 20%; /* Space for the left menu */
  margin-right: 20%; /* Space for the right menu */
  margin-bottom:10px;
  padding:10px;
  border:1px solid #CEECFF;
  padding-bottom:10px;
}




#menu1 {
  position: absolute;
  top: 125px;
  width:15%;
  margin-bottom:10px;
  padding:10px;
  left: 10px; /* Because top and left are defined, appears in top left */
border:1px solid #CEECFF;
}

#menu2 {
  position: absolute;
  top: 125px;
  width:15%;
  margin-bottom:10px;
  padding:10px;
  right: 10px; /* Because top and right are defined, appears in top right */
  	border:1px solid #CEECFF;
}




#footer {
margin: 0 auto 0 auto;
padding-top:60px;
width:344px;
height:120px;
background-image:url(../images/foot.jpg);
background-repeat:no-repeat;
}


#banner {
Float:right;
margin: 5px 5px 5px 5px;

}




/*#footer {
position:relative;
clear:both;



}

/*
#floatbox1{
float:left;
}
#floatbox2{
float:right;
}