@charset "utf-8";
/* CSS Document */
body {
	font-family: Tahoma, "MS Serif", sans-serif,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
    margin: 0px auto;
	padding:0 auto;
	background:url(images/bg.jpg) top center repeat-y;
}
#header {
	background:url(images/banner-timesheetpro.jpg) left top no-repeat;
    margin:0 auto;
	padding:0;
	width:960px;
	height:110px;
	display:block;
}
#header h1{
	display:none;
}
#header h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:85px 0 0 110px;
	margin:0px;
	text-align:left;
	color:#FFFFFF;
}

.chromestyle{
	width:960px;
	font-weight: bold;
    margin: 0px auto;
	padding:0px;
	height:40px;
}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border:0;
width:100%;
background: url(images/bg_nav.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding:0px;
margin: 0;
text-align: center;
list-style:none;
}

.chromestyle ul li{
display: inline;
margin:0px 5px;
line-height:40px;
}

.chromestyle ul li a:link, .chromestyle ul li a:active, .chromestyle ul li a:visited{
color: #FFFFFF;
font-size:16px;
font-family:"Trebuchet MS", "MS Sans Serif", Georgia;
padding: 4px 15px;
margin: 0;
text-decoration: none;
border-right: 1px solid #000000;
text-align:center;
font-weight:lighter;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: #000000; /*THEME CHANGE HERE*/
color:#FFFFFF;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #333333; /*THEME CHANGE HERE*/
border-bottom-width: 0;
line-height:18px;
z-index:100;
background-color: #333333;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a:link, .dropmenudiv a:visited, .dropmenudiv a:active{
font-family:"Trebuchet MS", "MS Sans Serif", Georgia;
width: auto;
display: block;
text-indent:10px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding:5px 0;
text-decoration: none;
font-weight: lighter;
font-size:14px;
color: #ffffff;
}

* html .dropmenudiv a:link{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #000000;
color:#ffffff;
}

/*content*/
#highlight {
	width:960px;
	height:250px;
    margin: 0px auto;
	padding:0 auto;
	clear:both;
	background:url(images/bg_ads.jpg) left top repeat-x;
}
#highlight .ads-left {
	width:627px;
	height:250px;
	float:left;
	background:url(images/banner_highlight.jpg) left top no-repeat;
	text-align:right;
}
#highlight .ads-left p {
	font-family:"Trebuchet MS","MS Sans Serif", Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#333333;
	font-style:italic;
	padding:10px 20px 0 120px;
}
#highlight .ads-left .botton {
	margin:110px 15px 15px 0;
	border:0px;
}
#highlight .ads-right {
	width:330px;
	height:250px;
	float: right;
}
#container {
	clear:both;
    margin: 0px auto;
	padding:0 auto;
	text-align:center;
	display: block;
	width:960px;
	vertical-align:top;
}
#container .wrapper {
	padding:10px 15px;
	text-align:left;
}
#container .wrapper .option {
	width:450px;
	float: left;
}
#container .wrapper .opcol {
	width:215px;
	padding:5px;
	vertical-align:top;
}
#container .wrapper .opcol h2 {
	font-family:"Trebuchet MS", "MS Sans Serif", Georgia;
	font-size:18px;
	color:#000000;
	margin:0px;
	padding:0px;
}
#container .wrapper .opcol img {
	float: left;
	margin:0 15px 8px 0;
}
#container .wrapper .opcol p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:5px 0px;
}
#contenthome{ width:475px; background:url(images/bg_content_top.jpg) left top no-repeat; float:right;
}
#contenthome .top {
width:410px;
padding:30px 30px 0px 30px;
text-align:left;
}
#contenthome .top  p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:lighter;
	line-height:20px;
}
#contenthome .bt { width:475px; height:40px ; background:url(images/bg_content_bt.jpg) left top no-repeat;
}
#footer {
	clear:both;
	margin:0 auto;
	padding:0px;
	background:url(images/bg_bt.gif) left top repeat-x;
	background-color:#171717;
	width:960px;
}
#footer .wrapper {
	padding:15px;
}
.fcol {
	width:20%;
	vertical-align: top;
	text-align:left;
}
.fcol h3{
	color: #FFFFCC;
	font-family: "Trebuchet MS", "MS Sans Serif", Georgia;
	font-weight:lighter;
	margin:2px 0;
	padding:0;
	font-size:18px;
	line-height:22px;
}
.fcol h3 a,.fcol h3 a:link,.fcol h3 a:visited,.fcol h3 a:hover{
	color: #FFFFCC;
	font-family: "Trebuchet MS", "MS Sans Serif", Georgia;
	font-weight:lighter;
	margin:2px 0;
	padding:0;
	font-size:18px;
	line-height:22px;
	text-decoration:none;
}
.fcol h3 a:hover{ text-decoration:underline;}
.fcol ul {
	padding:0; margin:0;
	list-style:none;
}
.fcol li {
margin:5px 3px;
}
.fcol li a:link, .fcol li a:visited, .fcol li a:active{
	color:#999999;
	text-decoration:none;
}
.fcol li a:hover {
	text-decoration:underline;
}
.fcol li img{ margin:0px 2px;
display: inline; }
#footer p { padding:0px; margin:5px 0 0 0; text-align:center; color:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; size:14px; }