/**********************************
Reset Styles for all browsers
***********************************/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, /*sup,*/ tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}

table {border-collapse: collapse; border-spacing: 0;}

ol, ul {list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {content: "";}

/**********************************
Core Styles
***********************************/

body {
background: url(../images/bg.jpg) #334967 repeat-x;
/*background-color: #334967;*/
color: #fff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

/* Generics
------------------------------*/
/* site-wide defs for p, a, h1, h2, etc. */

p,
ul li {
line-height: 1.3em;
}

a {outline: none;}

/* Container
------------------------------*/

#container {
background: url(../images/bg-container.jpg) 0 158px no-repeat;
margin: 0px auto;
width: 720px;
}

/* Contact Us
------------------------------*/

#contactus {
display: none;
}

/*#contactus {
background-color: #171717;
height: 300px;
}*/

#contactlink p {
background-color: #171717;
color: #fff;
display: block;
height: 25px;
/*line-height: 30px;*/
margin: -148px 0 0 600px;
padding-top: 20px;
text-align: center;
width: 100px;
z-index: +2;
}

#contactlink p a {
color: #fff;
text-decoration: none;
}

/* Header
------------------------------*/

#header h1 {
background: url(../images/logo.gif) no-repeat;
display: block;
height: 133px;
margin: 15px 0 0 10px;
text-indent: -9000px;
width: 700px;
}

#header-home {
display: block;
height: 133px;
margin: 15px 0 0 10px;
width: 700px;
}

body#ttpg #header h1 {
background: url(../images/logo-tt.gif) no-repeat;
}

/* Menu
------------------------------*/

/* #menu {
background: url(../images/menu.gif) no-repeat;
display: block;
height: 25px;
margin: 0 0 0 10px;
width: 700px;
}

#menu ul {
display: none;
} */

/*----------------------------------------------------
Menu V1: w/ "Brochures / Downloads" as sixth menu item
------------------------------------------------------*/
/*
#menu {
display: block;
height: 25px;
position: relative;
margin: 102px 0 0 10px;
padding-top: 0px;
width: 700px;
}

#menu ul {
background: url(../images/menu.png) no-repeat;
height: 25px;
margin: 0px;
width: 700px;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#menu ul li a {
display: block;
text-decoration: none;
text-indent: -9000px;
}

#menu ul li a span {
visibility: hidden;
}

#menu #menu1, #menu #menu1 a {left: 23px; top: 0px; width: 112px; height: 25px;}
#menu #menu2, #menu #menu2 a {left: 143px; top: 0px; width: 120px; height: 25px;}
#menu #menu3, #menu #menu3 a {left: 271px; top: 0px; width: 73px; height: 25px;}
#menu #menu4, #menu #menu4 a {left: 352px; top: 0px; width: 130px; height: 25px;}
#menu #menu5, #menu #menu5 a {left: 490px; top: 0px; width: 46px; height: 25px;}
#menu #menu6, #menu #menu6 a {left: 544px; top: 0px; width: 133px; height: 25px;}

#menu #menu1 a:hover {background: transparent url(../images/menu.png) -23px -25px no-repeat;}
#menu #menu2 a:hover {background: transparent url(../images/menu.png) -143px -25px no-repeat;}
#menu #menu3 a:hover {background: transparent url(../images/menu.png) -271px -25px no-repeat;}
#menu #menu4 a:hover {background: transparent url(../images/menu.png) -352px -25px no-repeat;}
#menu #menu5 a:hover {background: transparent url(../images/menu.png) -490px -25px no-repeat;}
#menu #menu6 a:hover {background: transparent url(../images/menu.png) -544px -25px no-repeat;}
*/
/* End Menu V1
------------------------------------------------------*/

/*----------------------------------------------------
Menu V2: w/ "Employment" as sixth menu item
------------------------------------------------------*/
/*
#menu {
display: block;
height: 25px;
position: relative;
margin: 102px 0 0 10px;
padding-top: 0px;
width: 700px;
}

#menu ul {
background: url(../images/menu.png) no-repeat;
height: 25px;
margin: 0px;
width: 700px;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#menu ul li a {
display: block;
text-decoration: none;
text-indent: -9000px;
}

#menu ul li a span {
visibility: hidden;
}

#menu #menu1, #menu #menu1 a {left: 52px; top: 0px; width: 112px; height: 25px;}
#menu #menu2, #menu #menu2 a {left: 172px; top: 0px; width: 120px; height: 25px;}
#menu #menu3, #menu #menu3 a {left: 300px; top: 0px; width: 73px; height: 25px;}
#menu #menu4, #menu #menu4 a {left: 381px; top: 0px; width: 130px; height: 25px;}
#menu #menu5, #menu #menu5 a {left: 519px; top: 0px; width: 46px; height: 25px;}
#menu #menu6, #menu #menu6 a {left: 573px; top: 0px; width: 75px; height: 25px;}

#menu #menu1 a:hover {background: transparent url(../images/menu.png) -52px -25px no-repeat;}
#menu #menu2 a:hover {background: transparent url(../images/menu.png) -172px -25px no-repeat;}
#menu #menu3 a:hover {background: transparent url(../images/menu.png) -300px -25px no-repeat;}
#menu #menu4 a:hover {background: transparent url(../images/menu.png) -381px -25px no-repeat;}
#menu #menu5 a:hover {background: transparent url(../images/menu.png) -519px -25px no-repeat;}
#menu #menu6 a:hover {background: transparent url(../images/menu.png) -573px -25px no-repeat;}
*/
/* End Menu V2
------------------------------------------------------*/

/*----------------------------------------------------
Menu V3: w/ "Home" link included
------------------------------------------------------*/

#menu {
display: block;
height: 25px;
position: relative;
margin: 102px 0 0 10px;
padding-top: 0px;
width: 700px;
}

#menu ul {
background: url(../images/menu.gif) no-repeat;
height: 25px;
margin: 0px;
width: 700px;
}

body#ttpg #menu ul {
background: url(../images/menu-tt.gif) no-repeat;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#menu ul li a {
display: block;
text-decoration: none;
text-indent: -9000px;
}

#menu ul li a span {
visibility: hidden;
}

#menu #menu1, #menu #menu1 a {left: 27px; top: 0px; width: 40px; height: 25px;}
#menu #menu2, #menu #menu2 a {left: 76px; top: 0px; width: 112px; height: 25px;}
#menu #menu3, #menu #menu3 a {left: 196px; top: 0px; width: 120px; height: 25px;}
#menu #menu4, #menu #menu4 a {left: 324px; top: 0px; width: 73px; height: 25px;}
#menu #menu5, #menu #menu5 a {left: 405px; top: 0px; width: 130px; height: 25px;}
#menu #menu6, #menu #menu6 a {left: 543px; top: 0px; width: 46px; height: 25px;}
#menu #menu7, #menu #menu7 a {left: 597px; top: 0px; width: 75px; height: 25px;}

#menu #menu1 a:hover {background: transparent url(../images/menu.gif) -27px -25px no-repeat;}
#menu #menu2 a:hover {background: transparent url(../images/menu.gif) -76px -25px no-repeat;}
#menu #menu3 a:hover {background: transparent url(../images/menu.gif) -196px -25px no-repeat;}
#menu #menu4 a:hover {background: transparent url(../images/menu.gif) -324px -25px no-repeat;}
#menu #menu5 a:hover {background: transparent url(../images/menu.gif) -405px -25px no-repeat;}
#menu #menu6 a:hover {background: transparent url(../images/menu.gif) -543px -25px no-repeat;}
#menu #menu7 a:hover {background: transparent url(../images/menu.gif) -597px -25px no-repeat;}

/* End Menu V3
------------------------------------------------------*/



/* Content
------------------------------*/

#content {
background: url(../images/bg-content.jpg) #5a7ba6 no-repeat;
display: block;
margin-left: 10px;
padding: 20px 20px 0 20px;
width: 660px; /* Really 700px; stupid box model! */
}

body#admin h2#adminheader {
background-color: #000;
font-size: 16px;
font-weight: bold;
padding: 10px 10px 10px 20px;
margin: 0 10px;
}

body#admin p#logoutlink {
color: #ccc;
font-size: 11px;
margin: -23px 30px 10px 0;
text-align: right;
}

body#admin p#logoutlink a {
color: #666;
text-decoration: none;
}

body#admin p#logoutlink a:hover {
color: #999;
text-decoration: underline;
}

/* Main
------------------------------*/

#main {
float: left;
width: 400px;
}

#main h2 {
font-size: 16px;
font-weight: bold;
line-height: 1.4em;
margin-bottom: 10px;
}

#main h3.listheading {
/*background-color: #6b88af;*/
border-bottom: 2px solid #6b88af;
font-weight: bold;
line-height: 1.4em;
margin: 15px 0 5px 0;
}

#main h3#traytendertag {
color: #ddd;
font-size: 14px;
font-style: italic;
font-weight: normal;
margin: -10px 0 10px 0;
}

#main p {
margin-bottom: 10px;
}

#main p strong {
font-weight: bold;
}

#main p#crumblink {
color: #4d688c;
font-size: 11px;
margin: 0 0 0 0;
}

#main p#crumblink a {
color: #334967;
text-decoration: none;
}

#main p.leadp {
font-size: 15px;
}

#main ul {
/* color: #adbdd3; */
margin: 0 0 0 15px;
}

#main ul li {
font-size: 12px;
list-style-type: square;
list-style-position: outside;
}

#main ul li a,
#main p a {
color: #fff;
}

#main ul li a:hover,
#main p a:hover {
color: #adbdd3;
}

#main iframe {
border: 1px solid #6b88af;
height: 350px;
margin: 10px 0;
padding: 0px;
width: 390px;
}

#main #joblistings,
#main #pdflistings {
border-top: 1px solid #6b88af;
margin: 20px 0 0 0;
padding: 10px 0 0 0;
}

#main #joblistings h3 {
background-color: #3e5c82;
font-size: 12px;
font-weight: bold;
margin: 0 0 0px 0;
padding: 10px 5px;
}

#main #joblistings h3 em {
color: #adbdd3;
font-size: 11px;
font-style: normal;
font-weight: normal;
}

#main #joblistings h3 em strong {
background-color: #ff0000;
color: #fff;
font-weight: bold;
padding: 2px;
text-transform: uppercase;
}

#main #joblistings .listing,
#main #pdflistings .listing {
background: url(../images/i/cog.gif) 10px 8px #6b88af no-repeat;
/* background-color: #6b88af; */
margin: 0 0 10px 0;
padding: 10px;
}

#main #joblistings .listing h4,
#main #pdflistings .listing h4 {
font-size: 12px;
font-weight: bold;
padding-left: 20px;
}

#main #joblistings .listing p,
#main #pdflistings .listing p {
font-size: 12px;
margin: 10px 0 0 0;
}

#main #joblistings .listing p.applynow,
#main #pdflistings .listing p.applynow {
border-top: 1px solid #5a7ba6;
color: #adbdd3;
font-size: 11px;
font-weight: bold;
padding-top: 5px;
}

#main #joblistings .listing p.applynow em,
#main #pdflistings .listing p.applynow em {
font-style: italic;
}

#main #joblistings .listing p.applynow a,
#main #pdflistings .listing p.applynow a {
color: #adbdd3;
text-decoration: underline;
}

#main #joblistings .listing p.applynow a:hover,
#main #pdflistings .listing p.applynow a:hover {
color: #fff;
text-decoration: underline;
}

#main #joblistings form {
background-color: #6b88af;
}

#main #joblistings form table td {
padding: 5px;
width: 400px;
}

#main #joblistings form table td strong {
font-weight: bold;
}

#main #joblistings form table tbody td input,
#main #joblistings form table tbody td textarea {
background-color: #e2e2e2;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
margin-top: 5px;
padding: 5px;
width: 350px;
}

#main #joblistings form table tfoot td#deletealert {
background-color: #be0101;
color: #fff;
font-weight: bold;
}

#main #joblistings form table tfoot td#subalert {
color: #adbdd3;
font-size: 11px;
font-weight: normal;
}

#main #joblistings form table tfoot td a {
color: #adbdd3;
text-decoration: underline;
}

#main #joblistings form table tfoot td a:hover {
color: #fff;
text-decoration: none;
}

#main #ttfeatures {
border-top: 1px solid #6b88af;
border-bottom: 1px solid #6b88af;
margin-bottom: 10px;
padding: 10px 0;
}

/* TrayTender Styles
------------------------------*/

#main p.ttcaption {
border-bottom: 1px solid #6b88af;
color: #adbdd3;
display: block;
font-family: Georgia, Times, serif;
font-size: 10px;
font-style: italic;
margin: 0 5px 20px 5px;
padding-bottom: 5px;
text-align: center;
}

#main .ttvideo {
background-color: #6b88af;
border-top: 0px solid #334967;
margin: 20px 0;
padding: 40px;
width: 320px;
}

#main p#traytenderbanner a {
background: url(../images/traytenderbanner.jpg) 0 0 no-repeat;
display: block;
height: 110px;
text-indent: -9999px;
width: 400px;
}

#main p#traytenderbanner a:hover {
background: url(../images/traytenderbanner.jpg) 0 -110px no-repeat;
}

#main ul li a#traytenderlink {
background: url(../images/traytenderbanner2.jpg) no-repeat;
display: block;
height: 70px;
margin-top: 10px;
text-indent: -9999px;
width: 250px;
}

/* Sidebar
------------------------------*/

#sidebar {
float: left;
margin-left: 20px;
width: 240px;
}

#sidebar h3 {
background-color: #6b88af;
color: #fff;
display: block;
font-size: 11px;
font-weight: normal;
height: 25px;
line-height: 25px;
margin: 20px 0 5px 5px;
padding: 0 0 0 5px;
width: 225px;
}

#sidebar h3 em {
font-style: normal;
font-weight: normal;
}

#sidebar p {
font-size: 11px;
margin: 0 0 0 10px;
}

#sidebar p#empapp {
background: url(../images/i/pdf.gif) 0px 4px no-repeat;
border-top: 1px solid #6b88af;
height: 30px;
margin: 10px 0 0 10px;
padding: 5px 0 0 22px;
}

#sidebar p#empapp span {
color: #adbdd3;
font-size: 10px;
}

#sidebar p#addlistingbutton a {
background: url(../images/listingbutton.gif) no-repeat;
display: block;
height: 30px;
text-indent: -9999px;
width: 230px;
}

#sidebar p#addlistingbutton a:hover {
background: url(../images/listingbutton.gif) 0px -30px no-repeat;
}

#sidebar p#caption {
border-bottom: 1px solid #6b88af;
color: #adbdd3;
font-family: Georgia, Times, serif;
font-size: 10px;
font-style: italic;
margin: 0 5px 0 5px;
padding-bottom: 5px;
text-align: center;
}

#sidebar p#ttvideobanner {
display: block;
height: 120px;
margin: 0 0 0 0;
width: 240px;
}

#sidebar p#ttvideobanner a {
background: url(../images/ttvideobanner.jpg) 0 0 no-repeat;
display: block;
height: 120px;
text-indent: -9999px;
width: 240px;
}

#sidebar p#ttvideobanner a:hover {
background: url(../images/ttvideobanner.jpg) 0 -120px no-repeat;
}

#sidebar p#backtonutec {
display: block;
height: 60px;
margin: 0 0 10px 0;
width: 240px;
}

#sidebar p#backtonutec a {
background: url(../images/backtonutec.jpg) 0 0 no-repeat;
display: block;
height: 60px;
text-indent: -9999px;
width: 240px;
}

#sidebar p#backtonutec a:hover {
background: url(../images/backtonutec.jpg) 0 -60px no-repeat;
}

#sidebar ul {
color: #adbdd3;
margin: 0 0 0 25px;
}

#sidebar ul li {
font-size: 11px;
list-style-type: square;
list-style-position: outside;
}

#sidebar ul li a,
#sidebar p a {
color: #adbdd3;
text-decoration: underline;
}

#sidebar ul li a:hover, 
#sidebar p a:hover {
text-decoration: none;
}

/* Sidebar Login Form (Brochures/Downloads area)
------------------------------*/

#sidebar #downloadlogin {
border-top: 1px solid #6b88af;
margin: 91px 0 0 0;
*margin-top: 92px; /* Damn you IE! */
padding: 10px 0 0 0;
}

#sidebar #downloadlogin h3 {
background-color: #3e5c82;
font-size: 12px;
font-weight: bold;
height: 12px;
line-height: 12px;
margin: 0 0 0px 0;
padding: 10px 5px;
width: 230px;
}

#sidebar #downloadlogin h3 em {
color: #adbdd3;
font-size: 11px;
font-style: normal;
font-weight: normal;
}

#sidebar #downloadlogin h3#badlogin {
background-color: #000;
} 

#sidebar #downloadlogin form {
background-color: #6b88af;
}

#sidebar #downloadlogin form table td {
padding: 5px;
width: 400px;
}

#sidebar #downloadlogin form table td strong {
font-weight: bold;
}

#sidebar #downloadlogin form table tbody td input,
#sidebar #downloadlogin form table tbody td textarea {
background-color: #e2e2e2;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
margin-top: 5px;
padding: 5px;
width: 200px;
}

#sidebar #downloadlogin form table tfoot td#deletealert {
background-color: #be0101;
color: #fff;
font-weight: bold;
}

#sidebar #downloadlogin form table tfoot td#subalert {
color: #adbdd3;
font-size: 11px;
font-weight: normal;
}

#sidebar #downloadlogin form table tfoot td a {
color: #adbdd3;
text-decoration: underline;
}

#sidebar #downloadlogin form table tfoot td a:hover {
color: #fff;
text-decoration: none;
}

#sidebar #downloadlogin p#loginerror {
background-color: #ff0000;
color: #fff;
padding: 5px;
margin: 0 0 0 0;
width: 230px;
}

/* Footer
------------------------------*/

#footer {
background: url(../images/bg-footer.jpg) no-repeat;
border-bottom: 15px solid #000;
clear: both;
height: 241px;
margin: 0 0 0 10px;
width: 700px;
}

body#ttpg #footer {
background: url(../images/bg-footer-tt.jpg) no-repeat;
}

#footer .footer-box {
display: block;
float: left;
height: 127px;
margin: 107px 0 0 10px;
_margin: 107px 5px 0 5px; /* IE6 */
width: 220px;
}

#footer .footer-box h3 {
height: 26px;
text-indent: -9000px;
width: 220px;
}

#footer .footer-box h3.brochures {background: url(../images/h3-brochures.gif) no-repeat;}
#footer .footer-box h3.contact {background: url(../images/h3-contact.gif) no-repeat;}
#footer .footer-box h3.clientftp {background: url(../images/h3-clientftp.gif) no-repeat;}

#footer .footer-box p {
font-size: 11px;
height: 72px;
margin: 4px 2px 0 2px;
}

#footer .footer-box p#foot-broc-p {
width: 140px;
}

#footer .footer-box p a {
color: #fff;
text-decoration: none;
}

#footer .footer-box p a:hover {
text-decoration: underline;
}

#footer ul {
color: #fff;
height: 72px;
margin: 4px 0 0 15px;
width: 125px;
}

#footer ul li {
font-size: 11px;
list-style-type: square;
list-style-position: outside;
}

#footer .footer-box p.footer-link {
display: block;
height: 25px;
line-height: 25px;
margin-top: 0px;
*margin-top: 7px; /* IE6 & IE7 */
}

#footer .footer-box p.footer-link a {
font-weight: bold;
}

body#ttpg #footer p {
display: block;
height: 241px;
width: 700px;
}

body#ttpg #footer p a {
display: block;
height: 241px;
text-indent: -9999px;
width: 700px;
}


/* Bottom Nav
------------------------------*/

#bottomnav {
background: url(../images/footershadow.png) no-repeat;
margin: 0px auto;
padding-top: 10px;
width: 720px;
}

#bottomnav p {
color: #4d688c;
font-size: 11px;
margin: 0 0 10px 10px;
text-align: left;
width: 700px;
}

#bottomnav p a {
color: #708cb1;
text-decoration: none;
}

#bottomnav p a:hover {
color: #fff;
text-decoration: underline;
}

#bottomnav p a#smg {color: #4d688c;}
#bottomnav p a#smg:hover {color: #708cb1;}

#bottomnav p#credits {
background: url(../images/bg-credits.png) no-repeat;
line-height: 60px;
}

body#ttpg #bottomnav p#credits {
background: url(../images/bg-credits.png) no-repeat;
line-height: 60px;
margin-top: -10px;
}