@charset "utf-8";
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #4d4d4f;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #77787a;
}

#container
{
	background-color: #4d4d4f;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 950px;
}

#block1
{
	background-color: #4d4d4f;
	position: absolute;
	top: 70px;
	left: 17px;
	width: 195px;
	height: 238px;
	z-index: 1;
}

#block1-rollover
{
	background-color: #ebebeb;
	position: absolute;
	top: 244px;
	left: 20px;
	width: 179px;
	height: 44px;
	z-index: 2;
}

#block2
{
	background-color: #4d4d4f;
	position: absolute;
	top: 70px;
	left: 212px;
	width: 195px;
	height: 238px;
	z-index: 1;
}

#block2-rollover
{
	background-color: #ebebeb;
	position: absolute;
	top: 244px;
	left: 215px;
	width: 179px;
	height: 44px;
	z-index: 2;
}

#block3
{
	background-color: #4d4d4f;
	position: absolute;
	top: 70px;
	left: 407px;
	width: 195px;
	height: 238px;
	z-index: 1;
}

#block3-rollover
{
	background-color: #ebebeb;
	position: absolute;
	top: 245px;
	left: 410px;
	width: 179px;
	height: 44px;
	z-index: 2;
}

#block4
{
	background-color: #4d4d4f;
	position: absolute;
	top: 70px;
	left: 601px;
	width: 195px;
	height: 238px;
	z-index: 1;
}

#block4-rollover
{
	background-color: #ebebeb;
	position: absolute;
	top: 245px;
	left: 604px;
	width: 179px;
	height: 44px;
	z-index: 2;
}

#block5
{
	background-color: #4d4d4f;
	position: absolute;
	top: 308px;
	left: 17px;
	width: 195px;
	height: 238px;
	z-index: 1;
}

#block5-rollover
{
	background-color: #ebebeb;
	position: absolute;
	top: 482px;
	left: 20px;
	width: 179px;
	height: 44px;
	z-index: 2;
}

#block6
{
	background-color: #4d4d4f;
	position: absolute;
	top: 308px;
	left: 212px;
	width: 195px;
	height: 238px;
}

#block6-rollover
{
	background-color: #ebebeb;
	position: absolute;
	top: 482px;
	left: 215px;
	width: 179px;
	height: 44px;
	z-index: 2;
}
#block7
{
	background-color: #4d4d4f;
	position: absolute;
	top: 308px;
	left: 407px;
	width: 390px;
	height: 238px;
}

#block8
{
	background-color: #4d4d4f;
	position: absolute;
	top: 547px;
	left: 17px;
	width: 195px;
	height: 238px;
}

#block8-rollover
{
	background-color: #ebebeb;
	position: absolute;
	top: 721px;
	left: 20px;
	width: 179px;
	height: 44px;
	z-index: 2;
}


#block9
{
	background-color: #4d4d4f;
	position: absolute;
	top: 547px;
	left: 212px;
	width: 195px;
	height: 238px;
}

#block10
{
	background-color: #4d4d4f;
	position: absolute;
	top: 547px;
	left: 407px;
	width: 195px;
	height: 238px;
}

#block11
{
	background-color: #4d4d4f;
	position: absolute;
	top: 547px;
	left: 601px;
	width: 195px;
	height: 238px;
}

#block12A
{
	background-color: #1d2f4b;
	position: absolute;
	top: 798px;
	left: 0px;
	width: 400px;
	height: 26px;
}

#block12B
{
	background-color: #1d2f4b;
	position: absolute;
	top: 798px;
	left: 400px;
	width: 382px;
	height: 26px;
	padding-right: 18px;
}

#block13A
{
	background-color: #4d4d4f;
	position: absolute;
	top: 824px;
	left: 0px;
	width: 400px;
	height: 126px;
}

#block13B
{
	background-color: #4d4d4f;
	position: absolute;
	top: 824px;
	left: 400px;
	width: 390px;
	height: 130px;
}

#fb-connect-block
{
	background-color: #ededec;
	position: absolute;
	top: 732px;
	left: 611px;
	width: 165px;
	height: 22px;
}
#fb-logout-block
{
	background-color: #ededec;
	position: absolute;
	top: 732px;
	left: 611px;
	width: 165px;
	height: 22px;
	display:none;
}

	
#corkboard-photo-block
{
	background-color: #ededec;
	position: absolute;
	top: 560px;
	left: 614px;
	width: 158px;
	height: 162px;
	z-index: 1;
}


#fb-photo-block
{
	background-color: #ededec;
	position: absolute;
	top: 597px;
	left: 644px;
	width: 100px;
	height: 80px;
	z-index: 2;
}

#fb-name-block
{
	background-color: #ededec;
	position: absolute;
	top: 693px;
	left: 645px;
	width: 100px;
	height: 17px;
	z-index: 3;
}

#fb-fanpage-block
{
	background-color: #4d4d4f;
	position: absolute;
	top: 850px;
	left: 498px;
	width: 300px;
	height:98px;
}

.left-element {
   position: absolute;
   left: 0;
   width: 50%;
}

.right-element {
   position: absolute;
   right: 0;
   width: 50%;
   text-align: right;
} 

		
IMG.left-floating {float: left}

IMG.center-floating {float: center}

.invis 
{ 
	visibility: hidden; 
	display: none; 
}

.vis 
{ 
	visibility: visible;
	display: inline; 
}


.social-links
{
    margin-top:10px;
	text-align:right
}

.social-links a
{
    font-weight:normal;
    color:#FFFFFF;
	text-decoration: none;
}

.socialLinks a:visited
{
    font-weight:normal;
    color:#FFFFFF;
	text-decoration: none;
}

.social-links a img
{
    vertical-align:text-top;
}
.social-links {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.bodytext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #77787a;
}
.orangeText {
	color: #f58220;
	font-weight: bold;
	font-size: 14px;
}
.orangeText a
{
    font-weight:bold;
    color:#f58220;
	text-decoration: none;
}
.orangeText a:visited
{
    font-weight:bold;
    color:#f58220;
	text-decoration: none;
}