﻿
.whiteBox 
{
background:#ffffff;
overflow:hidden; 
margin:  0px;
padding: 0px;
}
.whiteBox .tl {background-position: 0px 0px;}
.whiteBox .tr {background-position: -5px 0px;}
.whiteBox .bl {background-position: 0px 5px;}
.whiteBox .br {background-position: -5px 5px;}

.whiteBox .content {
clear: both;
}

.greyBox 
{
background:#919191;
overflow:hidden; 
margin:  0px;
padding: 0px;
}
.greyBox .tl {background-position: 10px 0px;}
.greyBox .tr {background-position: 5px 0px;}
.greyBox .bl {background-position: 10px 5px;}
.greyBox .br {background-position: 5px 5px;}

.greyBox .content {
clear: both;
}
.tl, .tr, .bl, .br {
background: url("../img/rndWhite.png");
width: 5px;
height: 5px;
font-size: 0;
}
.tl, .bl {
float: left;
}
.tr, .br {
float: right;
}

#subMenu 
{
	width: 990px;
	height: 22px;
	float:left;
	position: relative;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align: left; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: url("../img/WhiteBG.png") top left repeat;
	}
	
#subMenuLeft {
	background: url("../img/subMenuBG.png") 0px 0px repeat-y;
	width: 5px;
	height: 20px;
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
}

#subMenuRight {
	background: url("../img/subMenuBG.png") -5px 0px repeat-y;
	width: 5px;
	height: 20px;
	position: relative;
	padding: 0px;
	margin: 0px;
	float: right;
}
#subMenu .menuLink {
	float: left;
	padding: 2px 10px 0 10px;
	font-weight: bold;
	color: #000;
}
#subMenu .menuLink a, a:link, a:visited {
color: #000 ;
text-decoration:none;
}
#subMenu .menuLink a:hover, a:active {
color:#2d2d2d;
text-decoration:underline;
}

#subMenu .menuLinkActive {
	float: left;
	padding: 2px 10px 0 10px;
	font-weight: bold;
	color: #000;
	text-decoration:underline;
}
#subMenu .menuLinkActive a, a:link, a:visited {
color: #000;
text-decoration:underline;
}
#subMenu .menuLinkActive a:hover, a:active {
color:#2d2d2d;
text-decoration:underline;
}

#elementHeader .contentHeaderLink a, a:link, a:visited {
	color:#fff;
	text-decoration: none;
	}
#elementHeader .contentHeaderLink a:hover, a:active {
	color:#fff;
	text-decoration:underline;
	}
/*******************************************************************/
/* MENU /*
/*******************************************************************/
#menu
{
    height: 36px;
    width: 995px;
    float:left;
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    position: relative;
    background: url("../img/menuBG.png") bottom left repeat-x;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-weight: lighter;
	font-size: 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
} 
#menusearch 
{
	width: 243px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 6px;
	z-index: 100; 
	}
#menuLeft
{
	background: url("../img/MenuBGl.png") bottom left;
	width: 10px;
	height: 36px;
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
	}
#menuRight
{
	background: url("../img/MenuBGr.png") bottom left;
	width: 5px;
	height: 36px;
	position: relative;
	padding: 0px;
	margin: 0px;
	float: right;
	} 
#menu ul {
	margin: 0 0px 0px 0px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 995px;
	margin: 0;
	padding: 0 0px 0 0;
	list-style: none;
	z-index: 90; /* below the H1 */
}
#menu li 
{
	display: inline;
	padding: 0 0 0 0;
	margin: 0;
	white-space: nowrap;
	float: left;
	height: 36px;
	background: transparent url("../img/header_tab.png") 100% -72px no-repeat;
	padding: 0 2px 0 0;
	margin: 0 0px 0 0;
	}
#menu ul a {
	float: left;
	display: block;
	padding: 7px 20px 0px 20px;
	height: 28px;
	background: transparent url("../img/header_tab.png") -5px -72px no-repeat;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}
#menu ul li:hover a {background-position: -5px 0px;color: #fff;}
#menu ul li:hover {background-position: 100% 0px;color: #fff;}

body.sectionPublish li#menu_publish a,
body.sectionRegister li#menu_register a,
body.sectionLogin li#menu_login a,
body.sectionMyProfile li#menu_myprofile a,
body.sectionForum li#menu_forum a,
body.sectionCommunity li#menu_community a, 
body.sectionMagazine li#menu_magazine a {
	background-position: -5px -144px;
	color: #fff;
}

body.sectionPublish li#menu_publish,
body.sectionRegister li#menu_register,
body.sectionLogin li#menu_login,
body.sectionMyProfile li#menu_myprofile,
body.sectionForum li#menu_forum,
body.sectionCommunity li#menu_community, 
body.sectionMagazine li#menu_magazine {
	background-position: 100% -144px;
}

body.sectionPublish li#menu_publish:hover,
body.sectionRegister li#menu_register:hover,
body.sectionLogin li#menu_login:hover,
body.sectionMyProfile li#menu_myprofile:hover,
body.sectionForum li#menu_forum:hover,
body.sectionCommunity li#menu_community:hover, 
body.sectionMagazine li#menu_magazine:hover {
	background-position: 100% -144px;
}

body.sectionPublish li#menu_publish:hover a,
body.sectionRegister li#menu_register:hover a,
body.sectionLogin li#menu_login:hover a,
body.sectionMyProfile li#menu_myprofile:hover a,
body.sectionForum li#menu_forum:hover a,
body.sectionCommunity li#menu_community:hover a, 
body.sectionMagazine li#menu_magazine:hover a {
	background-position: -5px -144px;
	color: #fff;
}
/* FOOTER */
#footerMenu
{
    height: 36px;
    width: 995px;
    float:left;
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    position: relative;
    background: url("../img/footerMenuBG.png") bottom left repeat-x;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-weight: lighter;
	font-size: 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
} 

#footerMenuLeft
{
	background: url("../img/FooterMenuBGl.png") bottom left;
	width: 5px;
	height: 36px;
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
	}
#footerMenuRight
{
	background: url("../img/FooterMenuBGr.png") bottom left;
	width: 10px;
	height: 36px;
	position: relative;
	padding: 0px;
	margin: 0px;
	float: right;
	} 
#footerMenu ul {
	margin: 0 0px 0px 0px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 995px;
	margin: 0;
	padding: 0 0px 0 0;
	list-style: none;
	z-index: 90; /* below the H1 */
}
#footerMenu li 
{
	display: inline;
	padding: 0 0 0 0;
	margin: 0;
	white-space: nowrap;
	float: right;
	height: 36px;
	background: transparent url("../img/header_tab_footer.png") 100% -72px no-repeat;
	padding: 0 0px 0 0;
	margin: 0 0px 0 0;
	}
#footerMenu ul a {
	float: right;
	display: block;
	padding: 7px 20px 0px 20px;
	height: 28px;
	background: transparent url("../img/header_tab_footer.png") 0px -72px no-repeat;
	text-decoration: none;
	color: #fff;
}
#footerMenu ul li:hover a {background-position: 0px 0px;color: #fff;}
#footerMenu ul li:hover {background-position: 100% 0px;color: #fff;}


#centerColDark 
{
	color: #000;
	padding: 0px 5px 0px 5px;
	margin-bottom: 5px;
	}
#centerColDark 
{
	color: #000;
	padding: 0px 5px 0px 5px;
	}
#centerColDark a, a:link, a:visited {
	/*color:#000;*/
	font-weight: bold;
	text-decoration: none;
	}
#centerColDark a:hover, a:active {
	font-weight: bold;
	/*color:#000;*/
	text-decoration:underline;
	}
	
#centerColDark H3 
{
	font-size:15px;
	}
#centerColDark H4 
{
	font-size:12px;
	}
/*
body.sectionDashboard li#menu_dashboard a {background-position: 0px -144px;}
body.sectionContent li#menu_content a,
body.sectionSettings li#menu_settings a,
body.sectionUsers li#menu_users a,
body.sectionSite li#menu_site a {background-position: -5px -144px;}

body.sectionDashboard li#menu_dashboard,
body.sectionContent li#menu_content,
body.sectionSettings li#menu_settings,
body.sectionUsers li#menu_users,
body.sectionSite li#menu_site {background-position: 100% -144px;}

body.sectionDashboard li#menu_dashboard:hover,
body.sectionContent li#menu_content:hover,
body.sectionSettings li#menu_settings:hover,
body.sectionUsers li#menu_users:hover,
body.sectionSite li#menu_site:hover {background-position: 100% -144px;}

body.sectionDashboard li#menu_dashboard:hover a {background-position: -5px -144px;color: #fff;}
body.sectionContent li#menu_content:hover a,
body.sectionSettings li#menu_settings:hover a,
body.sectionUsers li#menu_users:hover a,
body.sectionSite li#menu_site:hover a {background-position: -5px -144px; color: #fff;}
*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	/*font-family: Verdana,Arial,Helvetica,sans-serif;*/
    font-size: 13px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 100%;
    background: url("../img/bg.gif") top center repeat;
    background-attachment: fixed;
}
html 
{
    height: 100%;
 }   

* html #page{height:100%;} 

img {border: none;}

a, a:link, a:visited {
color: #2B354A;
/*#*/
text-decoration:none;
font-weight: normal;
}

a:hover, a:active {
color:#3F4C6B  ;
text-decoration:underline;
font-weight: normal;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}



#newHeader
{
	width: 100%;
	height: 70px; 
	background-color: #36393D;
	}
	
#headerArea
{
    width: 1000px;
    text-align: center;
     
}
#headerArea h1
{
    position: relative;
	top: 15px;
	left: 10px;
	margin: 0px;	
    }
#headerArea h1 a 
{
		display: block;
		width: 200px;
		height: 40px;		
		background: url("../img/logo.png") top left no-repeat;
	}
    
#page
{
	width: 1010px;
	padding: 0px;
	margin: 0px;
	min-height:100%;
	text-align: center;
	/*background-color: #FFFFFF;*/
	margin-top: 0px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    
	}
		
#controls {
	background: #EEEEEE;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	
}

#container {
	width: 1010px;
	margin: 0px;
	padding: 5px 5px 5px 5px; 
	display: inline;
	float: left;
	background: url("../img/transpBG.png") top left repeat-y;
	text-align: left;
	vertical-align: top;
	min-height: 100%;
}

#mainAreaTop
{
	background: url("../img/rndWhiteMain.png") top left no-repeat;
	height: 5px;
	}
#mainArea 
{
	width: 990px;
	padding: 0px 5px 0px 5px;
	background: #fff url("../img/WhiteBG.png") top left repeat;
	float: left;
	}
#mainAreaBottom
{
	background: url("../img/rndWhiteMain.png") bottom left no-repeat;
	height: 5px;
	}

#padding
{
	padding: 10px;
}

#main 
{
	width: 980px;
	margin: 0px;
	padding: 0px;
	min-height:100%;
	text-align: left;
}

#main-wide 
{
	width: 780px;
	margin: 0px;
	padding: 10px;
	min-height:100%;
	text-align: left;
	}

#main-left 
{
	width: 510px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline; 
	text-align: left;
}

#main-center 
{
	width: 210px;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline; 
	text-align: left;
	background: #919191;
}

#main-right 
{
	width: 250px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
	
	
}
#profile-left-main 
{
	float: left; 
	display: inline;
	height:100%;
	text-align: left;
	border-width: 0px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 730px;
	}
#profile-right-main 
{
	float: left; 
	display: inline;
	height:100%;
	text-align: left;
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 250px;
	}

#profile-left 
{
	width: 270px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	border-width: 0px;
	float: left; 
	
}

#profile-right 
{
	width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-width: 0px;
	float: left;
	display: inline;
	height:100%;
	text-align: left;
}

#KingsizeBody
{
/*    background-color: #343433;
background-image: url("../img/bluebg.gif");
background-repeat: repeat;
background-attachment: fixed;*/
}

hr.hide {
		display: none;
	}
input[type="submit"] {
		font-weight: bold;
	}
#advertisementTop
{
	width: 788px;
	background-color: #EEEEEE;
	text-align: center;  
	margin-bottom: 10px; 
	}
#advertisementTop .roundtop { 
	background: transparent  url("../img/gray_tr.gif") top right no-repeat; 
}
#advertisementTop .roundbottom {
	background: transparent  url("../img/gray_br.gif") top right no-repeat; 
}
#advertisementTop img.corner {
   width: 3px;
   height: 3px;
   border: none;
   display: block !important;
}	
#kingsizeHeader 
{
	width: 100%;
	background-color: #EEEEEE;
	text-align: Left; 
	vertical-align: middle; 
	text-indent: 5px; 
	border-bottom: solid 2px Orange; 
	}
	
#kingsizeHeader .roundtop { 
	background: transparent  url("../img/gray_tr.gif") top right no-repeat; 
}
#kingsizeHeader img.corner {
   width: 3px;
   height: 3px;
   border: none;
   display: block !important;
}




/* HEADER STYLES */
#header 
{
	background: url("../img/header.gif") top left no-repeat; 
	position: relative;
	height: 160px;
	width: 100%;
	margin: 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 15px 0;
	 }
#ignored {}

/*
#header h1 {
		position: absolute;
		top: 13px;
		left: 0px;
		margin: 0px;
		height: 6px;
		z-index: 100; 
	}
	
#header h2 {
		position: absolute;
		top: 5px;
		right: 5px;
		margin: 0px;
		height: 150px;
		
	}
#header h1 a 
{
		display: block;
		width: 234px;
		height: 45px;		
		
	} 

#header ul {
	margin: 0 0 1px 0;
	padding: 0;
	width: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0 15px 0 0;
	list-style: none;
	z-index: 90; 
}
#header li 
{
	display: inline;
	padding: 0 20px 0 0;
	margin: 0;
	white-space: nowrap;
	float: left;
	background: transparent url("../img/header_tab.gif") 100% -600px no-repeat;
	padding: 0 6px 0 0;
	margin: 0 1px 0 0;
	
	}
	
#header ul a {
	float: left;
	display: block;
	padding: 4px 4px 4px 10px;
	background: transparent url("../img/header_tab.gif") 0% -600px no-repeat;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#header ul li:hover a {background-position: 0% -400px;}
#header ul li:hover {background-position: 100% -400px;}

body.sectionPublish li#menu_publish a,
body.sectionRegister li#menu_register a,
body.sectionLogin li#menu_login a,
body.sectionMyProfile li#menu_myprofile a,
body.sectionForum li#menu_forum a,
body.sectionCommunity li#menu_community a, 
body.sectionMagazine li#menu_magazine a {
	background-position: 0% -200px;
	color: #039;
}

body.sectionPublish li#menu_publish,
body.sectionRegister li#menu_register,
body.sectionLogin li#menu_login,
body.sectionMyProfile li#menu_myprofile,
body.sectionForum li#menu_forum,
body.sectionCommunity li#menu_community, 
body.sectionMagazine li#menu_magazine {
	background-position: 100% -200px;
}

body.sectionPublish li#menu_publish:hover,
body.sectionRegister li#menu_register:hover,
body.sectionLogin li#menu_login:hover,
body.sectionMyProfile li#menu_myprofile:hover,
body.sectionForum li#menu_forum:hover,
body.sectionCommunity li#menu_community:hover, 
body.sectionMagazine li#menu_magazine:hover {
	background-position: 100% 0%;
}

body.sectionPublish li#menu_publish:hover a,
body.sectionRegister li#menu_register:hover a,
body.sectionLogin li#menu_login:hover a,
body.sectionMyProfile li#menu_myprofile:hover a,
body.sectionForum li#menu_forum:hover a,
body.sectionCommunity li#menu_community:hover a, 
body.sectionMagazine li#menu_magazine:hover a {
	background-position: 0% 0%;
	color: #333;
}
*/
/* 
*********************************
SEARCHBOX 
*********************************

#header div {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 20px 0 0;
	background: url("../img/header_tr.gif") no-repeat top right;
	margin: 0; 
	text-align: right; 
	white-space: nowrap; 
}
#header div label {
	 color: #fff; font-size: 85%;
}
#header div input {
	 font-size: 85%; 
}
#header div #submit {
	font-size: 85%;
	background: #6699cc;
	color: #fff;
	padding: 1px 4px;
	border-right: 1px solid #283043;
	border-bottom: 1px solid #283043;
	border-top: 1px solid #9097A2;
	border-left: 1px solid #9097A2;
}
#header div #q {
	width: 120px;
	font-size: 85%;
	border:	1px solid #9097A2;
	background: #EEEEEE;
	padding: 2px;
}
#header div #q:hover, #header div #q:focus {
	background: #fff;
}
*/


/*
.cell{
position:relative; 
padding:0px; 
background-color: white;
float:left;
display:inline;
min-height:100%;
}
.cell ul{
margin:0px; 
padding:0px;
}
.cell li{
list-style:none;
}
.tl
{top:0px; left:0px; background:url("../img/corners.gif") top left no-repeat;}
.tr
{top:0px; right:0px; background:url("../img/corners.gif") top right no-repeat;}
.bl
{bottom:0px; left:0px; background:url("../img/corners.gif") bottom left no-repeat;}
.br
{bottom:0px; right:0px; background:url("../img/corners.gif") bottom right no-repeat;}
.corner
{width:5px; height:5px; position:absolute; z-index:1;}
*/

#footer {
	width:100%; 
	margin: 0px;
	letter-spacing: 1px;
	
}

#footer .item 
{
    float:right;
	padding: 10px 20px 10px 20px; 
    margin: 0px;
    
}

#footer .siteInfo{
    text-align:center; 
    padding: 10px 10px 20px 10px;
}

#footer .item h4 
{
    color: white;
    font-weight: lighter;
    font-size: 12px;
    }
    
#footer .item h4 a
{
    color: white;
    font-weight: lighter;
    }
    
#footer .siteInfo h5
{
    color: white;
    font-weight: lighter;
    font-size: 10px;
    }
    
#footer .siteInfo h5 a
{
    color: white;
    font-weight: lighter;
    }
   
   

.clearfix:after {
content: "."; 
display: block; 
height: 0;
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
