body { background: url(images/backslice.jpg); font-family: Arial, Helvetica, sans-serif; background-color:white;background-repeat: repeat-x;}

a:link { color: #68061b;}
a:visited {color:#68061b ;}
a:hover{ color: #ccc;}

h3, h1 { color: #68061b;}
b { color: #330000;}
em  {font-size: 75%;  }
strong { color: #009966; font-size: 105%; }

#header1  { background: url(images/header1.png); width: 900px; height: 145px;padding-top: 10px;margin-right: auto;margin-left: auto;}
.logo  {padding-left: 55px; margin-top: -5px;  }
 #lower { margin-right: auto;margin-left: auto; width: 825px;}

 #lower h6  {margin-top: -10px;  }
 .phone  {float: right; text-align: right; }
strong  {font-size: 140%; color: #68061b; }

/*home page*/
#homemain  { margin-top: 0px;margin-right: auto;margin-left: auto;width: 825px; } 
#hometitle  { margin-top: 0px;margin-right: auto;margin-left: auto;width: 700px; }
 #boxes  { margin-top: 0px;margin-right: auto;margin-left: auto;width: 825px; } 
 #copyboxes  {  background: url(images/smallbackbox.jpg);width: 270px; float: left;background-repeat: no-repeat;margin-left: 5px;}
  #computerboxes  {  background: url(images/smallbackbox.jpg);width: 270px; float: left;background-repeat: no-repeat;margin-left: 5px;}
	 #bizboxes  {  background: url(images/smallbackbox.jpg);width: 270px; float: left;background-repeat: no-repeat;margin-left: 5px;}
 .arrow  { padding-left: 50px;margin-top: 12px; }
 .boxtext { padding-left: 17px;  margin-top: -10px;padding-right: 17px;}
 .boximages  { margin-top: -20px; }
 
#longbox  {  width: 825px;margin-right: auto;margin-left: auto;}
 .bottomlogos {   float: left;margin-left: 5px;margin-top: 0px;}
 
/*about*/
#block { margin-top: 30px;margin-right: auto;margin-left: auto;width: 825px; min-height: 600px; background-color: white;}
#team  {float: right;padding-right: 15px;padding-left: 15px; }
.company  { padding-left: 10px; }
.donate  {float: right;  width: 450px;}
#ablogo  {float: right;  width: 250px;}
/*contact*/

.hands  { padding-right: 15px;float: right; }
#contacttext  { text-align: center;width: 350px;padding-left:15px ; padding-right: 15px;padding-top: 15px;}
#county{ float: right; margin-right: 60px;}

/*copiers page*/
#  {float: right;padding-right: 15px;padding-left: 15px; }
.broch  { float: right; }

/*compters page*/
#circleright  { float: right;width: 350px; padding-right: 25px;}
#circleright h3 {text-align: center;}
#compright  { float: right;text-align: center;width: 345px;}
.custombuild  { float: right;}
.computerleft { float:left ;width: 270px;}
/*osa page*/
.osaright { float: right;width: 490px; padding-right: 25px; margin-top: 0px;}

/*sharp page*/
.sharphead  { width: 955px; margin-left: auto; margin-right: auto;}
#copyright  {float: right;padding-right: 15px;padding-left: 15px;width: 590px; }
/*doc page*/
.bottomprint  { margin-bottom: 0px;padding-bottom: 0px; }
#docright  { float: right;width: 410px; margin-top: -140px;text-align: center; }
#textvideo  {padding-right: 35px;width: 400px; }

/*service agree page*/
.collage  { width: 955px; margin-left: auto; margin-right: auto;}

#remote  {float: right;padding-right: 15px;width: 295px; }
.agree  {text-align: center;  }
 /* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* style the outer div to give it width */
#menu {
margin-left: auto;
margin-top: -40px; 
margin-right: auto;
width: 780px;
}
#menu a:visited { color: #68061b;
display:block;
font-size:18px;
text-decoration:none; 
height:30px; 
padding-left: 15px;
padding-right: 15px;
line-height:25px;}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
padding:0;
margin:0;
list-style-type:none;
}
#menu ul ul {
width:160px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
float:left;

position:relative;
text-align: center;

}
/* style the links for the top level */
#menu a {
display:block;
font-size:18px;
text-decoration:none; 
color:#68061b; 
 
height:30px; 

padding-left: 15px;
padding-right: 15px;
line-height:25px;


}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {
width:160px;
w\idth:139px;
}

/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {
background: url(images/navhov.jpg);
border:1px solid black;
}
/* style the second level hover */
#menu ul ul a.drop:hover{
background: url(images/navhov.jpg);

}
#menu ul ul :hover > a.drop {
background:#ccc;

}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:29px;
left:0; 
width:180px;
}
/* another hack for IE5.5 */
* html #menu ul ul {
top:30px;
t\op:31px;
}


/* style the table so that it takes no part in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {
background:#ccc; 
color:black; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:140px;
border:1px solid black;
font-size: 80%;
/* yet another hack for IE5.5 */
}
* html #menu ul ul a{
width:160px;
w\idth:129px;
}


/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{
color:#68061b; 
background: url(images/navhov.jpg);

}
#menu :hover > a, #menu ul ul :hover > a {
color:#fff;
background: url(images/navhov.jpg);

}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{
visibility:visible; 
}