body
{
	background: #ffff99 ;
	color: #000000;
	font: 10px verdana, arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align:center;
}

a:link {
	color: #663366;
	text-decoration: none;
}
a:visited {
	color: #610567;
	text-decoration: none;
}
a:hover, a:active {
	color: #811783;
	text-decoration: underline;
}

/* main page container */
.page {
    text-align:left;
    width:950px;
    margin-right:auto;
    margin-left:auto;
}

/* main header styles */
.header {
    background: #FFFFFF;
    float: left;
    border: 1px solid #98CE18;
    /*border: 1px solid #000000;*/

    /* Fix for Opera and Safari */
    width: 948px;
}
.logocontainer {
    padding:3px;
    width:300px;
    float:left;
}

.headerbanner {
    float:right;
    width:480px;
    padding:10px 0px;
}

/* main menu styles */
.mainmenu {
    background: #811788;
    /*background: #8da378;*/

    padding:6px;
}

.mainmenu ul {
    margin: 0;
    padding: 6px;
    display: inline;
    list-style-type: none;
    list-style-image: none;
}

.mainmenu li {
	position: relative;
	padding: 0px 6px;
	display: inline;
}

.mainmenu a, .mainmenu a:visited {
    text-decoration: none;
    padding-bottom:0px;
    color:#FFFFFF;
    /*color:#393939;*/
    font-weight:bold;
    font-size:11px;
}

.mainmenu a:hover {
    text-decoration: underline;
    color:#98CE18;
}

/* bottom submenu stiles */
.bottomsubmenu {
    background: white;
    text-align: center;
    padding: 6px;
}

.bottomsubmenu ul {
    margin: 0;
    padding: 6px;
    display: inline;
    list-style-type: none;
    list-style-image: none;
}

.bottomsubmenu li {
	position: relative;
	padding: 0px 8px;
	position:relative;
	display: inline;
}

.bottomsubmenu a, .bottomsubmenu a:visited {
    text-decoration: none;
    padding-bottom:0px;
    color:#000000;
    font-weight:bold;
    font-size:10px;
}

.bottomsubmenu a:hover {
    text-decoration: underline;
    color:#98CE18;
}

/* general block styles */
.generalblock {
    border: 1px solid #98CE18;
    /*border: 1px solid #000;*/
    background: #FFFFFF;
}

.generalheader {
    /*background-color: #000;*/
    background: #9d9a87;
    /*background: url(../images/headerbg.gif) #b0bfa2;*/
    font-size:11px;
    color: #FFFFFF;
    /*color:#47404c;*/
    font-weight:bold;
    padding:3px;
}

.generalpadding {
    padding:            4px;
}


.generalcontainer {
    padding:3px;
}

/* margin styles */
.bottommargin {
    margin-bottom:4px;
}
.rightmarginmargin {
    margin-right:4px;
}
.leftmargin {
    margin-left:4px;
}

.nomargin {
    margin: 0;
}

.nopadding {
    padding: 0;
}

/* text styles */
.centertext {
    text-align:center;
}

.lefttext {
    text-align:left;
}

.righttext {
    text-align:right;
}

/* float styles */
.floatright {
    float:right;
}
.floatleft {
    float:left;
}

.floatcenter {
    /* Thanks to Ian for finding this hack to create a "float" that is centered */
    /* This style does not require any known width on an element */
    display:        table;
    margin:         0 auto;
    text-align:     center;
}

/* display styles */
.displaynone {
    display: none;
}

.displaytable {
    display: table;
}

.displaytablerow {
    display: table-row;
}

.displaytablecell {
    display: table-cell;
}

/* weight styles */
.weightbolder {
    font-weight: bolder;
}

/* clear styles */
.clearall {
    clear: all;
}

.hr {
    border-bottom: 1px solid black;
    margin: 8px;
}

/* input styles */
input {
}

.label {
    line-height:    24px;
    _width:         75px !important;    /* IE6 doesn't support min-width */
    min-width:      75px;               /* Standards-compliant browsers */
}


div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;

	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}
.panelsurround
{
	background: #FFFFFF;
	color: #000000;
	border:0px;
}

th {
    font-weight:bold;
    font-size:11px;
    background: #CCCCCC;
}

.userimg {
    overflow:hidden;
    width:90px;
    height: 90px;
}

#previewComment,#previewBulletin {
    display: none;
}

.floatfix:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
}

.whatisxpeeps {
    font-size: 20px;
    font-weight:bold;
}

.rowcoloralt {
    background-color: #F2F5DC;
}

.profile_box_title {
 width: 228px;
}

#xppce_id_admin_debug {
    position:           absolute;
    top:                30px;
    left:               4px;
    display:            none;
    z-index:            9999;
    margin:             0;
    padding:            0;
    width:              950px;
}

#xppce_id_admin_debug iframe {
    display:            none;       /*sorry for IE5*/
    display/**/:        block;      /*sorry for IE5*/
    position:           absolute;   /*must have*/
    top:                -4px;       /*must have*/
    left:               -4px;       /*must have*/
    z-index:            -1;         /*must have*/
    filter:             mask();     /*must have*/
    width:              972px;
    height:             672px;
    border:             0;
}

#admin_debug_openclose {
    position:           absolute;
    display:            block;
    background-color:   white;
    color:              black;
    border:             1px outset silver;
    padding:            4px 8px;
    top:                4px;
    left:               4px;
    z-index:            9999;
}

.online, .offline {
    font-weight:        bold;
    font-size:          11px;
}

.online {
    color:              rgb(102, 205, 0);
}

.offline {
    color:              rgb(255, 0, 0);
}



/*---------------------------- NAVIGATION START ----------------------------*/

#topnav
{

    height: 29px !important;
    background: #811788;
    z-index:200 !important;
    padding:0 !important;
    margin:0 !important;
}

/*---------------------------- TOP LEVEL START ----------------------------*/

#topnav ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    border-right: 1px #1B4591 solid;
	display:block;
}
#topnav *
{
	color:#fff;
}
#topnav ul#leftNav
{
    float: left;
}           
#topnav ul#rightNav
{
    float: right;
}			       
#topnav ul li
{
    padding: 0;
    margin: 0;
    float: left;
    border-left: 1px #1B4591 solid;
}            
#topnav ul li a
{
    padding: 0 10px;
    height: 29px;
    line-height: 29px;
    text-decoration: none;
    display: block;
	float:left;
}     
#topnav ul li a small{font-size:8px;}       
#topnav ul li a:hover
{
    background-color: #660198;
    color: #eee;
}   
#topnav ul li a.open small{color: #663366;}       

#topnav ul li a.open
{
    background: #fff;
    color: #663366;
}
#topnav ul li a.open:hover
{
    background: #ffff99;
    color: #663366;
}

/*---------------------------- TOP LEVEL END ----------------------------*/

/*---------------------------- DROP DOWNS START ----------------------------*/ 
#subnav *
{
    text-transform: none !important;
    
    text-decoration: none !important;
}        
#subnav ul
{
    position: absolute;
    left: -10000px;
    padding: 0;
    margin: 0;
    border: 1px #cfcfcf solid;
    border-top: none;
    background: #fff;
	list-style:none;
	display:block;
	float:left;
	z-index:10005 !important;
}            
#subnav  ul  li
{
    padding: 0;
    margin: 0;
    height: 22px;
    line-height: 22px;
    border-bottom: 1px #fff solid;
	display:block;
	float:left;
	clear:both;
}            
#subnav  ul  li.divider
{
    border-bottom-color: #cfcfcf;
}			
#subnav  ul li.last
{
    border-bottom: none;
}            
#subnav ul li a
{
    padding: 0 5px 0 9px;
    height: 22px;
    line-height: 22px;
    text-decoration: none;
    display: block;
	float:left;
	white-space:nowrap;
}           
#subnav ul li a:hover
{
    background: none #ffff99;
    color: #036;
}
#framer{border:none;display:none;position:absolute;}                  

/*---------------------------- DROP DOWNS END ----------------------------*/ 

/*----------------------------- NAVIGATION END -----------------------------*/