/*
	Main:
*/

*{
	font-family:"Verdana", sans-serif;
	font-size:10px;	
}

html{
	margin:0px;
	padding:0px;
	height:100%;
}

body{
	margin:0px;
	padding:0px;
	text-align:center;
	height:100%;	
	background-color:#fff;
}

p{
	margin:0px;
	padding:0px;
}

li{
	/*list-style-image:url("../img/listStarCyan.gif");*/
	list-style-image:url("../img/listStarMagenta.gif");
}

#wrapper{
	text-align:left;
	padding:12px 12px 0px 12px;
	width:929px;
	margin:0 auto;
}
img{
	border:0px;	
}

/*
	Colors:
*/

.fgCyan{
	color:#00adef;
}

.fgMagenta{
	color:#ec008c;
}

.fgWhite{
	color:#fff;
}

.fgYellow{
	color:#fff200;
}

.fgBlack{
	color:#000;
}

.fgBold{
	font-weight:bold;
}


.bgRed{
	background-color:#ff0000;
}

.bgGreen{
	background-color:#00ff00;
}

.bgBlue{
	background-color:#0000ff;
}

.bgPurple{
	background-color:#ff00ff;
}

/*
	Common:
*/

.cell{
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0px;
}

.column1LeftMargin{
	padding-left:12px;
}

.vspace{
	display:block;
	clear:both;
	width:100%;
	line-height:12px;
}

.vspaceRow{
	display:block;
	width:100%;
	clear:both;
	line-height:12px;
	height:12px;
}

.arrowCursor{
	cursor:default;
}

.upperCased{
	text-transform:uppercase;
}

.imageleft{
	/*margin-bottom:10px;*/
}

.imagecenter{
	width:100%;
	text-align:center;
	/*margin-bottom:10px;*/
}

.imageright{
	float:right;
	clear:bottom;
	/*margin-bottom:10px;*/
}

.cornerLBBlack{
	float:left;
	width:8px;
	height:8px;
	background-image:url(../img/cornerLBBlack.gif);
	background-repeat:no-repeat;
}

.cornerRBBlack{
	float:right;
	width:8px;
	height:8px;	
	background-image:url(../img/cornerRBBlack.gif);
	background-repeat:no-repeat;
}

.cornerLOBlack{
	float:left;
	width:8px;
	height:8px;	
	background-image:url(../img/cornerLOBlack.gif);
	background-repeat:no-repeat;
}

.cornerROBlack{
	float:right;
	width:8px;
	height:8px;	
	background-image:url(../img/cornerROBlack.gif);
	background-repeat:no-repeat;
}

.patternDashWhite{
	width:100%;
	height:8px;	
	background-image:url(../img/patternDashWhite.gif);
	background-repeat:repeat-x;
}

.patternStarMagenta{
	display:block;	
	width:100%;
	line-height:15px;
	height:30px;		
	background-image:url(../img/patternStarMagenta.gif);
	background-repeat:repeat-x;	
	background-position: left 4px;
}

.patternStarCyan{
	display:block;
	width:100%;
	line-height:15px;
	height:30px;	
	background-image:url(../img/patternStarCyan.gif);
	background-repeat:repeat-x;
	background-position: left 4px;
}

span.title{
	display:block;
	clear:both;
}

a:link, a:visited, a:active {
	color:#000;
	text-decoration:underline;
}

a:hover {			
	color:#00ADEF;
	text-decoration:underline;
}

a.subscribeNotify:link, a.subscribeNotify:visited, a.subscribeNotify:active {
	font-family:"Verdana", sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#fff;	
	text-decoration:underline;
}

a.subscribeNotify:hover {
	font-family:"Verdana", sans-serif;
	font-size:10px;	
	font-weight:bold;
	color:#fff200;
	text-decoration:underline;
}

/*
	Logo, menu and bottom space between content:
*/
#header{
	width:953px;
	height:193px;
	clear:both;
}

	#logo{
		position:relative;
		float:left;
		width:181px;
		height:181px;
		background-color:#000;
	}
		#logo .cornersTop{
			position:absolute;
			left:0px;
			top:0px;
			width:100%;
			height:8px;
		}
		
		#logo .cornersBottom{
			position:absolute;
			left:0px;
			top:173px;
			width:100%;
			height:8px;
		}


	#topRight{
		position:relative;
		float:right;
		width:760px;
		height:181px;
		background-color:#000;
	}	
	
		#menu{
			position:absolute;
			left:21px;
			top:152px;
			color:#fff;
			font-weight:bold;			
		}		
			#menu pre{
				font-family:"Verdana", sans-serif;
				font-size:10px;			
				font-weight:bold;				
				display:inline;
			}
			
			body#bodyMainMenu pre{
				font-family:"Verdana", sans-serif;
				font-size:10px;			
				font-weight:bold;				
				display:inline;
			}
			
			a.menuNormal:link, a.menuNormal:visited{
				color:#fff;
				font-weight:bold;
				text-decoration:none;
			}
			
			a.menuNormal:active, a.menuNormal:hover, a.menuActive:link, a.menuActive:visited, a.menuActive:active, a.menuActive:hover{
				color:#fff200;
				font-weight:bold;
				text-decoration:none;
			}			

		#SJTitle{
			position:absolute;
			z-index:1;
			width:260px;
			height:75px;
			left:0px;
			top:0px;		
		}
		
		#SJLaundry{
			position:absolute;
			z-index:1;
			width:298px;
			height:98px;
			right:0px;
			top:0px;		
		}
	
		#topRightT{
			position:absolute;
			z-index:1;
			left:658px;
			top:0px;
			width:87px;
			height:91px;
			
			background-color:#000;
			background-image:url('../img/topRightT.gif');
			background-repeat:no-repeat;			
		}
	
		#topRight .cornersTop{
			position:absolute;
			z-index:2;
			left:0px;
			top:0px;
			width:100%;
			height:8px;
		}
		
		#topRight .cornersBottom{
			position:absolute;
			z-index:2;
			left:0px;
			top:173px;
			width:100%;
			height:8px;
		}
		
		#topRight .dashWhite{
			position:absolute;
			left:0px;
			top:128px;
			width:100%;
			height:8px;
		}

/*
	Content:
*/

#content{
	width:953px;
	font-family:"Verdana", sans-serif;
	font-size:10px;
	line-height:15px;
}
		
	#contentLeft{
		position:relative;
		float:left;
		width:181px;
		height:386px;/* just a minimum */
		background-color:#000;
	}
		#contentLeft .cornersTop{
			position:absolute;
			left:0px;
			top:0px;
			width:100%;
			height:8px;
		}
		
		#contentLeft .cornersBottom{
			position:absolute;
			left:0px;
			top:394px;
			width:100%;
			height:8px;
			margin:0px;
			padding:0px;
		}
		
		/*
			Different contentLeft classes:
		*/
		.contentLeftBGSJ37{
			background-image:url('../uploaded/contentLeft_sj37.gif');
			background-position:left bottom;
			background-repeat:no-repeat;
		}
		
		.contentLeftBGShirt{
			background-image:url('../img/contentLeftShirt2.gif');
			background-position:left bottom;
			background-repeat:no-repeat;
		}		

		.contentLeftBGBasic{
			background-image:url('../img/contentLeftBasic.gif');
			background-position:left bottom;
			background-repeat:no-repeat;
		}
		
		/*
			GUI
		*/		

			.submenuYellowNormal{color:#fff;}
			.submenuYellowActive{color:#fff200;}
		
			a.submenuYellowNormal:link, a.submenuYellowNormal:visited{
				color:#fff;				
				text-decoration:none;
			}
			
			a.submenuYellowNormal:active, a.submenuYellowNormal:hover, a.submenuYellowActive:link, a.submenuYellowActive:visited, a.submenuYellowActive:active, a.submenuYellowActive:hover{
				color:#fff200;
				text-decoration:none;
			}
			
			.submenuCyanNormal{color:#00ADEF;}
			.submenuCyanActive{color:#fff;}
			
			a.submenuCyanNormal:link, a.submenuCyanNormal:visited{
				color:#00ADEF;				
				text-decoration:none;
			}
			
			a.submenuCyanNormal:active, a.submenuCyanNormal:hover, a.submenuCyanActive:link, a.submenuCyanActive:visited, a.submenuCyanActive:active, a.submenuCyanActive:hover{
				color:#fff;
				text-decoration:none;
			}			
			
			.submenu{
				text-align:right;
				width:162px;			
			}
			
			#submenu1{
				position:relative;
				padding-top:25px;			
			}
			
			#submenu2{
				position:relative;
				padding-top:48px;			
			}
			
			.pullSJ{
				width:50px;
				height:12px;
				border-width:0px;
				
				font-family:"Verdana", sans-serif;
				font-size:10px;				
			}
			
			.subtoolDivider{
			
				text-align:right;				
				background:url('../img/patternDashWhite.gif') 0px 3px repeat-x;
			}
			
			.subtoolDivider span{				
				font-weight:bold;
				background-color:#000;
				text-transform:uppercase;
				padding:0px 18px 0px 5px;
			}
			
			.bookmarks{
				padding:0px 18px;
			}
			
			.bookmarks ul{
				float:right;
				list-style:none;
				margin:4px 0px 0px 0px;
				padding:0px;
				clear:both;
				
			}
			.bookmarks ul li{
				display:inline;							
			}
			
			.subscribeNotify{
				background-color:#000;
				display:block;
				float:right;				
			}
			
			
			.formSubmenu{
				background-color:#000;
			}
			
			#notifyLoader{
				float:right;
				display:none;
				vertical-align:middle;
			}
			
		
	#contentRight{
		position:relative;
		float:right;
		width:760px;
		
		
		/*background-color:#F00;*/
	}
	
		#contentRight{
			
		}
	
		#contentRightFrame{
			position:relative;
			float:right;
			width:750px;
			padding-right:12px;
		}


		#contentRightFrameFooter{
			position:relative;
			float:right;
			text-align:center;
			width:740px;
			padding-right:12px;			
			color:#adadad;
		}
		
		#contentRightFrameHeader{
			position:relative;
			float:right;
			text-align:left;
			width:740px;
			padding-right:12px;			
			font-weight:bold;
			color:#000000;
		}		
		
			#contentRightFrameFooter pre{
				display:inline;
				font-family:"Verdana", sans-serif;
				font-size:10px;
			}
			
			#contentRightFrameHeader pre{
				display:inline;
				font-family:"Verdana", sans-serif;
				font-size:10px;			
				font-weight:bold;
			}
		
			a:link.sfooter, a:visited.sfooter, a:active.sfooter {
				font-family:"Verdana", sans-serif;
				font-size:10px;
				color:#adadad;
				text-decoration:none;
			}
			
			a:hover.sfooter {
				font-family:"Verdana", sans-serif;
				font-size:10px;				
				color:#adadad;
				text-decoration:underline;
			}
			
			a:link.sfooterActive, a:visited.sfooterActive, a:active.sfooterActive, a:hover.sfooterActive {
				font-family:"Verdana", sans-serif;
				font-size:10px;				
				color:#adadad;
				text-decoration:underline;
			}			
			
			a:link.sheader, a:visited.sheader{
				font-family:"Verdana", sans-serif;
				font-size:10px;
				color:#000000;
				font-weight:bold;
				text-decoration:underline;
			}
			
			a:hover.sheader, a:active.sheader{
				font-family:"Verdana", sans-serif;
				font-size:10px;				
				color:#00adef;
				text-decoration:underline;
			}
			
			a:link.sheaderActive, a:visited.sheaderActive, a:active.sheaderActive{
				font-family:"Verdana", sans-serif;
				font-size:10px;
				color:#00adef;
				font-weight:bold;
				text-decoration:underline;
			}
			
			a:hover.sheaderActive{
				font-family:"Verdana", sans-serif;
				font-size:10px;
				color:#ec008c;
				font-weight:bold;
				text-decoration:underline;
			}			
			
/*
	footer
*/

#footer{
	width:100%;
	clear:both;
	line-height:12px;
	height:12px;
}

#sessionFrame{
	visibility:hidden;
	width:100%;
	clear:both;
	line-height:0px;
	height:0px;
}

/*
	Forms, etcetera
*/

form.formSubmenu{
	text-align:right;
	padding-right:18px;
}

input{
	font-family:"Verdana", sans-serif;
	font-size:10px;
	color:#000;
}

input.iNotify{
	width:143px;
	margin-top:3px;
	margin-bottom:5px;
}