@charset "utf-8";
.SKvalet {
}


.leftsidetext a:link {color: #000000; text-decoration: underline; }
.leftsidetext a:active {color: #0000ff; text-decoration: underline; }
.leftsidetext a:visited {color: #008000; text-decoration: underline; }
.leftsidetext a:hover {color: #ff0000; text-decoration: none; }

#wrapper {                                         /* The wrapper or known as the container keeps the page intact and centered */
	width:800px;
	margin: 0 auto;
}
	
#logo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 152px;
	width: 257px;
}
#headerpic1 {
	background-image: url(../images/mainheaderpic.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 152px;
	width: 314px;
}
#employeebox {                       /* employee box for the form that contains the login */
	background-image: url(../images/employeebox.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 152px;
	width: 229px;
}
.employeeform {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: left;
	height: 150px;
	width: 217px;
	padding-left: 10px;
}

#bannerpic1 {
	background-image: url(../images/bannerpic1.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 155px;
	width: 257px;
}
#birthday_Current_ID { 
	color: #000000;
}
#mainbanner {
	background-image: url(../images/bannerpic2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 155px;
	width: 543px;
}
#spacer_upper {
	background-image: url(../images/spacer1.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 11px;
	width: 800px;
}
#Navbar {
	background-image: url(../images/navbar.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 32px;
	width: 800px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#navbarbodytop {
	float:right;
	height:32px;
	position:relative;
	width:543px;
}
#Navbarbody div {
	display: table-cell; vertical-align: middle;
}
#mainbody {
	width: 800px;
  	background-image:url(/images/body_background.jpg);
	clear:both;
}
 
#spacer_lower {
	background-image: url(../images/lowerspacer.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 15px;
	width: 800px;
}
#footer {
	background-image: url(../images/footer.jpg);
	background-repeat: repeat;
	text-align: center;
	height: auto;
	width: 800px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;

}
.navbarleft {
	background-color: #e2dfda;
	float: left;
	height: 32px;
	width: 257px;
}

.navbarleftbody { 
	position: relative;
	top:0px;
	left:0px;
	float: left;
	width: 257px;	
	background-color: #e2dfda;
}

.mainbodywrapper {                                       /* I have st this wrapper at 500px for now, they can be changed to suit your text needs */
	width: 533px;
	margin-left:258px;
	min-height:600px;
}

#leftcol { 
	float:left;
	width:257px;
}


.leftsidetxt {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 8px;
	width: auto;
}

.bodytxtmain {		/* I have st this txtbox  at 500px for now, they can be changed to suit your text needs */
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	padding-left:20px;
	width:500px;
}

input.emplogin 
{
   font-size:10px;
   font-family:Verdana,sans-serif;
   border-style:groove;
}

.style1 {font-size: 10px;}


.style2 {color: #000000}

#footer {
	clear:both;
}

.footertxtleft {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
	float: left;
	height: auto;
	width: 400px;
}
.style4 {
		color: #163700;
	font-size: 16px;
	font-weight: bold;
}
.style5 {color: #FFFFFF
}

.style6 {
	font-size: 16px;
	font-weight: bold;
}

.pageheader {
	color: #FFFFFF;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.footertxtright {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	float: right;
	height: auto;
	width: 350px;
}

.andplustext {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
/*-------------------------------------   navigation below here --------------------------------------*/
