body {background-color: #0b0e13; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #ead0a5;}

* {
	margin: 0;
}

html, body {height: 100%; min-width: 960px;}


.wrapper {position: relative; width: 960px; font-size: 12px; text-align: left; margin-top: 0; margin-right: auto; margin-bottom: -100px; margin-left: auto;}

.content {height: 700px;width: 960px;margin-right: auto;margin-left: auto;}
.scroll-pane {}
.scroll-paneranks {}
.scroll-paneabout {}
.scroll-panefull {}
        
#minorBG { width:100%; height:712px; position:absolute; left:0px; top:286px; background:url(minor-bg.png) no-repeat top; }
#textBG { width:100%; height:548px; position:absolute; left:-138px; top:435px; background:url(text-bg.png) no-repeat top; }

.rightPic{float:right;margin:0 0 20px 20px;}

h1 {text-indent: -500em;}

h2 {padding: 0 0 0.6em; color: #d1e1eb; font-family: "Arial", Monaco, monospace; font-size: 18px; font-weight: strong;}

h3 {padding: 0 0 0.4em; color: #d2e1eb; font-family: "Arial", Monaco, monospace; font-size: 15px; font-weight: strong;}

h4 {padding: 0 0 0 0; color: #d1e1eb; font-family: "Arial", Monaco, monospace; font-size: 20px; font-weight: strong;}

h5 {padding: 0 0 0 0; color: #778fbb; font-family: "Arial", Monaco, monospace; font-size: 10px; font-weight: strong;}

h6 {padding: 0 0 0 0; color: #d1e1eb; font-family: "Arial", Monaco, monospace; font-size: 15px; font-weight: strong;}

h7 {padding: 0 0 0.0; color: #d2e1eb; font-family: "Arial", Monaco, monospace; font-size: 12px;}

p 		{font: "Lucida Sans Unicode"; font-size: 13px;  line-height: 16px; color: #ead0a5;}

a 		{color: #cc9e42;}

strong 	{font-weight: normal;}


#join {height: 250px;width: 960px;margin-right: auto;margin-left: auto;text-align: center;background-position: center top;padding-bottom: 50px;}

/* Boxes */	




#mainBox                {float: left; height: 515px; width: 590px; margin: 0px; padding: 0px;}

#mainBox .title         {height: 90px; width: 590px; margin: 0px; padding: 0px;}

#mainBox .titleabout        {height: 65px; width: 590px; margin: 0px; padding: 0px;}

#mainBox .container     {margin: 0px; padding-top: 50px; padding-bottom: 25px; padding-right: 25px; padding-left: 25px; height: 515px; width: 590px;}

#mainBox .scroll-pane	{height: 515px; width: 590px; overflow: auto; margin: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; text-align: left;}

#mainBox .scroll-paneranks	{height: 425px; width: 590px; overflow: auto; margin: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; text-align: left;}

#mainBox .scroll-paneabout	{height: 450px; width: 590px; overflow: auto; margin: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; text-align: left;}


#mainBox-full                {float: left; height: 515px; width: 935px; margin: 0px; padding: 0px;}

#mainBox-full .title-full        {height: 65px; width: 935px; margin: 0px; padding: 0px;}

#mainBox-full .container-full     {margin: 0px; padding-top: 50px; padding-bottom: 25px; padding-right: 25px; padding-left: 25px; height: 515px; width: 935px;}

#mainBox-full .scroll-panefull	{height: 450px; width: 935px; overflow: auto; margin: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; text-align: left;}


#mainBoxFull	        {background-image: url(/img/cont/mainfull.jpg);float: left; height: 515px; width: 560px; margin: 0px; padding: 20px; clear: both;}

#mainBoxFull img        {display: block;}

ul {margin-left: 40px; padding-left: 0;}

iframe { 
    width: 800px; 
    height: 600px; 
    margin: 0 auto; 
    background-color: #777; 
	display: block;
	position: relative;
	left: 75px;
} 


.tip {   
    color: #d1e1eb;
    width: 175px;   
    padding-top: 18px;   
    display: none;   
    position: absolute;   
    background: transparent url(tooltip-top.png) no-repeat top;}   
.tipMid {background: transparent url(tooltip-mid.png) repeat-y; padding: 0 25px 0px 25px;}
.tipBtm {background: transparent url(tooltip-bottom.png) no-repeat bottombottom; height: 23px;} 

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%; /* the bottom margin is the negative value of the footer's height */
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -150px;
	margin-left: auto;
}
.footer, {
	height: 150px; /* .push must be the same height as .footer */
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}