body {background: url(/images/bg-body.gif); color: #455;}
#wrap, [dummy] {background: url(/images/bg-wrap.png) repeat-y;}
#wrap {width: 960px; margin: 0 auto; padding: 0; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: url(/images/bg-header.gif) no-repeat 15px 100%; height: 191px; position: relative; z-index: 9999;}
#header h1 a {background: url(/forums/templates/stlpi/images/header-banner.jpg) no-repeat; width: 924px; height: 120px; top: 28px; left: 15px; position: absolute;}
#header #headerNavWrap {width: 960px; height: 27px; top: 148px; left: 0; z-index: 999; position: absolute}
#header ul#headerNav, [dummy] {background: url(/images/bg-headerNav.png) no-repeat;}
#header ul#headerNav {width: 960px; height: 27px; z-index: 999;}
#header ul#headerNav li {height: 27px; top: 0px; list-style: none; position: absolute; display: block;}
#header ul#headerNav li a {height: 27px; left: 0; position: absolute; display: block; background: transparent; text-indent: -9999px;}
#header ul#headerNav li#fq {background: url(../images/headerNav-fqlnk.png) no-repeat; width: 93px; left: 130px;}
#header ul#headerNav li#fq:hover, #header ul#headerNav li#fq.hdrhover {background-position: 0 -27px;}
#header ul#headerNav li#fq a#fqlnk {width: 93px;}
#header ul#headerNav li#sh {background: url(../images/headerNav-shlnk.png) no-repeat; width: 115px; left: 223px;}
#header ul#headerNav li#sh:hover, #header ul#headerNav li#sh.hdrhover {background-position: 0 -27px;}
#header ul#headerNav li#sh a#shlnk {width: 115px;}
#header ul#headerNav li#us {background: url(../images/headerNav-uslnk.png) no-repeat; width: 155px; left: 338px;}
#header ul#headerNav li#us:hover, #header ul#headerNav li#us.hdrhover {background-position: 0 -27px;}
#header ul#headerNav li#us a#uslnk {width: 155px;}
#header ul#headerNav li#pe {background: url(../images/headerNav-pelnk.png) no-repeat; width: 118px; left: 493px;}
#header ul#headerNav li#pe:hover, #header ul#headerNav li#pe.hdrhover {background-position: 0 -27px;}
#header ul#headerNav li#pe a#pelnk {width: 118px;}
#header ul#headerNav li#ps {background: url(../images/headerNav-pslnk.png) no-repeat; width: 205px; left: 611px;}
#header ul#headerNav li#ps:hover, #header ul#headerNav li#ps.hdrhover {background-position: 0 -27px;}
#header ul#headerNav li#ps a#pslnk {width: 205px;}

#header ul#headerUtilNav {top: 7px; right: 15px; position: absolute; z-index: 99999;}
#header ul#headerUtilNav li {margin: 0 15px 0 0; list-style: none; display: inline;}
#header ul#headerUtilNav li a {color: #efd; font-size: 1.2em; font-weight: bold;}
#header ul#headerUtilNav li a:hover {color: #efd;}

/**************************************************content area********************************************/
#content {position: relative;}

/**************************************************center column*******************************************/
#main {background: #fff; color: #455; width: 792px; margin: 0 0 0 15px; padding: 0 65px; position: relative; border-left: 1px solid #ccc;}/*see ie.css for fixes*/
#main h2 {color: #d85; margin: 0 0 20px 0; font-size: 2.4em; letter-spacing: 3px;}
#main h3 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.3em;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 20px 0; line-height: 1.8; font-size: 1.1em;}
#main ul {margin: 0 0 20px 20px; line-height: 1.8; font-size: 1.1em;}
#main ol {margin: 0 0 20px 30px; line-height: 1.8; font-size: 1.1em;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px; font-size: 1em;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px; font-size: 1em;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main table {margin: 0 0 20px 0; table; border-collapse: collapse; font-size: 1.1em;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {display: table-cell;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr td {display: table-cell;}

/**************************************************footer**************************************************/
#footer, [dummy] {background: url(/images/bg-footer.png) no-repeat;}
#footer {width: 960px; margin: 0 auto 25px auto; padding: 0; font-size: 1em; clear: both;}
#footer p {color: #fff; padding: 34px 0 0 17px; font-size: 1.1em; float: left;}
#footer ul#footerNav {padding: 34px 17px 0 0; text-align: right;}
#footer ul#footerNav li {color: #fff; font-size: 1.1em; list-style: none; display: inline;}
#footer ul#footerNav li a {color: #fff; font-size: 1.1em;}




hr {border: solid #D1D7DC 0px; border-top-width: 1px; height: 0px;}
/* This is the border line & background colour round the entire page */
.bodyline {background-color: #fff; border: 1px #98AAB1 solid;}
/* This is the outline round the main forum tables */
.forumline {background-color: #fff; border: 1px #aaa solid;}
/* Main table cell colours and backgrounds */
td.row1 {background-color: #eee; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;}
td.row2 {background-color: #eee; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;}
td.row3 {background-color: #eee; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;}
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page By default this is the fading out gradiated silver background. However, you could replace this with a bitmap specific for each forum*/
td.rowpic {background-color: #fff; background-image: url(../images/cellpic2.jpg); background-repeat: repeat-y;}
/* Header cells - the blue and silver gradient backgrounds */
th {background-color: #c62; background-image: url(../images/cellpic3.gif); color: #fff; font-size: 11px; font-weight: bold; height: 25px;}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {background-color: #fff; background-image: url(../images/cellpic1.gif); height: 28px;}
/*Setting additional nice inner borders for the main table cells. The names indicate which sides the border will be on. Don't worry if you don't understand this, just ignore it :-)*/
td.cat,td.catHead,td.catBottom {height: 29px;}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {border: 1px solid #367; font-weight: bold; height: 28px;}
td.row3Right,td.spaceRow {background-color: #D1D7DC; border: #367; border-style: solid;}
th.thHead,td.catHead {}
th.thSides,td.catSides,td.spaceRow {}
th.thRight,td.catRight,td.row3Right {}
th.thLeft,td.catLeft {}
th.thBottom,td.catBottom {}
th.thTop {}
th.thCornerL {}
th.thCornerR {}
/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {color: #000000; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; line-height: 120%; text-decoration: none;}
/* General text */
.gen {font-size: 12px;}
.genmed {font-size: 11px;}
.gensmall {font-size: 10px;}
.gen,.genmed,.gensmall {color: #000000;}
a.gen,a.genmed,a.gensmall {color: #006699; text-decoration: none;}
a.gen:hover,a.genmed:hover,a.gensmall:hover {color: #DD6900; text-decoration: underline;}
/* The register, login, search etc links at the top of the page */
.mainmenu {color: #000000; font-size: 11px;}
a.mainmenu {color: #006699; text-decoration: none;}
a.mainmenu:hover {color: #DD6900; text-decoration: underline;}
/* Forum category titles */
.cattitle {color: #006699; font-size: 12px; font-weight: bold; letter-spacing: 1px;}
a.cattitle {color: #006699; text-decoration: none;}
a.cattitle:hover {text-decoration: underline;}
/* Forum title: Text and link to the forums used in: index.php */
.forumlink {color: #006699; font-size: 12px; font-weight: bold;}
a.forumlink {color: #006699; text-decoration: none;}
a.forumlink:hover {color: #DD6900; text-decoration: underline;}
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav {color: #000000; font-size: 11px; font-weight: bold;}
a.nav {color: #006699; text-decoration: none;}
a.nav:hover {text-decoration: underline;}
/* titles for the topics: could specify viewed link colour too */
.topictitle {color: #000000; font-size: 11px; font-weight: bold;}
a.topictitle:link {color: #006699; text-decoration: none;}
a.topictitle:visited {color: #5493B4; text-decoration: none;}
a.topictitle:hover {color: #DD6900; text-decoration: underline;}
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name {color: #000000; font-size: 11px;}
/* Location, number of posts, post date etc */
.postdetails {color: #000000; font-size: 10px;}
/* The content of the posts (body of text) */
.postbody {font-size: 12px;}
a.postlink:link {color: #006699; text-decoration: none;}
a.postlink:visited {color: #5493B4; text-decoration: none;}
a.postlink:hover {color: #DD6900; text-decoration: underline;}
/* Quote & Code blocks */
.code {background-color: #FAFAFA; border: #D1D7DC; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: solid; border-top-width: 1px; color: #006600; font-family: Courier, 'Courier New', sans-serif; font-size: 11px;}
.quote {background-color: #FAFAFA; border: #D1D7DC; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: solid; border-top-width: 1px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 125%;}
/* Copyright and bottom info */
.copyright {color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: -1px;}
a.copyright {color: #444444; text-decoration: none;}
a.copyright:hover {color: #000000; text-decoration: underline;}
/* Form elements */
input,textarea, select {border-color: #000000; color: #000000; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
/* The text input fields background colour */
input.post, textarea.post, select {background-color: #FFFFFF;}
input {text-indent: 2px;}
/* The buttons used for bbCode styling in message post */
input.button {background-color: #EFEFEF; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
/* The main submit button option */
input.mainoption {background-color: #FAFAFA; font-weight: bold;}
/* None-bold submit button */
input.liteoption {background-color: #FAFAFA; font-weight: normal;}
/* This is the line in the posting page which shows the rollover help line. This is actually a text box, but if set to be the same colour as the background no one will know ;)*/
.helpline {background-color: #DEE3E7; border-style: none;}
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("../formIE.css");