@import url(../contentStyles.css);

/* Body Style
========================================================================================== */
body {
    background: url(../../Images/bgGradient.gif) repeat-x;
    font-family: Arial, Verdana, Tahoma;
}

/* Core Layout
========================================================================================== */
#page {
	background: #FFF url(../../Images/Footer.jpg) no-repeat bottom left;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 17px 105px;
    width: 946px;
}
#main {
	border-top: solid 1px #bdbdbd;
    float: left;
    overflow: hidden;
    padding: 12px 0 0;
    width: 810px;
}
#content {
    float: left;
    width: 560px;
}
#wrap {
	background: url(../../Images/contentbg.gif) repeat-y;
	overflow: hidden;
}
#sidebanner {
    float: right;
	text-align: right;
	margin-top: -90px;
    width: 120px;
}
#sidebanner div {
    padding-bottom: 20px;
/*    border-bottom: solid 1px #BDBDBD;*/
}

/* Site Footer
========================================================================================== */
#sitefoot {
	color: #494949;
	font-size: 0.687em;
	overflow: hidden;
    padding: 0 7px 20px;
    width: 966px;
	margin: 5px auto;
}
#sitefoot ul {
	list-style-type: none;
	overflow: hidden;
	float: right;
}
#sitefoot li {
	float: left;
	margin-right: 7px;
}
#sitefoot .last {
	margin-right: 0;
}
#sitefoot a {
	color: #494949;
	text-decoration: none;
}
#sitefoot span {
	float: left;
}
#sitefoot em {
	color: #ff9900;
	font-style: normal;
}
#sitefoot p {
	float: left;
	padding-right: 5px;
}

/* Form Elements
========================================================================================== */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
select.lbox,
fieldset input.txt,
fieldset textarea {
    border: solid 1px #c0c0c0;
    background: url(../../Images/inputbg.gif) no-repeat bottom left;
}
fieldset input.btn {
    position: relative;
    top: 5px;
}
fieldset div {
	overflow: hidden;
	margin-bottom: 3px;
}
fieldset label {
    position: relative;
}
fieldset label strong {
	position: absolute;
	color: #FF0000;
	top: 3px;
	right: 10px;
}
input.caps {
    text-transform: uppercase;
}
select, input, textarea {
	font-family: Arial, Verdana,Tahoma;
}
.gbtn {
	background: #99cc66;
	border: solid 1px #669933;
	text-align: center;
	color: #FFF;
	font-size: 0.75em;
}

/* Login Panel
========================================================================================== */
#login {
    background: url(../../Images/CornerR.png) no-repeat top right;
    margin: 20px auto 0;
    overflow: hidden;
    width: 980px;
}
#login input.btn,
#login fieldset div,
#login strong {
    float: left;
    margin-right: 10px;
}
#login div.panel {
    background: url(../../Images/CornerL.png) no-repeat top left;
    float: right;
    padding-left: 8px;
    margin-right: 8px;
}
#login fieldset {
    background: #FFF;
    padding: 7px 1px 0;
}
#login fieldset div {
	font-size: 0.725em;
}
#login label {
	margin-right: 3px;
}
#login strong {
    color: #6da13a;
	font-size: 0.8125em;
    margin-right: 20px;
    position: relative;
    top: 3px;
    padding-left: 8px;
}
#login input.txt {
    width: 118px;
}
#login input.btn{
    margin-right: 8px;
}

/* Contact Us 
========================================================================================== */
#contact {
    padding: 5px;
    font-size: 0.75em;
    overflow: hidden;
    width: 384px;
}
#contact label {
    float: left;
    width: 140px;
}
#contact input.txt,
#contact textarea {
    float: left;
    width: 240px;
}
#contact .gbtn {
    float: right;
    font-size: 1em;
    margin-top: 8px;
}

/* Site Header
========================================================================================== */
#head {
    overflow: hidden;
	position: relative;
}

#head h1 {
	background: #FFF;
    float: left;
    padding: 12px 0;
}
#head h1 a {
    background: url(../../Images/Logo.gif) no-repeat;
    display: block;
    height: 106px;
    text-indent: -8888px;
    width: 344px;
}

#rem {
    float: right;
    font-size: 0.687em;
    margin: 8px 0 0;
}
#rem label {
    font-weight: bold;
    color: #6da13a;
}
#rem input {
    position: relative;
    top: 3px;
    left: 3px;
}

#head ul {
    float: right;
    list-style-type: none;
    overflow: hidden;
    margin: 12px 60px 0;
}
#head li {
    float: left;
    margin-right: 15px;
}
#head li.last {
    margin-right: 0;
}
#head li a {
    color: #3a3939;
    display: block;
    font-size: 0.75em;
    text-decoration: none;
}
#headbanner {
	text-align: right;
	position: absolute;
	top: 55px;
	left: 420px;
	width: 391px;
}
/* Menu Panel
========================================================================================== */
#menu {
    float: left;
    padding-right: 13px;
    margin-right: 25px;
    width: 205px;
}
#menu ul{
    list-style-type: none;
}
#menu li {
    background: url(../../Images/Menubar.gif) no-repeat;
}
#menu li a{
    margin-bottom: 3px;
	color: #000;
    display: block;
    font-size: 0.8125em;
    padding: 2px 11px;
	position: relative;
    text-decoration: none;
}
#menu li ul {
	margin-left: 11px;
	margin-right: 1px;
}
#menu li li {
	background: none;
}
#menu li li a {
	background: #ededed;
	color: #4f4f4f;
	font-size: 0.75em;
    padding: 3px 22px 3px 11px;
}
#menu li li li a {
	background: #f2f2f2;
	font-size: 0.687em;
}
#menu .leaf span,
#menu li li.leaf span {
    background: url(../../Images/arrMenu.png) no-repeat;
	height: 9px;
	width: 11px;
	position: absolute;
	top: 6px;
	right: 9px;
	display: block;
}
#menu .leaf li span {
	display: none;
}
#menu li li.leaf li span {
	display: none;
}

#menu fieldset {
    border-top: solid 1px #bdbdbd;
    border-bottom: solid 1px #bdbdbd;
    margin: 15px 0;
    padding: 15px 10px;
    font-size: 0.75em;
}
#menu label {
    display: block;
    padding-bottom: 2px;
}
#menu input {
    float: left;
}
#menu input.txt {
    margin-right: 5px;
    width: 147px;
}

#menu .latest {
	margin: 15px 0;
	padding: 0 10px 10px;
}
#menu .talk {
    border-bottom: solid 1px #bdbdbd;
}
#menu .talk h3 {
	color: #006633;
}
#menu .news h3 {
	color: #cc3300;
}
.insidemenu {
	padding-bottom: 100px;
}


/* Homepage Content
========================================================================================== */
#home .int h2,
#home .int p {
	color: #000;
	font-size: 0.75em;
}
#home .int h2 {
	color: #006233;
	font-size: 1.125em;
	margin: 2px 0;
}
#home .int p {
	padding: 2px 0 15px;
	text-align: justify;
}
#home .int p strong {
	text-transform: uppercase;
}

#home #search {
	background: url(../../Images/HomeSearch.jpg) no-repeat top right;
}
#home #search fieldset {
	display: block;
	color: #FFF;
	padding: 12px 15px 26px;
	width: 327px;
}
#home #search fieldset div {
	margin-bottom: 6px;
}
#home #search fieldset br {
	display: none;
}
#home #search strong {
	display: block;
	font-size: 1.3125em;
	margin-bottom: 12px;
}	
#home #search label {
	float: left;
	font-size: 0.75em;
	margin-right: 12px;
	padding-top: 1px;
	width: 65px;
}
#home #search select {
	float: left;
	font-size: 0.687em;
	width: 250px;
}
#home #search .btn {
	float: right;
	margin-top: 3px;
}

#home .reg,
a.ben {
	color: #FFF;
	display: block;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}
#home .reg span,
a.ben span {
	background: url(../../Images/arrWhite.png) no-repeat;
	width: 7px;
	height: 9px;
	position: absolute;
	right: 13px;
	top: 13px;
}
#home .reg {
	background: url(../../Images/GreenBar.png) no-repeat;
	font-size: 0.9375em;
	margin-top: 12px;
	padding: 7px 15px 8px;
	width: 324px;
}
a.ben {
	background: #ff0000 url(../../Images/OrangeBar.png) no-repeat;
	font-size: 0.8125em;
	margin-left: 115px;
	margin-top: 1px;
	padding: 4px 24px 3px 15px;
	width: 225px;
}
a.buy {
    float: right;
}
a.ben span {
	right: 8px;
	top: 8px;
}
.Normal a.ben {
    font-size: 1em;
    margin-left: 0;
    margin-top: 0;
}

#home .foot {
	border-top: solid 1px #bdbdbd;
	margin-top: 15px;
	overflow: hidden;
}

#home .foot .news,
#home .foot .talk {
	float: left;
	width: 175px;
	padding: 15px 8px;
	border-right: solid 1px #bdbdbd;
}

#home .foot .talk {
}
#home .foot .talk h3 {
	color: #ff7c10;
}
#home .foot .news h3 {
	color: #cc3300;
}

#home .foot .assess {
	width: 162px;
	padding: 15px 0 0 8px;
	float: left;
}
#home .foot .assess img{
	float: right;
}

#home .foot .archive {
	float: left;
	width: 100%;
	padding: 15px 0;
}
#home .foot .archive h3 {
	color:Green;
}


/* news ticker
========================================================================================== */
.ticker {
	position: relative;
    overflow: hidden; 
    height: 200px; 
	
}
.tickerContent {
	position: absolute;
	top: 0;
	left: 0;
}
.tickerContent div {
    height: 200px; 
}

.archive .ticker,
.archive .tickerContent div {
	height: 100px;
}


/* "Latest" Teasers
========================================================================================== */
.latest h3 {
	font-size: 1.125em;
	margin-bottom: 4px;
}
.latest .ticker h3 {
	font-size: 0.75em;
}
.latest p {
	font-size: 0.687em;
}
.latest a {
	color: #000;
	text-decoration: none;
	padding-bottom: 4px;
}
.latest a.more {
	float: right;
}

/* Insidepage Content
========================================================================================== */
#inside #search {
	background: #2c2c2c;
	padding: 10px 10px 8px;
	position: relative;
}
#inside #search strong {
	color: #fcfafa;
	font-size: 1em;
	float: left;
	margin-right: 10px;
	margin-top: 13px;
}
#inside #search div {
	overflow: hidden;
}
#inside #search br {
	display: none;
}
#inside #search label {
	color: #fcfafa;
	font-size: 0.75em;
	float: left;
	width: 75px;
	padding-top: 3px;
}
#inside #search .area label{
	width: 35px;
    padding-left: 5px;
}
#inside #search select {
	float: left;
	font-size: 0.687em;
	width: 130px;
}
#inside #search .sect select {
    width: 226px;
}
#inside #search .btn {
	margin-top: 2px;
	margin-right: 2px;
	float: right;
}
#inside #search .sect {
	float: left;
	margin-right: 5px;
}
#inside #search .area {
	float: left;	
}

/* Latest News
========================================================================================== */
div.News {
	clear: both;
	border-bottom: solid 1px #bdbdbd;
	overflow: hidden;
	padding-bottom: 10px;
	margin: 10px 0;
}
div.News h1,
div.News h2 {
	font-size: 0.9375em;
	font-weight: bold;
	overflow: hidden;
}
div.News h1 a,
div.News h2 a{
	color: #000;
	float: left;
	text-decoration: none;
}
div.News h1 em,
div.News h2 em{
	color: #cc3300;
	color: #4f4f4f;
	float: right;
	font-size: 0.875em;
	font-weight: normal;
}
div.News div{
	margin-bottom: 5px;
}
div.News .lnkMore {
	clear: both;
	margin-top: 2px;
}

/* Newsletter Signup
========================================================================================== */
fieldset.signup label {
    display: none;
}
fieldset.signup input {
    float: left;
}
fieldset.signup input.txt {
    margin-right: 5px;
    width: 147px;
}
fieldset.signup input.btn {
    position: relative;
    top: 4px;
}

/* Discussion Forum
========================================================================================== */
div.Forum {
	clear: both;
	border-bottom: solid 1px #bdbdbd;
	overflow: hidden;
	padding-bottom: 10px;
	margin: 10px 0;
}
div.Forum h2,
div.Forum h1 {
	font-size: 0.9375em;
	font-weight: bold;
	overflow: hidden;
}
div.Forum h1 a,
div.Forum h2 a{
	color: #4f4f4f;
	float: left;
	text-decoration: none;
}

div.Forum h4,
div.News h4 {
	color: #4f4f4f;
	font-size: 0.687em;
	margin: 0 20px 10px;
}
div.Forum h4 strong,
div.News h4 strong {
	color: #cc3300;
}

div.Forum p {
    font-size: 1em;
    padding: 0;
    margin: 0;
}
div.Forum div{
	color: #686868;
	margin-bottom: 5px;
}
div.Forum strong span {
    text-transform: capitalize;
}
div.ForumFull h1 a,
div.ForumFull h2 a{
    color: #006233;
    font-weight: normal;
    font-size: 1.125em;
}
div.ForumRecent {
	margin: 15px 0 10px;
}
div.ForumRecent h2{
	font-size :1em;
}
div.ForumRecent h2 a{
	color: #000;
}
div.ForumFull div,
div.ForumRecent div{
	color: #000;
}

/* Content Posting
========================================================================================== */
div.post {
    padding: 0 5px;
    overflow: hidden;
}
div.post .gbtn {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
}
div.post h3 {
    color: #494949;
	font-size: 0.875em;
	margin-bottom: 5px;
}
div.post fieldset {
    font-size: 0.75em;
}
div.post label {
    float: left;
    padding-right: 20px;
    padding-bottom: 2px;
}
div.post br {
    clear: both;
}
div.post .txt {
    margin-bottom: 6px;
    width: 400px;
}

/* Directory Listings
========================================================================================== */
#listings {
    clear: both;
	padding: 5px;
}

#listings .head,
#listings .foot {
	font-size: 0.75em;
	color: #006734;
	padding: 0 5px 10px;
	overflow: hidden;
	margin: 10px 0;
}
#listings .head {
	border-bottom: solid 1px #BDBDBD;
}
#listings .head h3 {
	/*float: left;*/
	margin-top: -1px;
}

#listings .paging {
	color: #669933;
	float: right;
}
#listings .paging span {
	color: #cc3300;
}
#listings .paging a{
	color: #669933;
	text-decoration: none;
}
#listings a.next {
	background: url(../../Images/arrGreen.gif) no-repeat right 2px;
	padding-right: 14px;
}
#listings em {
	color: #BDBDBD;
	padding: 0 2px;
}

.listing {
	border-bottom: solid 1px #BDBDBD;
	overflow: hidden;
    position: relative;
}
.listing div {
	float: left;
	padding: 10px;
	width: 375px;
}
.listing div img {
    position: absolute;
    right: 10px;
    top: 10px;
}
.listing h4,
.listing p {
	color: #494949;
	font-size: 0.75em;
	margin-bottom: 2px;
}
.listing dl {
	margin-top: 6px;
	color: #494949;
	font-size: 0.75em;
	overflow: hidden;
}
.listing dt {
	clear: left;
	float: left;
	width: 80px;
}
.listing dd {
	float: left;
	width: 295px;
}
.listing a {
	text-decoration: none;
}

.prlisting h4,
.prlisting p,
.prlisting dl,
.enlisting h4,
.enlisting p,
.enlisting dl {
	color: #000;
}
.prlisting { 
	background: #e5f9d1;
}
.enlisting {
	background: #ffffd8;
}

/* Login Page
========================================================================================== */
#loginform {
    overflow: hidden;
}
#loginform h3 {
    margin-bottom: 5px;
}
#loginform .right h3 {
    padding-left: 5px;
}
#loginform .left,
#loginform .right {
    float: left;
    overflow: hidden;
    padding: 10px 5px 20px;
}
#loginform .left {
	text-align: left;
    padding-right: 17px;
    width: 220px;
    padding-top: 10px;
}
#loginform .right {
    border-left: solid 1px #BDBDBD;
    padding-left: 10px;
    width: 226px;
}
#loginform label {
    float: left;
    width: 100px;
}
#loginform .txt {
    float: left;
    clear: left;
    width: 217px;
}
#loginform .gbtn {
    float: right;
    margin-top: 13px;
}
#loginform .left .gbtn {
    margin-top: 35px;
}

/* Registration Form
========================================================================================== */
#register {
	padding: 0 5px;
}

#register ol {
	border-bottom: solid 1px #BDBDBD;
	overflow: hidden;
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
#register ol li {
	float: left;
	width: 24.99%;
	margin: 0;
	font-size: 0.75em;
	background: #E4E4E4 url(../../Images/arrowOut.png) no-repeat top left;
}
#register ol.update li {
    width: 32.99%;
}

#register li span,
#register li strong {
	background: url(../../Images/arrowIn.png) no-repeat top right;
	display: block;
	text-align: center;
	padding: 5px 0 6px;
}
#register li.on {
	color: #FFF;
	background-color: #99cc66;
}

#register h3 {
	color: #494949;
	font-size: 0.875em;
	padding: 0 5px;
	margin-bottom: 5px;
}

#register fieldset label {
	float: left;
	position: relative;
	padding-top: 1px;
	width: 150px;
}
#register .hideLbl label {
	text-indent: -8888px;
}
#register input.txt,
#register textarea {
	float: left;
	width: 200px;
}
#register input.pcode {
	text-transform: uppercase;
	width: 100px;
}
#register textarea {
	width: 375px;
}
#register fieldset p {
	clear: left;
	color: #494949;
	float: left;
	padding-left: 150px;	
	text-align: left;
}
#register .terms {
	padding-top: 5px;
	padding-left: 154px;	
	font-size: 0.687em;
}
#register .terms input {
	margin-top: -1px;
	margin-right: 5px;
}

#register .list {
	overflow: hidden;
}
#register .list div {
	float: left;
	width: 180px;
	padding-bottom: 10px;
}
#register .list label {
	display: block;
}
#register .lbox,
#register select {
	width: 180px;
}
#register .lbox {
	height: 200px;
}
#register select.lboxsel {
	height: 239px;
}
#register .mid .gbtn {
	width: 120px;
	margin-bottom: 5px;
}

#register .list .left {
	border-right: solid 1px #BDBDBD;
	padding-right: 10px;
}
#register .list .mid {
	padding: 55px 10px;
	width: 120px;
}
#register .list .right {
	border-left: solid 1px #BDBDBD;
	padding-left: 10px;
}

#register .foot {
	border-top: solid 1px #BDBDBD;
	padding-top: 10px;
	margin-top: 10px;
	overflow: hidden;
}
#register .foot input {
	float: right;
}
#register input.btndel {
    float: left;
    background: #ff770f;
    border: solid 1px #f7a203;
}

/* Order Form
========================================================================================== */
#order {
	padding: 0 5px;
	overflow: hidden;
}

#order ol {
	border-bottom: solid 1px #BDBDBD;
	overflow: hidden;
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
#order ol li {
	float: left;
	width: 24.99%;
	margin: 0;
	font-size: 0.75em;
	background: #E4E4E4 url(../../Images/arrowOut.png) no-repeat top left;
}
#order li span,
#order li strong {
	background: url(../../Images/arrowIn.png) no-repeat top right;
	display: block;
	text-align: center;
	padding: 5px 0 6px;
}
#order li.on {
	color: #FFF;
	background-color: #99cc66;
}
#order .pair li {
	width: 49.9%;
}
#order .three li {
	width: 32.99%;
}

#order h3 {
	color: #494949;
	font-size: 0.875em;
	padding: 0 5px;
	margin-bottom: 5px;
}

#order fieldset label {
	float: left;
	position: relative;
	padding-top: 1px;
	width: 150px;
}
#order .hideLbl label {
	text-indent: -8888px;
}
#order input.txt,
#order textarea {
	float: left;
	width: 200px;
}
#order textarea {
	width: 375px;
}
#order fieldset p {
	clear: left;
	color: #494949;
	float: left;
	padding-left: 150px;	
}

#order .logos {
    padding-left: 155px;
}
#order .list {
	overflow: hidden;
}
#order .list div {
	float: left;
	width: 180px;
	padding-bottom: 10px;
}
#order .list label {
	display: block;
}
#order .lbox,
#order select {
	width: 180px;
}
#order .lbox {
	height: 200px;
}
#order select.lboxsel {
	height: 239px;
}
#order .mid .gbtn {
	width: 120px;
	margin-bottom: 5px;
}

#order .list .left {
	border-right: solid 1px #BDBDBD;
	padding-right: 10px;
}
#order .list .mid {
	padding: 55px 10px;
	width: 120px;
}
#order .list .right {
	border-left: solid 1px #BDBDBD;
	padding-left: 10px;
}

#order .foot {
	clear: both;
	border-top: solid 1px #BDBDBD;
	padding-top: 10px;
	margin-top: 10px;
	overflow: hidden;
}
#order .foot input {
	float: right;
}

#order .prd {
	background: #e5f9d1;
	margin-bottom: 5px;
	padding: 10px 5px;
	overflow: hidden;
}
#order .prd li ul {
	margin-top: 0;
}
#order .prd dl {
	float: right;
	font-size: 1em;
	padding: 0;
	width: 280px;
	text-align: left;
}
#order .prd dt {
	clear: left;
	float: left;
	width: 120px;
	font-weight: bold;
	padding-top: 2px;
}
#order .prd dd {
	float: left;
	width: 70px;
	padding-top: 2px;
}
#order .prd dd.btn {
	padding-top: 0;
	width: 90px;
}
#order .confirm dl {
	font-size: 1em;
	padding: 0;
}
#order .confirm dt {
	width: 130px;
	font-weight: bold;
}
#order .cost {
	padding-top: 10px;
	font-size: 1.5em;
}
#order table {
	font-size: 0.75em;
}
#order td {
	vertical-align: top;
}
#order td input {
	position: relative;
	top: 3px;
}
#order td label {
	padding-left: 4px;
}

/* Sitemap
========================================================================================== */
.Sitemap ul {
    font-size: 0.75em;
}
.Sitemap a {
    color: #0023d4;
    text-decoration: none;
}
.Sitemap ul ul {
    font-size: 1em;
    margin-top: 2px;
    margin-bottom: 4px;
}

/* Management Controls
========================================================================================== */
.SiteHeader {
	position: absolute;
	bottom: 1px;
	right: 135px;
}
.parab {
	position: relative;
	padding-bottom: 16px
}
.pnlParaBtns {
	position: absolute;
	top: 5px;
	right: 0;
    font-size: 0.75em;
}
.pnlParaBtns select {
    position: relative;
    top: -4px;
    width: 120px;
}
.pnlParaBtns br {
	display: none;
}
.pnlParaBtns input {
	position: relative;
	top: 1px;
}
.paraControls td a {
	display: none;
}

/* Manager Buttons
==========================================================================================
.home .pnlParaBtns {
    float: right;
    margin-right: 20px;
}
.SiteHeader {
    float: right;
    display: inline;
		padding-right: 6px;
}
.pnlConfirm {
    clear: both;
    padding: 40px;
    text-align: center;
}
.admContent {
    clear: both;
}
.paraControls {
    clear: both;
}
.paraControls a {
    font-size: 0.75em;
    color: #999;
    text-decoration: none;
}
.dragHelper {
	border: 1px dashed #666;
	width: auto !important;
}
.dragActive .paraControls {
    display: none;
}
*/