/* CSS Document */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 11px "arial";
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}

body {
	margin: 30px 0 0 0;
	padding: 0px;
	font: normal 11px "arial";
	background-color:#F4F4F4;
	color:#666666;
}

#maincontainer {
background: repeat-y url(../images/bg-main.jpg);
margin:auto;
position:relative;
width: 767px;
}

#col1 {
	float:left;
	width: 220px;
	margin: 4px 0 0 11px;
}

#col2 {
	float:left;
	width: 507px;
}

.sub_image { float:left; margin: 5px 10px 10px 10px;}



#col1 ul {
margin: 10px 0 0 15px;
}

#col1 li {
	background: no-repeat url(../images/li-bg.jpg);
	list-style-type: none;
	height: 20px;
	padding: 13px 0 0 5px;
}

#col1 a {
text-decoration:none;
font: bold 11px "arial";
color: #666666;
padding: 5px 0 0 25px;
}

#col1 a:hover {
color:#AECF58;
}

#col1 h1 {
margin: 20px 0 0 10px;
font: bold 11px "arial";
color:#999999;
}

#col1 p {
margin: 0 0 0 10px;
font: 11px "arial";
color: #999999;
}

#header {
	width:507px;
	height: 66px;
	background: no-repeat url(../images/header-bg.jpg);
	margin: 5px 0 0 10px;
	float: left;
	border-bottom: thin dotted #999999;
}

#header h1 {
font: bold 22px "arial";
color: #666666;
margin: 20px 0 0 10px;
}

#image {
width:507px;
height: 170px;
margin: 0 0 0 10px;
}

#text {
width: 507px;
margin: 10px 0 0 10px;
border-top: thin dotted #999999;
}

#text h1 {
width: 472px;
font: bold 16px "arial";
color:#AECF58;
border-bottom: 1px dotted #CCCCCC;
margin: 10px 0 5px 20px;
}

#text h2 {
width: 472px;
font: bold 16px "arial";
color:#AECF58;
border-bottom: 1px dotted #CCCCCC;
margin: 10px 0 25px 20px;
line-height:24px;
}

#text h3 {
width: 472px;
font: bold 15px "arial";
color:#AECF58;
border-bottom: 1px dotted #CCCCCC;
margin: 10px 0 25px 20px;
line-height:18px;

}

#text h3.jobs {
width: 472px;
font: normal 13px "arial";
color:#AECF58;
border:none;
margin: 15px 0 15px 20px;
}

#text h4 {
width: 472px;
font: bold 15px "arial";
color:#AECF58;
border-bottom: 1px dotted #CCCCCC;
margin: 15px 0 15px 20px;
}

#text p {
width: 472px;
font: 11px "arial";
color:#666666;
margin: 10px 0 5px 20px;
line-height: 18px;
}

#text a {
font: 13px "arial";
color: #AECF58;
text-decoration:underline;
}

#text li {
	margin: 5px 0 5px 25px;
	list-style-image: url(../images/round-bullet.jpg);
}

.list {
float:left;
width:250px;
}


#links {
background: bottom no-repeat url(../images/bottom.jpg);
height:160px;
width: 753px;
float:left;
margin: 10px 0 0 8px;
}

.links {
float:left;
margin:15px 0 0 0;
}

.links a {
font: bold 14px "arial";
color: #AECF58;
text-decoration:none
}

.links a:hover {
color:#AECF58;
text-decoration:none;
}

.links p {
margin: 56px 0 0 50px;
}

.address {
width:220px;
float:left;
padding: 15px 10px 0 0;
}

.address h1 {
margin: 0 0 0 15px;
font: bold 11px "arial";
color:#999999;
}

.address p {
margin: 0 0 0 15px;
font: 11px "arial";
color: #999999;
}

.address_contact p {
margin: 0 0 0 15px;
font: bold 13px "arial";
color: #999999;
}

#submenu {
float:right;
margin: 0 250px 0 0;
}

#submenu a {
padding: 0 5px 0 5px;
text-decoration:none;
font: 10px "arial";
color:#9C9A9A;
}

#submenu a:hover {
color:#AECF58;
}

#speed p {
text-align: center;
width: 472px;
font: 12px "arial";
color:#666666;
margin: 10px 0 5px 20px;
line-height: 18px;
}

#timeSheet h2 {
  color: #666666;
  border-bottom: none;
}

#timeSheet a {
  font: bold 16px/24px "arial";
}