/*
HTML Page elements
---------------------
*/

	body {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 1px 0px;
		background-color: #ffffff;
		font-family: Verdana, Helvetica, Arial, Verdana, sans-serif;
		font-size: 13px;
		line-height: 16px;
		color: #000000;
	}
	
	a:link, a:visited {
		color: #2E6698;
	}
	a:hover {
		color: #33CC00;
	}

	body.secret {
		background-color: #000000;
		background-image: url("/images/secret/secret_bg.jpg");
		background-position: top center;
		background-repeat: repeat-y;
	}
	
	body.secret a:link, body.secret a:visited {
		color: #243F4B;
	}
	body.secret a:hover {
		color: #AB0019;
	}

	body.secret2 {
		background-color: #7a0c11;
		background-image: url("/images/secret2/secret2_bg.jpg");
		background-position: top center;
		background-repeat: repeat-x;
	}
	
	body.secret2 a:link, body.secret2 a:visited {
		color: #243F4B;
	}
	body.secret2 a:hover {
		color: #AB0019;
	}
	
	hr {
		display: none;
	}
	
	p {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	form {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	hr {
		display: none;
	}
	
	.clearBoth {
		display: block;
		clear: both;
		height: -1px;
		line-height: 0px;
		font-size: 0px;
		overflow: hidden;
	}
	
	.smallText {
		font-size: 10px;
		line-height: 12px;
	}
	
	.alignRight {
		text-align: right;
	}
	

/*
Misc positioning elements
-------------------------
*/

	#miscTags {
		display: none;
	}
	
	#fullBrowserWidth {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		text-align: center;
	}

	#soundFX {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}
	
	body.secret #fullBrowserWidth {
		background-image: url("/images/secret/secret_top_tile.jpg");
		background-position: top center;
		background-repeat: no-repeat;
	}
	
	#jsActive #jsPlacebo {
		display: none;
	}

	#centeredPage {
		display: block;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		clear: both;
		position: relative;
		width: 900px;
		text-align: left;
	}
	
	#jsActive #blankOut {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		height: 100%;
		min-height: 100%;
		background-color: #000000;
		z-index: 100;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;

	}
	
	#secretContent {
		display: none;
		font-family: Verdana, Helvetica, Arial, Verdana, sans-serif;
	}
	
	#secretContent2 {
		display: none;
		font-family: Verdana, Helvetica, Arial, Verdana, sans-serif;
	}
	
	body.secret #secretContent {
		display: block;
	}
	body.secret2 #secretContent2 {
		display: block;
	}
	
/*
Header elements
-------------------------
*/

	#initialHeaderContainer {
		display: block;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		width: 900px;
		height: 50px;
		position: relative;
		overflow: hidden;
	}

	#initialHeader {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 900px;
		height: 50px;
		position: absolute;
		top: 0px;
		left: 0px;
		background-image: url("/images/initial_header/initial_header_bg.gif");
		background-repeat: no-repeat;
	}

	#initialHeader #siteLogo {
		position: absolute;
		top: 10px;
		left: 20px;
	}

	#initialHeader h1 {
		display: none;
	}

	#initialHeader form {
		position: absolute;
		top: 10px;
		right: 20px;
	}
	
	/* SECRET 1 */

	#secretHeaderContainer {
		display: block;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		width: 900px;
		height: 80px;
		position: relative;
		overflow: hidden;
	}

	#secretHeader {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 900px;
		height: 80px;
		position: absolute;
		top: 0px;
		left: 0px;
		background-image: url("/images/secret/secret_header_bg.jpg");
		background-repeat: no-repeat;
	}

	#secretHeader h1 {
		display: none;
	}

	#secretHeader #logOut {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 75px;
		height: 23px;
		position: absolute;
		top: 47px;
		left: 785px;
		background-repeat: no-repeat;
		text-align: center;
		line-height: 23px;
		font-weight: bold;
		text-decoration: none;
	}

	#secretHeader #logOut:link, #secretHeader #logOut:visited {
		color: #A1BBBC;
		background-image: none;
		text-decoration: none;
	}

	#secretHeader #logOut:hover {
		color: #ffffff;
		background-image: url("/images/secret/secret_logout_over.jpg");
		text-decoration: none;
	}
	
	/* SECRET 2 */

	#secretHeaderContainer2 {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 900px;
		height: 90px;
		position: relative;
		overflow: hidden;
	}

	#secret2Header {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 900px;
		height: 90px;
		position: absolute;
		top: 0px;
		left: 0px;
		background-image: url("/images/secret2/secret2_header_bg.jpg");
		background-repeat: no-repeat;
	}

	#secret2Header h1 {
		display: none;
	}

	#secret2Header #logOut {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 75px;
		height: 23px;
		position: absolute;
		top: 9px;
		left: 825px;
		background-repeat: no-repeat;
		text-align: center;
		line-height: 23px;
		font-weight: bold;
		text-decoration: none;
	}

	#secret2Header #logOut:link, #secret2Header #logOut:visited {
		color: #f4e4a5;
		background-image: none;
		text-decoration: none;
	}

	#secret2Header #logOut:hover {
		color: #ffffff;
		background-image: url("/images/secret2/secret2_logout_over.gif");
		text-decoration: none;
	}
	
/*
Content + Column elements
-------------------------
*/
	
	.contentContainer {
		display: block;
		width: 900px;
		background-image: url("/images/common/content_container_tile.gif");
		background-repeat: repeat-y;
	}
	
	.maxHeight {
		min-height: 300px;
		_height:300px;
	}
	
	.contentContainerTop {
		display: block;
		position: relative;
		width: 900px;
		height: 80px;
		background-image: url("/images/common/content_container_top.gif");
		background-repeat: no-repeat;
	}
	
	body.secret .contentContainerTop {
		background-image: url("/images/secret/secret_content_container_top.gif");
	}
	
	body.secret2 .contentContainerTop {
		margin: 0px -5px 0px -5px;
		padding: 0px 0px 0px 0px;
		width: 910px;
		background-image: url("/images/secret2/secret2_content_container_top.jpg");
	}
	
	.contentContainerTop p.todayDate {
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
		font-weight: bold;
	}
	.contentContainerTop p.lastUpdate {
		display: block;
		position: absolute;
		top: 40px;
		right: 20px;
		font-size: 11px;
		line-height: 13px;
		color: #2E6698;
	}
	.contentContainerTop h2 {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: absolute;
		top: 22px;
		left: 20px;
		font-size: 30px;
		line-height: 34px;
		color: #2E6698;
		font-weight: normal;
	}
	.contentContainerTop h2 strong {
		color: #000000;
		font-weight: bold;
	}
	
	.contentContainerBottom {
		display: block;
		width: 900px;
		height: 5px;
		font-size: 1px;
		line-height: 1px;
		overflow: hidden;
		background-image: url("/images/common/content_container_bottom.gif");
		background-repeat: no-repeat;
	}
	
	body.secret .contentContainerBottom {
		background-image: url("/images/secret/secret_content_container_bottom.gif");
	}
	
	body.secret2 .contentContainerBottom {
		background-image: url("/images/secret2/secret2_content_container_bottom.gif");
	}

	.leftColumn {
		display: inline;
		width: 260px;
		float: left;
		margin: 0px 0px 0px 20px;
		padding: 0px 0px 0px 0px;
	}
	
	.middleColumn {
		display: inline;
		width: 360px;
		float: left;
		margin: 0px 0px 0px 20px;
		padding: 0px 0px 0px 0px;
	}
	
	.rightColumn {
		display: inline;
		width: 200px;
		float: right;
		margin: 0px 20px 0px 0px;
		padding: 22px 0px 0px 0px;
	}
	
/* Picture styling */
	
	.picBorder {
		border: 1px solid #000000;
	}
	
	.picLeft {
		display: block;
		clear: both;
		float: left;
		margin: 2px 12px 12px 12px;
		text-align: left;
		font-size: 10px;
		line-height: 14px;
	}
	
	.picRight {
		display: block;
		clear: both;
		float: right;
		margin: 2px 12px 12px 12px;
		text-align: right;
		font-size: 10px;
		line-height: 14px;
	}
	
	.picCenter {
		display: block;
		text-align: center;
		margin: 5px 0px 12px 0px;
		text-align: center;
		font-size: 10px;
		line-height: 14px;
	}
		
	
	
/*
Panel elements
-------------------------
*/

	.leftColumn .panel {
		display: block;
		margin: 0px -2px 8px -2px;
		padding: 0px 0px 0px 0px;
		width: 264px;
		position: relative;
		background-image: url("/images/common/left_panel_tile.gif");
		background-repeat: repeat-y;
	}

	.leftColumn .panel .panelTitleHolder {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 12px;
		height: 28px;
		background-repeat: repeat-y;
		overflow: hidden;
	}
	#initialContent .leftColumn .panel .panelTitleHolder {
		background-image: url("/images/common/initial_left_panel_title_bg.gif");
	}
	#secretContent .leftColumn .panel .panelTitleHolder {
		background-image: url("/images/secret/secret_left_panel_title_bg.gif");
	}
	#secretContent2 .leftColumn .panel .panelTitleHolder {
		background-image: url("/images/secret/secret_left_panel_title_bg.gif");
	}

	.leftColumn .panel .panelBottom {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 6px;
		font-size: 1px;
		line-height: 1px;
		background-image: url("/images/common/left_panel_bottom.gif");
		overflow: hidden;
	}

	.middleColumn .panel {
		display: block;
		margin: 0px -2px 8px -2px;
		padding: 0px 0px 0px 0px;
		width: 364px;
		position: relative;
		background-image: url("/images/common/middle_panel_tile.gif");
		background-repeat: repeat-y;
	}

	.middleColumn .panel .panelTitleHolder {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 12px;
		height: 28px;
		background-repeat: repeat-y;
		overflow: hidden;
	}
	#initialContent .middleColumn .panel .panelTitleHolder {
		background-image: url("/images/common/initial_middle_panel_title_bg.gif");
	}
	#secretContent .middleColumn .panel .panelTitleHolder {
		background-image: url("/images/secret/secret_middle_panel_title_bg.gif");
	}
	#secretContent2 .middleColumn .panel .panelTitleHolder {
		background-image: url("/images/secret/secret_middle_panel_title_bg.gif");
	}

	.middleColumn .panel .panelBottom {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 6px;
		font-size: 1px;
		line-height: 1px;
		background-image: url("/images/common/middle_panel_bottom.gif");
		overflow: hidden;
	}
	
	.panel .panelTitle {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 22px 0px 0px;
		float: left;
		height: 23px;
		background-position: top right;
	}
	#initialContent .panel .panelTitle {
		background-image: url("/images/common/initial_panel_title_bg.gif");
	}
	#secretContent .panel .panelTitle {
		background-image: url("/images/secret/secret_panel_title_bg.gif");
	}
	#secretContent2 .panel .panelTitle {
		background-image: url("/images/secret/secret_panel_title_bg.gif");
	}
	
	.panel .panelTitle h3 {
		display: block;
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 12px;
		line-height: 15px;
		color: #ffffff;
		white-space: nowrap;
	}
	
	.panel .panelContent {
		display: block;
		margin: 0px 12px 0px 12px;
		padding: 8px 0px 1px 0px;
	}
	
	.photoHolder {
		display: block;
		margin: 0px 12px 0px 12px;
		padding: 8px 0px 1px 0px;
		width: 340px;
	}
	
	.photoHolder img {
		border: 1px solid #000000;
	}
	
	.photoHolder br {
		display: none;
	}
	
	#photo1 {
		display: inline;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 76px;
	}
	
	#photo2 {
		display: inline;
		float: left;
		margin: 0px 0px 0px 12px;
		padding: 0px 0px 0px 0px;
		width: 76px;
	}
	
	#photo3 {
		display: inline;
		float: left;
		margin: 0px 0px 0px 12px;
		padding: 0px 0px 0px 0px;
		width: 76px;
	}
	
	#photo4 {
		display: inline;
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 76px;
	}
	
	.photoHolder span {
		display: block;
		margin: 4px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 11px;
		line-height: 13px;
	}
	
	
/*
List elements
-------------------------
*/
	
	ul {
		display: block;
		margin: 0px 0px 12px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		list-style-position: outside;
	}
	
	ul li {
		position: relative;
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 20px;
		background-image: url("/images/common/list_bullet.gif");
		background-position: 0px 5px;
		background-repeat: no-repeat;
		font-weight: bold;
	}

	dl.peopleList {
		display: block;
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 0px 0px;
	}

	dl.peopleList dd {
		display: block;
		position: relative;
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 25px;
		background-position: top left;
		background-repeat: no-repeat;
	}

	dl.peopleList dd.online {
		background-image: url("/images/common/person_icon_on.gif");
	}

	dl.peopleList dd.offline {
		background-image: url("/images/common/person_icon_off.gif");
	}

	dl.peopleList dd em {
		color: #296697;
	}
	
/*
Advert elements
-------------------------
*/
	
	.advert {
		display: block;
		margin: 0px 0px 15px 0px;
		padding: 5px 7px 1px 7px;
		border: 1px solid #DFDFDF;
		background-color: #ffffff;
		font-size: 12px;
		line-height: 15px;
	}
	
	.advert h3 {
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 13px;
		line-height: 16px;
	}
	#initialContent .advert h3 {
		color: #296697;
	}
	#secretContent .advert h3 {
		color: #A71019;
	}
	
	.advert p {
		margin: 0px 0px 8px 0px;
	}
	
	.noodle {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
	}
	.noodle .red {
		color: #CC3333;
	}
	.noodle .green {
		color: #33CC00;
	}
	.noodle .yellow {
		color: #FF9900;
	}
	.noodle .blue {
		color: #3399CC;
	}
	
/*
pop-up elements
---------------------
*/

	#popUp {
		display: block;
		position: absolute;
		z-index: 200;
		top: 0px;
		left: 0px;
		width: 100%;
		text-align: center;
	}

	#popUp #popupViewer {
		display: block;
		position: relative;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 600px;
		height: 431px;
		background-image: url("/images/secret/popup_bg.gif");
		background-repeat: no-repeat;
	}

	#popUp #popupViewer #closeButton {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 119px;
		height: 21px;
		line-height: 21px;
		text-align: center;
	}

	#popUp #popupViewer #closeButton:link, popUp #popupViewer #closeButton:visited {
		text-decoration: none;
	}

	#popUp #popupViewer #closeButton:hover {
		text-decoration: underline;
	}

	#popUp #popupViewer #closeButton span {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 5px;
	}

	#popUp #popupViewer iframe {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: absolute;
		top: 26px;
		left: 0px;
		width: 600px;
		height: 400px;
		background-color: #ffffff;
	}