/* PAGE */

body {
	background: #141414; 
	margin: 0px; 
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 
	font-size: 12px; 
	text-shadow: black 0px 1px 1px;
	}
.page {
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	}



/* HEADER */

div#paddingTop {
	height: 15px; 
	background: #333;
	}
	
div#header {
	font-weight: bold;
	color: #DDD; 
	height: 24px; 
	border-Top: 1px solid #999; 
	border-Bottom: 1px solid #999; 
	background: #555;
	}
div#headerLeft {
	text-transform: uppercase; 
	padding-Left: 20px; 
	float: left; 
	height: 100%;
	}
div#headerRight {
	padding-Right: 0px; 
	float: right; 
	height: 100%;
	}
div#headerCenter {
	text-align: center; 
	height: 100%;
	}
	
.titleText {
	font-size: 16px;
	line-height: 24px; 
	}
	
.menuButton {
	font-size: 13px; 
	text-transform: uppercase; 
	text-align: center; 
	width: 90px; 
	float: left; 
	border-Left: 1px solid #999;
	line-height: 24px; 
	}
.menuButton:hover {
	color: #D33; 
	text-shadow: black 0px 1px 3px;
	}

.menuButton#menu {
	position:relative; 
	background: #FFF; 
	bottom:10px; 
	width:20px; 
	height:20px;
	}



/* BODY */

div#content {
	color: #AAA; 
	padding: 5px; 
	padding-Left: 0px; 
	padding-Right: 0px; 
	background: #333; 
	background-position: bottom; 
	background-repeat: repeat-x;
	}
	
table#content	{
	width:100%; 
	padding: 0px; 
	margin: 0px;
	}
td#BodyLeft	{
	font-weight: bold;
	vertical-align:top; 
	width:90px; 
	height: 100%; 
	font-size: 13px; 
	border-Right: 1px dotted #555; 
	height: 100%; 
	padding: 0px; 
	padding-left: 20px; 
	padding-bottom: 25px; 
	padding-Top: 15px;
	}
td#BodyRight {
	vertical-align:top; 
	width:129px; 
	border-Left: 1px dotted #555; 
	height: 100%; 
	padding: 15px; 
	padding-bottom: 20px; 
	padding-Top: 15px;
	}
td#BodyCenter {
	vertical-align:top; 
	height: 100%; 
	padding: 20px; 
	padding-bottom: 20px; 
	padding-Top: 15px;
	}
	
#navLink {
	margin: 0px;
	padding-bottom: 0px;
	}
#navLinkSpacer {
	margin: 0px;
	padding-bottom: 5px;
	}

/* FOOTER */

div#footer {
	color: #555; 
	padding-bottom: 40px;
	}
	
.footerText	{
	padding: 4px;
	}
.footerText#Left {
	float: left;
	}
.footerText#Right {
	float: right;
	}






			
a 			{text-decoration:none; color: #DDD;}
a:hover 	{color: #D33;}
a#footer 	{color: #555;}

p 					{padding: 0px; margin: 0px; margin-Bottom: 8px;}

#slideshow 			{}
img 				{filter:alpha(opacity=100);}
img.idupe 			{position:absolute;z-index:30000;visibility:hidden;}

.contentTitle 		{font-size: 18px; color: #DDD;} 
.contentSubTitle 	{font-size: 14px; color: #DDD;}
.blogBlock          {padding: 0px; margin: 0px; padding-Top: 0px; padding-Bottom: 8px;}

.linksTitle			{font-size: 16px; padding: 0px; margin: 0px; color: #DDD;}
.linksSubTitle		{font-size: 12px; padding: 0px; margin: 4px; margin-Left: 0px; color: #DDD;}
.linksLinks			{font-size: 12px; padding: 0px; margin: 0px; color: #AAA;}

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

input.input			{margin: 0px; margin-top: 2px; margin-bottom: 2px; color: #222; background: #EEE; border: 1px solid #999;}
input.submit		{margin: 0px; margin-top: 5px; margin-bottom: 5px; color: #DDD; background: #555; border: 1px solid #999;}

div.overlay {
	margin:0;
	padding:0;
	position:fixed;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	display: none;
	z-index: 1000;
	background-image: url("../../images/graphics/backgroundDimmer.png");
	}

div.overlaySpacer { 
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	height:50%;
	margin-bottom:-244px; /* half of container's height */
	float:left;
	}

div.overlayContainer {
	margin:0 auto;
	padding:0;
	position:relative; /* puts container in front of distance */
	height:480px;
	width:640px;
	clear:left;
	background-color:black;
	border: white 4px solid;
	}