* {
margin:0 auto;
padding:0;
}

body {
background:#ffffff;
color:#444;
font:11px/1.55em "Segoe UI","Lucida Grande",Tahoma,Arial,sans-serif;
text-align:center;
font-weight:normal;
}

a {
color:#004e6f;
text-decoration:none;
}

a:hover {
color:#004e6f;
text-decoration:underline;
}

a img {
border:0;
}

:focus {
outline:0;
}

.clear {
clear:both;
}

/* Heading */
h1 {
font-size:2em;
line-height:1.17em;
}

h2 {
margin-bottom:.4em;
font-size:1.5em;
line-height:1.2em;
}

h3 {
margin-bottom:.4em;
font-size:1.35em;
line-height:1.2em;
}

h4,h5 {
margin-bottom:.4em;
font-size:1.05em;
line-height:1.35em;
}

h6 {
margin-bottom:.1em;
font-size:1em;
line-height:1.35em;
}

/* Table */
th {
vertical-align:top;
font-weight:normal;
text-align:left;
}

td {
vertical-align:top;
}

td.label { 
font-weight:bold; 
}

/* Paragraph */
p {
margin-bottom:.9em;
}

address {
margin-bottom:.4em;
font-style:normal;
line-height:1.4em;
}

cite {
font-style:normal;
font-size:10px;
}

q:before,q:after {
content:'';
}

/* Form */
form {
display:inline;
}

fieldset {
border:none;
}

legend {
display:none;
}

label {
color:#555;
font-weight:bold;
}

input,select,button {
vertical-align:middle;
}

/* Lists */
dt {
display:block;
font-weight:bold;
}

ul,ol {
list-style:none;
}

/* Size */
small {
font-size:.85em;
}

big {
font-size:1.15em;
}

hr {
height:0;
margin:8px 0;
overflow:hidden;
visibility:hidden;
}

/********************** Tabs */
.tabs li {
float:left;
border-right:1px solid #a4a4a4;
border-left:1px solid #fff;
font-size:1.1em;
line-height:1em;
}

.tabs li.first {
border-left:0;
}

.tabs li.last {
border-right:0;
}

.tabs a {
display:block;
padding:8px 15px;
color:#444;
}

.tabs a:hover {
background-color:#ddd;
text-decoration:none;
color:#444;
}

.tabs li.active a,.tabs li.active a:hover {
background-color:#004866;
font-weight:bold;
color:#fff;
}

/********************** Headings */
.head,.head-alt,.head-alt2,.head-alt3 {
line-height:1.25em;
text-align:right;
}

.head .title,.head-alt .title,.head-alt2 .title,.head-alt3 .title {
margin:0;
float:left;
}

.head a,.head-alt a,.head-alt2 a,.head-alt3 a {
font-size:10px;
text-transform:uppercase;
}

/* Category heading */
.category-head {
margin-bottom:7px;
background:#2d2a25;
}

.category-head h2 {
color:#fff;
font-size:1.6em;
padding:8px;
}

.category-image {
display:block;
width:715px;
margin-bottom:7px;
}

.disc {
margin-bottom:10px;
}

.disc li {
margin-left:20px;
list-style:disc;
}

.bare-list {
margin:5px 0;
}

.bare-list li {
margin:3px 0;
}

/********************** Space Creators */
.no-display { 
display:none; 
}

.content {
margin:0;
padding:0;
}

.actions {
line-height:1.3em;
}

.separator {
padding:0 3px;
font-size:.85em;
}

.divider {
margin:10px 0;
height:1px;
background:#ccc;
font-size:1px;
line-height:1em;
overflow:hidden;
}

/********************** Base Layout */
.wrapper {
min-width:100%;
font-weight:normal;
}

.container {
width:100%;
margin:0 auto;
text-align:left;
border-color:#000 #1px solid;
}

.heading {
width:985px;
height:30px;
color:#514325;
margin:0 auto;
font-size:22px;
padding-top:20px;
text-align:left;
}

/* This is the Work Hours Tracker Logo at the top of the page. */
/* This fits within the "nheaderimg" DIV.                      */
.logo {
width:100%;
height:96px;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
vertical-align:left;
text-align:left;
}

/* This small vertical "line image" is repeated horizontally and "finishes out" the Logo at the top of the page. */
.nheader {
width:100%;
height:auto;
background-image:url(../images/header_bg.jpg);
background-repeat:repeat-x;
}

/* I changed the height from 140px to 110px after I removed the top menu.  10-26-2010 */
/* This is for the INDEX.PHP and maybe some other pages.  
.nheaderimg {
width:985px;
height:110px;
}

/* I changed the height back to 140px to restore the LOGOUT top menu.  11-09-2010 */
/* This is only for the WEB_FORM.PHP.                                             */
.nheaderimg2 {
width:985px;
height:140px;
}

.nbanner {
width:100%;
height:auto;
background-image:url(../images/container_top_bg.jpg);
background-repeat:repeat-x;
}

.nbannerimg {
width:985px;
height:270px;
}

.webbanner {
width:100%;
height:161px;
background-image:url(../images/web_form_banner_bg.jpg);
background-repeat:repeat-x;
}

.webbannerimg {
width:985px;
height:270px;
}

.img1 {
width:301px;
height:270px;
float:left;
background-image:url(../images/image1.jpg);
background-repeat:no-repeat;
}

.img2 {
width:374px;
height:270px;
float:left;
background-image:url(../images/image2.jpg);
background-repeat:no-repeat;
padding-left:0;
}

.img3 {
width:310px;
height:270px;
float:left;
background-image:url(../images/image3.jpg);
background-repeat:no-repeat;
padding-left:0;
}

.ncontentbody {
width:100%;
min-height:250px;
background-image:url(../images/container_center_bg.jpg);
background-repeat:repeat-x;
}

.nbodyimg {
width:985px;
height:auto;
}

.nbody {
width:100%;
min-height:293px;
background-image:url(../images/container_center_bg.jpg);
background-repeat:repeat-x;
}

.webformbody {
width:100%;
height:auto;
background-image:url(../images/web_form_body_img.jpg);
background-repeat:repeat-x;
}

.webformheadtxt {
font-size:13px;
color:#005a4e;
font-family:Verdana, Geneva, sans-serif;
font-weight:900;
margin-top:8px;
text-align:left;
}

.imgtxt {
text-align:left;
font-size:12px;
color:#015595;
}

.img4 {
width:302px;
height:238px;
float:left;
background-image:url(../images/image4.jpg);
background-repeat:no-repeat;
padding-left:0;
}

/* The font setting for img5 affect the phrase "Apprentices: Use this website...". */
.img5 {
width:682px;
height:238px;
float:left;
background-image:url(../images/image5.jpg);
background-repeat:no-repeat;
padding-left:0;
font-family:Tahoma, Geneva, sans-serif;
font-size:16px;
line-height:22px;
}

.nfooter {
width:100%;
height:auto;
}

.orangeborder {
width:100%;
	height:2px;
	*height:0px;
background-color:#fed376;
margin:0;
}

.grayborder {
width:100%;
height:60px;
background-color:#e9e9e8;
}

.footertext {
width:985px;
color:#514325;
font-size:14px;
text-align:center;
}

.formlabel {
font-size:14px;
text-align:left;
vertical-align:middle;
}

.loginboxdiv {
margin-left:10px;
vertical-align:middle;
height:28px;
width:117px;
background:url(../images/text_box.jpg) no-repeat bottom;
}

.successmsg {
width:300px;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
font-weight:500;
color:#FFF;
}

/* This is the Login Text Box.  I increased the Font from 11px to 18px     */
/* The original width was "width:auto;".  I changed it to "width:110px;"   */
/* because the Chrome browser shows the Textbox with a yellow background.  */
/* if the "form" has autocomplete="on" instead of autocomplete="off".      */
/* Note, autocomplete="on" is the default for the "form".                  */
/* I like autocomplete="on".  By setting the "loginbox" width to 110px,    */
/* the yellow background (shown only by the Chrome browser) covers         */
/* text_box.jpg completely.                                                */
.loginbox {
background:none;
border:none;
width:110px;
height:auto;
margin:0;
 padding: 7px 7px 0px 7px;
 *padding: 5px 7px 0px 7px;
font-size:18px;
font-family: Courier New, sans-serif;
font-weight:bold; 
}

.workername {
width:985px;
padding-top:15px;
}

.workerdetail {
font-size:18px;
color:#000000;
font-weight:900px;
margin-left:2px;
}

.detail {
font-size:14px;
color:#000000;
font-weight:300px;
margin-top:15px;
margin-left:3px;
}