/*
Title:  Tri-State Office Solutions
Author:  Tome Wilson - tome@creativewebgroup.net
Last Updated:  October 7, 2008
*/

/* ---[ css reset ]--------------------- */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
/* remember to define focus styles! */
:focus {outline: 0}
body {line-height: 1; color: black; background: white}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0}
td {padding: 6px; border: 1px solid #ccc}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after,q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
em, .em {font-style: italic}
strong, .strong {font-weight: bold}
.l {float: left}
.r {float: right}
.clear {clear: both}
.big {font-size: 120%}
.blue {color: #0053a0 !Important}
.grey {color: #666 !Important}
.dgrey, .subheader {color: #999 !Important}
.lgrey {color: #ccd5d5 !Important}
.red {color: #cd0202 !Important}
.alert {color: #cd0202 !Important}
.black {color: #000 !Important}
.white {color: #fff !Important}


/* ---[ structure ]--------------------- */

html, body {background: #546361 url(images/shell/background.gif) repeat; min-width: 540px; font-family: verdana, helvetica, sans-serif}

#container {width: 770px; margin: 1em auto; background: #fff; border: 1px solid #000; color: #000; font-size: 12px; line-height: 1.4em; clear: both}

#main {width: 770px; margin-bottom: 11px; clear: both}
#main #buttons {float: left; width: 194px; display: block; margin-right: 11px}

#footer {width: 770px; margin: 1em auto; color: #aaa; font-size: 10px; text-align: center; line-height: 1.25em}
#footer #navigation ul {list-style-type: none}
#footer #navigation li {list-style-type: none; display: inline; border-right: 1px solid #999}
#footer #navigation a:link {text-decoration: none; color: #aaa; margin: 0 3px; padding: 0 6px}
#footer #navigation a:visited {text-decoration: none; color: #aaa; margin: 0 3px; padding: 0 6px}
#footer #navigation a:hover {text-decoration: underline; color: #aaa; margin: 0 3px; padding: 0 6px}
#footer #navigation a:active {text-decoration: underline; color: #aaa; margin: 0 3px; padding: 0 6px}


/* ---[ text style for all buttons ]--------------------- */
.nav {margin: 0; font-family: Arial, "Arial Narrow", Arial, Helvetica, Sans-Serif; letter-spacing: 0; text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 9px}

/* ---[ IE6 needs this to function correctly ]--------------------- */
.nav ul {padding: 0; margin: 0; background: #fff; width: 194px}

/* ---[ first level list position and structure ]--------------------- */
.nav li {padding: 0; margin: 0; margin-bottom: 1px; list-style: none; position: relative; width: 194px; height: 29px; z-index: 999}

/* ---[ first level link color ]--------------------- */
.nav a {margin: 0; color: #fff; display: block; background: #cd0202 url(images/shell/buttons/arrow.gif); background-repeat: no-repeat; background-position: 176px 11px; padding: 10px 27px 10px 0; text-decoration: none; text-align: right}

/* ---[ hide the first level list for CSS ]--------------------- */
.nav li ul {top: -999em; position: absolute; width: 194px;}

/* ---[ first level link rollover ]--------------------- */
.nav li a:hover,.nav li.sfHover,.nav li a:focus,.nav li a:active {color: #fff; background: #f00 url(images/shell/buttons/arrow2.gif); background-repeat: no-repeat; background-position: 172px 8px; text-decoration: none}

/* ---[ first level list position ]--------------------- */
.nav li:hover ul, ul.nav li.sfHover ul  {left: 194px; top: 0}

/* ---[ hide the first level list for CSS ]--------------------- */
.nav li:hover li ul, .nav li.sfHover li ul {top: -999em}

/* ---[ second level list position ]--------------------- */
.nav li li:hover ul, ul.nav li li.sfHover ul {left: 194px; top: 0}

/* ---[ hide the second level list for CSS ]--------------------- */
.nav li li:hover li ul, .nav li li.sfHover li ul {top: -999em}

/* ---[ third level link position ]--------------------- */
.nav li li li:hover ul, ul.nav li li li.sfHover ul {left: 194px; top: 0}

/* ---[ hides the second level lists for Java ]--------------------- */
.superfish li:hover ul,.superfish li li:hover ul,.superfish li li li:hover ul {top: -999em}

/* ---[ second level list position ]--------------------- */
.nav li li {padding: 0; margin: 0; margin-bottom: 1px; list-style: none; position: relative; width: 194px; height: 29px; z-index: 999}

/* ---[ third level list position ]--------------------- */
.nav li li li {padding: 0; margin: 0; margin-bottom: 1px; list-style: none; position: relative; width: 194px; height: 29px; z-index: 999}

/* ---[ second level link color ]--------------------- */
.nav li li a {color: #fff; background: #666 url(images/shell/buttons/arrow.gif); background-repeat: no-repeat; background-position: 176px 11px; padding: 10px 27px 10px 0; text-decoration: none}

/* ---[ second level link rollover ]--------------------- */
.nav li li.sfHover, .nav li li a:hover,.nav li li.sfHover,.nav li li a:focus,.nav li li a:active {color: #fff; background: #333 url(images/shell/buttons/arrow2.gif); background-repeat: no-repeat; background-position: 172px 8px; text-decoration: none}