html
{
        background-color: #000;
	background-image: url(../gfx/fade.jpg);
	background-repeat: repeat-y;
	background-position: bottom center;
        min-height: 100%;
        font-size:62.5%
}

body
{
	text-align: center;
        background-image: url(../gfx/tbtsbackgroundweb.jpg);
	background-repeat: no-repeat;
	background-position: top center;
        height: 1200px;
}

.clear 
{
	clear: both;
}

.space
{
	display: block;
	width: 10px;
	height: 10px;
}

.centre
{
    text-align: center;
}


#page
{	
        display: block;
	text-align: left;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	padding-bottom: 10px;	
}

#page2
{
    width:900px;
    margin-left: auto;
    margin-right: auto;
}

#header
{
	display: block;
}

#header .mainMenu
{
	padding-top: 120px;
        text-align: center;
	margin: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        padding-right: 60px;
}

.mainMenu ul
{
	margin: 		15px 0 20px 0;
	padding: 		0;
	list-style-type: 	none;
	text-align: 		center;
}

.mainMenu ul li 
{ 
    display: inline;
    padding: 0 10px; 
}

.mainMenu ul li a
{
	
	font-family: 		Helvetica, Verdana, Arial, sans-serif;
	font-size:		1.5em;
	text-decoration: 	none;
	padding: 		0.2em 1em;
	color: 			#000000;
        font-weight:            bold;
}

.mainMenu ul li a:hover
{
	color: 			#668866;
}

.site
{}

#col01
{
	float:                  left;
	width:			55%;
	margin:                 10px 15px 10px 40px;

	font-family: 		Helvetica, Verdana, Arial, sans-serif;
        font-size:              1.2em;
        
	padding:		20px;
        background-color:       #fff;
        border:                 2px solid #ccc;
}

#col02
{

	float:                  right;
	margin:			10px 20px 10px 0;
	font-family: 		verdana, arial, "lucida console", sans-serif;
	width: 			25%;
	padding:		20px;
        border:                 2px solid #ccc;
        background-color:       #fdfdd6;
}

#col03
{
	float: left;
	width:			48%;
}

#col04
{
	float: right;
	width:			48%;
}

.links
{
    margin-top: 10px;
    margin-bottom: 30px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.links ul
{
    list-style-type: none;
}

.links ul li a, .subMenu li a
{
    display: block;
    border: 1px solid #2a4151;
    margin: 4px 10px;
    padding: 5px;
    text-decoration: none;
    background-color: #a8b1c2;
    color: #ffffff;
}

.links ul li a:hover, .subMenu li a:hover
{
    text-decoration: underline;
    background-color: #1d3a38;
}

.description
{
    
    padding: 10px;
    color: #777;

}

.description a
{
    color: #745200;
    text-decoration: none;
    font-weight: bold;
}

.description a:hover
{
    text-decoration: underline;
}

.description img
{
    float: left;
    padding: 0px;
    margin-right: 14px;
}

.subMenu
{
    margin-bottom: 30px;
    list-style-type: none;
    margin-left: 20px;
}

.staff
{
    border: 3px solid #a8b1c2;
    color: #000;
    padding: 0;
    margin: 20px;
}

.staffHeader
{
    background-color: #a8b1c2;
    padding: 10px;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
}

.staffBody
{
    background-color: #fff;
    padding: 10px;
}

.staff strong
{
    font-weight: bold;
    width: 100px;
    color: #000;
}

.staff p
{
    font-style: italic;
}

.staff a
{
    font-weight: bold;
}

.staff img
{
    float: right;
    border: 1px solid #000;
    margin-left: 10px;
    margin-bottom: 10px;
}

.headline h2, .article h2
{
    font-size: 150%;
    color: #000;
}

.headline .details, .article .details, .articleList .details
{
    font-style: italic;
    color: #555;
}


.headline .description
{
    width: 64%;
    float: right;
}

.article
{
	text-align: justify;
}

.forumBtn a
{
    text-align: center;
    display: block;
    margin: 30px;
    padding: 10px;
    font-size: 100%;
    border: 1px solid #2a4151;
    text-decoration: none;
    background-color: #a8b1c2;
    color: #ffffff;
}


.socialLinks
{
    border: 1px solid #ddd;
    width: 61px;
    height: 21px;
    float: left;
    margin-right: 10px;
}
.socialLinks img
{
    padding: 2px;
}

.forumBtn a:hover
{
    text-decoration: none;
    background-color: #1d3a38;
    color: #fff;
}

.mpuArea
{
    margin-bottom: 20px;
}

#controlBanner
{
    position: absolute;
    left: 50%;
}