* { padding: 0; margin: 0; }
html, body { height: 875px; }
body { font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; color: #333; background: url('/images/bg_page.png') repeat #ddd; }

.txtField { background: #EEE; border: #DEDEDE solid 1px; font-size: 11px; padding: 2px; width: 130px; }
.checkbox { float: left; margin-top: 3px; margin-right: 5px; }
.form { margin: 2px; margin-top: 10px; width: 200px; margin: auto; padding: auto; }
td.field { width: 200px; text-align: right; }
table.form td { padding: 2px; }
td.label { text-align: right; padding-right: 4px; width: 100px; }

table.form.reg { width: 300px; }
td.field.reg { width: auto; }
td.label.reg { width: 110px!important; }
input.txtField.reg { width: 120px; }
td.errmssg { width: 50px; }

ul,ol { margin-left:50px; }

input.txtField.regPg { width: 210px; }
td.fieldL { text-align: left; }
table.form.regPg { margin-left: 10px; margin-top: 10px; width: 480px; float: left; }
td.field.regPg { width: auto; text-align: left; }
td.label.regPg { width: 130px!important; }
input.chkBox.reg { background: #EEE!important; border: #DEDEDE solid 1px!important; padding: 2px!important; margin-top: 4px!important; }
#openclose { position: relative; margin: 0; padding: 0; width: 50px; height: 20px; line-height: 18px; font-size: 1em; font-weight: normal; cursor: hand!important; color: #920101; text-decoration: underline; float: right; margin-top: 8px; }
#openclose:hover { text-decoration: none; }
#openclose a { color: #920101; }

#formRegPg { width: 520px; margin-top: 10px; margin-left: 10px; }
fieldset#basicinfo, fieldset#advinfo { width: 510px; border: 1px solid #920101; padding-bottom: 10px; text-align: left; }
fieldset#advinfo { width: 520px; margin-top: 20px; }
fieldset#basicinfo legend, fieldset#advinfo legend { font-size: 1.3em; font-weight: bold; margin-left: 6px; }
fieldset#advinfo legend { cursor: hand!important; }

.form td a { text-decoration: none; color: #FFF; }
.form td.fieldL a { color: #000; }
a.underline { text-decoration: underline!important; }
a.underline:hover { text-decoration: none!important; }
.blood, a.blood { color: #920101!important; }
#loginmssg { position: relative; display: block; height: 20px; background-color: #920101; color: #FFF; font-weight: bold; width: 297px; text-align: center; margin: auto; padding: auto; padding-top: 2px; margin-bottom: 8px; }

#unamesuggest { width: 210px; padding-left: 4px; height: 100px; border: 1px solid #920101; background: #FF00FF; font-size: .9em; color: #920101; }
#unamesuggest a { margin: 0; padding: 0; margin-left: 8px; color: #666; text-decoration: underline; display: inline; font-size: .9em; line-height: 1.6em; }
#unamesuggest a:hover { text-decoration: none; }

#sponsors { position: relative; clear: both; height: auto; width: 297px; padding: 2px 6px; }
#sponsors h3 { font-size: 1.1em; color: #920101; padding: 0; margin: 0; }
#sinful { font-size: 14px; font-weight:bold; line-height:34px; color: #920101; padding: 0; margin: 0; }

#lftarrow, #rtarrow { position: relative; margin-top: 40px; }
#lftarrow { float: left; }
#rtarrow { float: right; }

#ribbon { margin-top: 0; padding: 0;  width: 100%; background: #920101 url('/images/bg_ribbon.png') repeat-x; height: 24px; font: .95em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
#ribbonint { margin: 0; padding: 0; width: 972px; margin: auto; padding: auto; height: 22px; padding-top: 3px; }
#ribbonint #ribbonlft span { font-weight: bold; color: #DADADA; }

#ribbonlft { float: left; margin: 0; padding: 0; position: relative; }
#ribbonlft a { color: #FFF; text-decoration: none; }
#ribbonlft a:hover { color: #DADADA; text-decoration: underline; }

#ribbonrt { margin: 0; padding: 0; float: right; color: #DADADA; position: relative; }
#ribbonrt a { color: #FFF; text-decoration: none; }
#ribbonrt a:hover { color: #DADADA; text-decoration: underline; }

#container { position: relative; background: #FFF; width: 972px; min-height: 97%; margin: auto; padding: auto; border-left: 1px solid #0B0000; border-right: 1px solid #0B0000; }
#header { width: 972px; margin: auto; padding: auto; background: #FFF; background: url('/images/bg_header.png') top right no-repeat; }
#logo { width: 367px; height: 132px; float: left; background: url('/images/logo_concept3.jpg') 0 0 no-repeat; margin-top: 3px; }

#navigationbump ul, #navigation ul, #footernav ul { display: inline; list-style: none; }
#footernav ul li { float: left; margin-right: 10px; }
#navigationbump ul li a:hover, #navigation ul li a:hover, #subnav ul li a:hover, #utilities ul li a:hover, #footernav ul li a:hover, #copyright a:hover, #tertiarynav ul li a:hover { text-decoration: underline; }

#navigation, #navigationbump { position: relative; float: right; width: 591px; height: 25px; padding: 0 10px 4px 4px; background: url('/images/bg_topnav.png') #FFF bottom left repeat-x; }
#navigationbump { margin-top: 3px; }
#navigation { margin-top: 67px; }
#navigationbump li, #navigation li { display: inline; float: right; background: url(/images/tabPipe.gif) no-repeat; width: auto; height: 21px; padding: 0!important; margin: 0 0 0 10px; }
#navigation ul li a, #navigationbump ul li a { display: block; width: auto; font-size: 1.45em; color: #FFF; font-weight: normal; text-decoration: none; margin-top: 7px; }
#navigation ul li a.navon, #navigationbump ul li a.navon { color: #920101; background: #DEDEDE; display: block; height: 18px; width: auto; padding: 6px 4px; margin-top: 0!important; }

#subnav { position: relative; width: 162px; height: auto; background: #DEDEDE; padding: 3px 4px 6px 4px; margin-bottom: 10px; }
#subnav ul { list-style: none; }
#subnav ul li { height: 20px; border: 1px solid #FFF; padding-left: 10px; }
#subnav ul li a { font-size: 1.1em; color: #996633; text-decoration: none; }
#subnav ul li a.navon { font-weight: bold; color: #920101; }

#profileimage { clear: both; width: 250px; height: 250px; float: left; margin-left: 10px; margin-top: 3px; text-align: center; }
#profileutilities { position: relative; float: left; padding-left: 10px!important; width: 65px; height: 31px; }
#profileutilities a.buddy { display: block; width: 26px; height: 31px; text-decoration: none; background: url('/images/icon_buddyrequest.jpg'); }
#profileutilities a.mail { float: right; display: block; width: 26px; height: 31px; text-decoration: none; background: url('/images/icon_sendmail.jpg') #333; }
#profileutilities a.buddy:hover, #profileutilities a.mail:hover { background-position: -26px 0; }

#tertiarynav { position: relative; width: 131px; height: 140px; background: #EEE; padding: 3px 0 6px 0; margin-bottom: 10px; }
#tertiarynav ul { list-style: none; }
#tertiarynav ul li { height: 20px; }
#tertiarynav ul li a { font-size: 1em; color: #920101; text-decoration: none; }
#tertiarynav ul li a.navon { font-weight: bold; color: #920101; }

#utilities { position: relative; float: right; width: auto; height: 36px; text-align: right; margin-right: 6px; margin-top: 3px; font-size: .7em; color: #999; }
#utilities ul { list-style: none; }
#utilities ul li a { font-size: 1.2em; color: #999; text-decoration: none; }
#utilities ul li a.navon { font-weight: bold; color: #920101; }

#leaderboard { float: left; width: 728px; height: 90px; margin-left: 34px; }
#banner { width: 600px; height: 60px; margin: 0; padding: 0; float: right; position: relative; text-align: left; margin-top: 4px; }
#banner h2 { width: 600px; height: 60px; margin: 0; padding: 0; float: right; position: relative; text-align: left; margin-top: 4px; }

#contentwrap { clear: both; position: relative; width: 972px; min-height: 100%; background-color: #FFF; margin: 0; padding: 0; padding-top: 10px!important; }
#content, #contentbump, #contentwide { float: left; position: relative; margin: 0; padding: 0; background: #FFF; }
#content { width: 770px; margin-left: 10px; }
#contentbump { width: 694px; }
#contentwide { width: 950px; padding: 0 10px 0 10px; }

#modulewrap { float: right; position: relative; width: 170px; padding-right: 8px; }
#module { width: 162px; height: 140px; clear: both; position: relative; background: #DEDEDE; padding: 3px 4px 6px 4px; margin-bottom: 10px; }

#postagewrap { position: relative; width: 260px; margin: auto; padding: auto; text-align: center; margin-top: 6px; }
#postage { float: left; display: block; margin-left: 10px; width: 120px; height: 60px; margin-bottom: 8px; text-align: center; }
#int-postage { display: block; margin: auto!important; padding: auto!important; width: 120px; height: 60px; margin-bottom: 10px!important; }
#int-book { display: block; margin: auto!important; padding: auto!important; width: 120px; height: 150px; margin-bottom: 10px!important; }

#footer { position: absolute; width: 972px; bottom: 0; margin-bottom: 0; background: #920101 url('/images/bg_footer.png') repeat-x; height: 40px; font: .9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
#footernav { float: left; width: auto; height: 17px; margin-top: 3px; margin-left: 10px; }
#footernav ul li a, #copyright a { color: #DADADA; text-decoration: none; }
#footernav ul li a.navon { color: #FFF; text-decoration: underline; }

#copyright { clear: both; float: left; width: auto; height: 20px; margin-left: 10px; }

h1 { font-size: 1.8em; color: #920101; padding: 0; margin: 0; padding-top: 9px; padding-left: 28px; }
h3 { font-size: 1.6em; color: #920101; padding: 0; margin: 0; padding-top: 9px; margin-bottom: 6px; margin-left: 10px; }
h3#profile { float: left; }
span.date { font-size: 1em; color: #920101; margin-left: 20px; }
b { font-size: 1.2em; font-weight: bold; }
p { padding: 0; margin: 0; margin-left: 34px; }
.bold { font-weight: bold; font-size: 1em; color: #920101; }
.bold:hover { text-decoration: none; }

#lftcolumn { float: left; position: relative; width: 630px; }

#topcontent, #midcontent, #botcontent { width: 630px; margin-bottom: 10px; position: relative; }

#topcontent { width: 626px; height: 250px; }
#rotator { position: relative; margin: 0; padding: 0; height: 250px; float: left; width: 626px; background: #FFF; overflow: hidden; }

#rotator #images { height: 250px; background: #eef5f6; }
#rotator #bigimage { float: right; position: relative; width: 476px; height: 250px; background: #FFF url('/images/slideshow/images/loading.gif') center center no-repeat; }
#rotator #imagetext { z-index: 9999; width: 465px; height: 40px; position: absolute; bottom: 0; left: 0; padding: 8px 100px 2px 4px; color: #000; }
/* #topcontent #rotator #imagetext { opacity: .7; filter: alpha(opacity=70); } */
#rotator #thumbwrapper { float: left; position: relative; width: 150px; height: 254px; background: #FFF; }
#rotator #thumbarea { position: relative; overflow: hidden; height: 254px; width: 150px; }
#rotator #thumbs { position: absolute; list-style: none; height: 49px; width: 150px; margin: 0; padding: 0; }
#rotator #thumbs li { float: left; margin: 0; padding: 0; height: 42px; width: 142px; padding: 4px; overflow: hidden; cursor: pointer; background: #FF0000 url('/images/bg_rotateoptions.png') top left no-repeat; font: 1.1em "Trebuchet MS"; color: #FFF; text-align: center; }
#rotator #thumbs li.rotateOn { background: #FFF url('/images/bg_rotateoptions_on.png') top left no-repeat; color: #000; }
#rotator #thumbs li.rotateOn.start { background: #EFDCDC url('/images/bg_rotateoptions_on1.png') top left no-repeat; color: #000; }
#rotator #thumbs li.rotateOn.end { background: #EFDCDC url('/images/bg_rotateoptions_on5.png') bottom left no-repeat; color: #000; }
#rotator #thumbs #t1 { border: none!important; }
#rotator #thumbs #t5 { border: none!important; }

/*#rotator .imgnav { position: absolute; height: 375px; width: 20%; z-index: 100; height: 375px; width: 20%; z-index: 100; outline: none; cursor: pointer; }*/

#breadcrumbs { font-size: .9em; color: #920101; height: 16px; margin-top: 8px!important; }
#breadcrumbs a { color: #920101!important; }
#breadcrumbs a:hover { text-decoration: none; }

#midcontent { height: 180px; }

#col1, #col2 { height: 176px; position: relative; float: left; width: 302px; padding: 2px; }
#col1 { margin-right: 10px; }
#col1 b { font-size: .95em; color: #920101; }
#col1 b.blobTitle, #col2 b.blobTitle, #col3 b.blobTitle, b.blobTitle { margin: 0!important; padding: 0!important; font-size: 1.15em; color: #333; }
#col1 a { font-size: .9em; }

#col2 { margin-right: 8px; }

#listingsV { list-style: none; width: 94%; margin: auto; padding: auto; }
#listingsV li { height: 36px; border-bottom: 1px dashed #920101; }
#listingsV li.many { height: auto; line-height: 22px; }

#listingsH, #listingsH2 { list-style: none; width: 580px; margin: auto; padding: auto; margin-top: 0px; }
#listingsH2 { margin-top: 10px; }
#listingsH li, #listingsH2 li { float: left; display: inline; height: 84px; width: 81px; background: url('/images/bg_recent.png') top left no-repeat; margin: 3px 9px 0 9px; }
#listingsH li.endH, #listingsH2 li.endH { margin-right: 0; }
#listingsH li.startH, #listingsH2 li.startH { margin-left: 0; }
#listitem { width: 77px; height: 79px; margin: auto; padding: auto; margin-top: 3px; font-size: .75em!important; text-align: center; line-height: .9em; }
#listitem b { display: block; margin-bottom: 4px!important; }

.listtitle { font-weight: bold; color: #920101; text-decoration: none; }
.listtitle:hover { text-decoration: underline; }

#prevnext { position: relative; width: 302px; height: 18px; margin: 0; padding: 0; }
#prevnext #prev, #prevnext #next { width: auto; }
#prevnext #prev { float: right; }
#prevnext #next { float: left; }
#prevnext #prev a, #prevnext #next a { font-size: .8em!important; color: #920101; text-decoration: none; }

#botcontent { height: 260px; margin-bottom: 10px; }
#row1, #row2 { position: relative; }
#row1 { width: 626px; height: 106px; margin-right: 8px; margin-bottom: 6px!important; }
#row2 { width: 626px; height: 106px; margin-right: 8px; }

#xtra { float: right; position: relative; display: inline; width: auto; padding: 0 6px 0 6px; background: url('/images/bg_xtra.png') 0 0 no-repeat; opacity: .4; filter: alpha(opacity=40); bottom: -1px!important; }
#xtra:hover { opacity: .8; filter: alpha(opacity=80); }
#xtra a { font-weight: bold; font-size: .8em!important; color: #920101; }
#xtra a:hover { text-decoration: none; }

#module-chat { float: right; position: relative; width: 310px; }
.mcrmeebo { display: block; background: url("http://widget.meebo.com/r.gif") no-repeat top right; } 
.mcrmeebo:hover { background: url("http://widget.meebo.com/ro.gif") no-repeat top right; }

#rtcolumn { float: right; position: relative; width: 310px; height: auto; margin-right: 1px; }
#squaread { position: relative; margin: auto!important; padding: auto!important; height: 250px; width: 300px; background: #003366; color: #FFF; }

#col3 { position: relative; display: block; width: 310px; height: auto; margin-top: 12px; padding: 2px; border: none; }
#col3 #col3tabs { width: 309px; height: 22px; margin: 0; padding: 0; }
#col3 #col3tabs a { font: 1.1em "Trebuchet MS"; text-decoration: none; }

#col3 #col3tabs #logintab { width: 150px!important; height: 20px; position: relative; display: inline; background: url('/images/bg_logintab.png') top left no-repeat; padding: 3px 22px; }
#col3 #col3tabs #logintab a { color: #FFF; }
#col3 #col3tabs #registertab a { color: #000; }
#col3 #col3tabs #registertab { width: 150px; height: 20px; position: relative; display: inline; background: url('/images/bg_registertab.png') top left no-repeat; padding: 3px 16px; }

#col3 #loginbox { width: 297px; height: 156px; background: url('/images/bg_loginbox.png') top left no-repeat; padding: 6px; color: #FFF; }
#col3 #registerbox { position: relative; width: 297px; height: 150px; background: url('/images/bg_registerbox.png') bottom left repeat-y; color: #000; padding: 6px; margin-bottom: 6px; }

#row3 { position: relative; clear: both; height: auto; width: 297px; padding: 2px 6px; margin-top: 10px; }
#row3 h3 { font-size: 1.1em; color: #920101; padding: 0; margin: 0; }
#row3 #encounterimg { width: 100px; height: 100px; float: left; position: relative; margin-right: 6px; margin-top: 4px; border: 1px solid #000; }
#row3 #readmore { height: 16px; width: 60px; float: right; position: relative; }
#row3 #readmore a, a.readmore { font-size: .8em!important; color: #920101; text-decoration: none; }
#row3 #readmore a:hover, a.readmore:hover { text-decoration: underline; }

#mailbox { width: 730px; margin-left: 10px; }
#mailtop { width: 730px; height: 18px; font-weight: bold; }
#maillist { width: 730px; margin-top: 8px; border: 1px solid #E1B9B9; }
#newmail, #sentmail, #readmail { width: 730px; }
#newmail ul#mailhdr, #sentmail ul#mailhdr, #readmail ul#mailhdr { list-style: none; position: relative; width: 730px; height: 21px; background: black; color: white; font-weight: bold!important; }
#newmail ul#mailitems, #sentmail ul#mailitems, #readmail ul#mailitems { clear: both; list-style: none; position: relative; width: 730px; height: 22px; }
#newmail ul#mailhdr li, #newmail ul#mailitems li, #sentmail ul#mailhdr li, #sentmail ul#mailitems li, #readmail ul#mailhdr li, #readmail ul#mailitems li { display: inline; float: left; border-right: 1px solid #EEE; height: 18px!important; padding: 2px 0 0 4px; }

#newmail ul li#action, #readmail ul li#action, #sentmail ul li#action { width: 54px!important; text-align: center; }
#newmail ul li#from, #sentmail ul li#to, #readmail ul li#from { width: 90px!important; }
#newmail ul li#subject, #readmail ul li#subject { width: 436px!important; }
#sentmail ul li#subject { width: 397px!important; }
#newmail ul li#date, #readmail ul li#date { border: none; width: 130px!important; }
#sentmail ul li#date { width: 130px!important; }
#sentmail ul li#read { width: 34px!important; text-align: center; border: none; }
#newmail ul#mailitems li, #sentmail ul#mailitems li, #readmail ul#mailitems li { border-bottom: 1px solid #EEE; }
.alt { background: #EEE; }

#newmail ul#mailitems li:hover, #sentmail ul#mailitems li:hover, #readmail ul#mailitems li:hover { background: #FAF6F6; }

#newmail ul li a, #sentmail ul li a, #readmail ul li a { font-size: .9em; color: #920101; text-decoration: none; }
#newmail ul li a:hover, #sentmail ul li a:hover, #readmail ul li a:hover { text-decoration: underline; }

#actionbuttons { position: relative; float: left; width: auto; list-style: none; margin-top: 10px; }
#actionbuttons li { display: inline; float: left; background: #E1B9B9; border-right: 1px solid #FFF; height: 20px!important; padding: 2px 4px 0 4px; }
#actionbuttons li:hover { background: #FEFEFE!important; border-top: 1px solid #E1B9B9; }
#actionbuttons li a { color: #920101!important; text-decoration: none; }
#actionbuttons li a:hover { color: #000!important; text-decoration: underline; }

#noMssg { height: 20px!important; width: 300px!important; margin: auto!important; padding: auto!important; margin-top: 10px; padding-top: 10px; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; }

#mailcount { display: inline; margin: 0; padding: 0; }

#sendmail { margin-top: 14px; }

#maincal { margin-top: 20px; margin-left: 10px; }
a.navmonth { color: #FFFFFF; font-weight: bold;}
.day-current { background-color: #EEDBDB; padding: 4px; font-weight: bold; }
.day-event { background-color: #E1ECED; padding: 2px; font-weight: bold; margin-bottom: 4px; margin-left: 4px; width: 90px!important; }
.day-event-iti { background-color: #A54646!important; color: #920101; padding: 2px; font-weight: bold; margin-bottom: 4px; margin-left: 4px; width: 84px!important; }
.day-event a, .day-event-iti a { font-size: .9em; line-height: 1.2em; color: #920101; font-weight: normal; text-decoration: none; }
.day-event a:hover, .day-event-iti a:hover { text-decoration: underline; }
.day-event-iti a { color: #FFFFFF!important; }
.calheader { background-color: #717171; color: #FFFFFF; font-size: .95 em; font-weight: bold; text-align: center; }
.calsubheader { background-color: #aaaaaa; color: #FFFFFF; font-weight: bold; text-align: center; }

#monthlist { width: 168px; height: 18px; text-align: center; font-size: .9em; font-weight: bold; border: 1px solid #CCC; border-bottom: none; border-top: none; }
#monthlist a { font-size: .9em; color: #920101; text-decoration: none; }
#monthlist a:hover { text-decoration: underline; }
#calgrp { float: right; position: relative; width: 170px; margin-bottom: 10px; }
#caltitle { text-align: center; background: #920101; font-size: 1.2em; color: #FFFFFF; margin: 0; padding: 0; font-weight: bold; border: 1px solid #CCC; border-bottom: none; }
.calendar { width: 170px; border: 1px solid #CCC; }
.dayhdrs { width: 24px; height: 24px; text-align: center; background-color: #000; color: #FFF; font-size: .9em; font-weight: bold; }
.emptycells { width: 24px; height: 24px; background-color: #EEDBDB; }
.daycells, .today { width: 24px; height: 24px; text-align: center; background-color: #FDFAFA; color: #000000; font-size: .9em; }
.today { background-color: #A54646; color: #FFFFFF; font-weight: bold; font-size: .9em; }
.event { background-color: #920101; color: #FFFFFF; font-weight: bold; font-size: .9em; }

#lnkMoreEvents { display: inline; float: right; position: relative; color: #920101; font-weight: bold; text-decoration: none; }
#lnkMoreEvents:hover { text-decoration: underline; }

#eventdetails { margin: 14px 10px; }

#bottomspacer { height: 60px!important; }