body {
margin: 0px;
padding:0px;
font-family: Calibri, "Trebuchet MS", Verdana;
background-color: #b1bac1;
background-image: url(../images/bgcolor.jpg);
background-repeat:repeat-x;
background-position:top left;
font-size:small;
}

a:link {
color:black;
font-weight: bold;
}

a:hover {
text-decoration:none;
}


#wrapper{
width:780px;
padding: 0px 5px 0px 5px;
background-color:white;
margin: 0px auto;
border: solid 1px black;
}

#header {
width: 780px;
margin: 20px auto 0px auto;
}

#logo {
float:left;
width:246px;
height:70px;
cursor:pointer;
}

#login {
font-size:1.5em;
float:right;
padding-top:9px;
margin: 0px 0px 0px 0px;
background-image:url(../images/phone.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:203px;
height:60px;
text-align:center;
font-weight:bold;
line-height: .8em;
}

#login a:link {
text-decoration:none;
color: black;
}
#login a:visited {
color: black;
text-decoration:none;
}
#login a:hover {
color: #276983;
text-decoration:none;
}
#login a:active {
color: black;
text-decoration:none;
}

#nav1{
float: left;
background-image:url(../images/bar1.jpg);
width:770px;
height:22px;
margin-top: 10px;
font-weight:bold;
padding-left: 10px;
padding-top: 2px;
font-variant:small-caps;
}

#nav1 a:link {
text-decoration:none;
color: #276983;
}
#nav1 a:visited {
color: #276983;
text-decoration:none;
}
#nav1 a:hover {
color: black;
text-decoration:none;
}
#nav1 a:active {
color: white;
text-decoration:none;
}

#nav2{
float: left;
background-image:url(../images/bar2.jpg);
width:770px;
height:20px;
font-weight:bold;
padding-left: 10px;
padding-top: 1px;
font-variant:small-caps;
}

#nav2 a:link {
color: white;
text-decoration:none;
}
#nav2 a:visited {
color: white;
text-decoration:none;
}
#nav2 a:hover {
color: #276983;
color: #d3c5a1;
text-decoration:none;
}
#nav2 a:active {
color: white;
text-decoration:none;
}

#frontmain{
font-size:1.2em;
float: left;
width: 365px;
background-color:#d3c5a1;
background-image:url(../images/faces.png);
background-position: right top;
background-repeat:no-repeat;
padding: 10px 405px 0px 10px;
height: 258px;
}

#main{
float: left;
width: 490px;
margin: 10px 0px 10px 0px;
padding: 0px 290px 10px 0px;
background-image:url(../images/faces4.jpg);
background-position: right top;
background-repeat:no-repeat;
}
#contact{
float: left;
width: 390px;
margin: 10px 0px 10px 0px;
padding: 0px 10px 0px 0px;
}
#aboutus{
float: left;
width: 340px;
margin: 10px 0px 10px 0px;
padding: 0px 440px 90px 0px;
background-image:url(../images/about.jpg);
background-position: right top;
background-repeat:no-repeat;
}
#payroll{
float: left;
width: 490px;
margin: 10px 0px 10px 0px;
padding: 0px 290px 10px 0px;
background-image:url(../images/payroll.jpg);
background-position: right top;
background-repeat:no-repeat;
}


#ae{
float: left;
width: 560px;
margin: 10px 0px 10px 0px;
padding: 0px 10px 0px 0px;
}

#ae a:link {
color: black;
font-weight:bold;
text-decoration:underline;
}
#ae a:visited {
font-weight:bold;
color: black;
text-decoration:underline;
}
#ae a:hover {
font-weight:bold;
color: black;
text-decoration:none;
}
#ae a:active {
font-weight:bold;
color: black;
text-decoration:underline;
}
#ae a.current {
font-weight:bold;
color: black;
text-decoration:underline;
}

#rightnav2 {
float: right;
width: 350px;
margin: 10px 0px 10px 10px;
padding: 0px 5px 10px 5px;
background-color:#276983;
color:white;
font-weight:bold;
clear:right;
}

#rightnav {
float: right;
width: 180px;
margin: 10px 0px 10px 10px;
padding: 0px 5px 10px 5px;
background-color:#276983;
color:white;
font-weight:bold;
clear:right;
}

#rightnav a:link {
color: white;
font-weight:bold;
text-decoration:none;
}
#rightnav a:visited {
color: white;
text-decoration:none;
}
#rightnav a:hover {
color: #d3c5a1;
text-decoration:none;
}
#rightnav a:active {
color: white;
text-decoration:none;
}
#rightnav a.current {
color: #d3c5a1;
text-decoration:none;
}


#bar {
float:left;
color:white;
background-color: #100d35;
text-align: right;
padding-right: 10px;
width: 770px;
font-weight:bold;
height: 20px;
}

#box1 {
float: left;
margin: 10px 0px 0px 0px;
width: 253px;
background-image:url(../images/box1top.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#box1main {
width: 243px;
margin-top: 20px;
background-image:url(../images/box1main.jpg);
background-repeat:repeat-y;
padding-right:10px;
height:350px;
}
#box1bottom {
width: 253px;
height:27px;
background-image:url(../images/box1bottom.jpg);
}

#box2 {
float: left;
margin: 10px 0px 0px 10px;
width: 253px;
background-image:url(../images/box2top.jpg);
background-repeat:no-repeat;
}
#box2main {
color: white;
width: 213px;
margin-top: 20px;
background-image:url(../images/box2main.jpg);
background-repeat:repeat-y;
background-color:blue;
padding-right: 15px;
padding-left: 25px;
height:350px;
}

#box2main a:link {
color: white;
font-weight:bold;
}
#box2main a:visited {
color: white;
}
#box2main a:hover {
color: #276983;
color: #d3c5a1;
}
#box2main a:active {
color: white;
}
#box2bottom {
width: 253px;
height:27px;
background-image:url(../images/box2bottom.jpg);
}
#box3 {
float: left;
margin: 10px 0px 0px 10px;
width: 253px;
background-image:url(../images/box3top.jpg);
background-repeat:no-repeat;
}
#box3main {
width: 243px;
padding-right:10px;
float:left;
margin-top: 20px;
background-image:url(../images/box3main.jpg);
background-repeat:repeat-y;
height:350px;
}
#box3bottom {
width: 253px;
height:27px;
background-image:url(../images/box3bottom.jpg);
clear: both;
}
.title {
font-size:120%;
background-color:#3e90b1;
color:white;
padding-left: 10px;
font-weight: bold;
}
.title2 {
font-weight:bold;
}

.bottomtext1 {
text-align:justify;
float:left;
width: 360px;
}

.bottomtext2 {
text-align:justify;
float:left;
width: 360px;
margin-left: 29px;
border-left: solid 2px black;
padding-left: 29px;
margin-bottom:10px;
}

.contactbox {
color:white;
background-color:#276983;
height: 30px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.contactbox a:link {
color: white;
font-weight:bold;
}
.contactbox a:visited {
color: white;
}
.contactbox a:hover {
color: #276983;
color: #d3c5a1;
}
.contactbox a:active {
color: white;
}
.upload {
	float: left;
	width: 390px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.remove {
	float: right;
	width: 340px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h2{
	margin: 0px;
	padding: 00px;
}
.shell {
	height: 400px;
	overflow: auto;
	border-style: solid;
}