/* generated by csscreator.com */ 
html, body, #pagewidth 
{
	 height: 100%; 
	 margin:0; 
	 padding:0;
	 background:#311941 url(web_images/bg_gradient.png) 0% 0% repeat-x;
	 font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;
	 font-size:12px;
} 

h2.bghTitle{
	font:normal 35px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#fff; 
	margin:0;
	padding:0;

	}
	

.ttip {border:1px solid black;font-size:12px;layer-background-color:lightyellow;background-color:lightyellow; z-index:9002}

img
{
	border:none;
}

#maincol p
{
	font-size:14px;
 	color:#fff;
}

#maincol h2
{
	font-size:16px;
 	color:#fff;
}

#maincol ul
{
	font-size:14px;
 	color:#fff;
}

#maincol a, #rightcol a
{
	font-size:14px;
 	color:#339900;
 	text-decoration:none;
 	font-weight:bold;
}


#rightcol .map
{
 	color:#000;
}

#leftcol a:hover, maincol a:hover
{
	font-size:14px;
 	color:#fff;
 	font-weight:bold;
}

#pagewidth
{
	height: auto; min-height: 100%;
	min-width:1024px;
	
}
 
#wrap {height: auto; min-height: 100%;}

#header
{
	position:relative; 
	height:150px; 
	background:#000 url(web_images/headBg.png) 50% 50%; 
	width:100%;
	min-width:1024px;
} 



.nav {
height:35px; 
background: #000; 
font-family:arial, verdana, sans-serif; 
font-size:11px;  

}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
height:35px; 
float:left; 
font-weight:bold;
background: #000; 
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;
}


.nav .select a:hover, 
.nav .select li:hover a {
background: url(web_images/tab_hover.png); 
padding:0 0 0 15px; 
cursor:pointer; 
color:#fff;
}


.nav .select a b
{
	font-weight:bold;
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
background:#000 url(web_images/tab_hover.png) right top; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#2b3238;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:100%; 
top:35px; 
background:#000;
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#2b3238;
}

.nav .current .sub li.sub_show a {
color:#2b3238; 
cursor:default; 
}

.nav .select .sub li a {
	font-weight:normal;
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#73a0d2; 
}


.nav .select .active, 
.nav .select .active a {
background: url(web_images/tab_hover.png); 
padding:0 0 0 15px; 
cursor:pointer; 
color:#fff;
}


.nav .select .active a b{
	font-weight:bold;
	}

.nav .select .active b, 
.nav .select .active a b 
{
	display:block; 
	float:left; 
	padding:0 30px 0 15px; 
	background:#000 url(web_images/tab_hover.png) right top; 
	cursor:pointer;
}


#slogan
{
		font-size:14px;
		color:#CCC;
		padding:0 0 0 10px;
		margin:0;
}
#logo
{
	position:absolute;
	padding:20px 0px 0 50px;
	float:left;
}

#signin
{
	
	position:relative;
	padding:20px 80px 0 0px;
	float:right;
	color:#FFF;
}

#signin a
{
	text-decoration:none;
	color:#999;
}

#wrapper
{
	min-width:1024px;
}
 
#leftcol
{

 width:80px; 
 float:left; 

 }

#leftcol p
{
	margin:20px 0 0 80px;
	color:#FFF;
}
 
#rightcol
{
	 min-width:220px; 
	 float:right; 
	 color:#fff;
	 margin:0 40px 0 0;
	 padding:0;
}
 
#maincol
{
 	float:left; 
	width:60%;
	margin: 0 0 0 50px;
}
 
#maincol_large
{
 	float:left; 
	width:100%;
	margin: 0 0 0 50px;
}
 
 
#footer
{
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	background:#311941;

 } 
 


 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


#blanket 
{
	background-color:#111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
}
#popUpDiv {
	position:absolute;
	background-color:#000;
	width:300px;
	height:150px;
	z-index: 9002;
	color:#fff;
	border: #ffffff solid 1px;
}


#popUpDiv1 {
	position:absolute;
	background-color:#000;
	color:#fff;
	border: #ffffff solid 1px;
	width:300px;
	height:520px;
	z-index: 9002;
}


#popUpDiv2 {
	position:absolute;
	background-color:#000;
	color:#fff;
	width:300px;
	height:200px;
	z-index: 9002;
	border: #ffffff solid 1px;
}



a.button {
	text-decoration: none;
	border-color: transparent transparent #ECECEC; /** rgba fallback **/
	border-color: transparent transparent rgba(255, 255, 255, 0.63);
	cursor: pointer;
	outline: none;
	width:60px;
	float:right;
	padding:0 0 0 10px;
}
a.button:hover {
	text-decoration: none;
}
a.button,
a.button b.o,
a.button b.m {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
}
a.button b.o {
	border-color: #5A5A5A; /** rgba fallback **/
	border-color: rgba(0, 0, 0, 0.56);
}
a.button b.m {
	background: transparent url(web_images/button.png) repeat-x 0 0;
	border-color: #FFF transparent #C7C7C7; /** rgba fallback **/
	border-color: #FFF rgba(255, 255, 255, 0.33) rgba(255, 255, 255, 0.33);
}
a.button:hover b.m {
	background-position: 0 -80px;
}
a.button:active b.m {
	background-position: 0 -160px;
	border-color: #B7B7B7 transparent #D4D4D4; /** rgba fallback **/
	border-color: rgba(255, 255, 255, 0.11) rgba(255, 255, 255, 0.23) rgba(255, 255, 255, 0.27);
}
a.button b.m b {
	display: block;
	font-weight: bold;
	text-align:center;
	padding: 4px 8px;
	/**text-shadow: 0 1px 0 #DDD;**/
	color: #262626;
	/** Make the text unselectable **/
	-moz-user-select: none;
	-webkit-user-select: none;
}

a.button1 {
	text-decoration: none;
	border-color: transparent transparent #ECECEC; /** rgba fallback **/
	border-color: transparent transparent rgba(255, 255, 255, 0.63);
	cursor: pointer;
	outline: none;
	width:150px;
	float:right;
	padding:0 20px 0 0px;
}
a.button1:hover {
	text-decoration: none;
}
a.button1,
a.button1 b.o,
a.button1 b.m {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
}
a.button1 b.o {
	border-color: #5A5A5A; /** rgba fallback **/
	border-color: rgba(0, 0, 0, 0.56);
}
a.button1 b.m {
	background: transparent url(web_images/button.png) repeat-x 0 0;
	border-color: #FFF transparent #C7C7C7; /** rgba fallback **/
	border-color: #FFF rgba(255, 255, 255, 0.33) rgba(255, 255, 255, 0.33);
}
a.button1:hover b.m {
	background-position: 0 -80px;
}
a.button1:active b.m {
	background-position: 0 -160px;
	border-color: #B7B7B7 transparent #D4D4D4; /** rgba fallback **/
	border-color: rgba(255, 255, 255, 0.11) rgba(255, 255, 255, 0.23) rgba(255, 255, 255, 0.27);
}
a.button1 b.m b {
	display: block;
	font-weight: bold;
	text-align:center;
	padding: 4px 8px;
	/**text-shadow: 0 1px 0 #DDD;**/
	color: #262626;
	/** Make the text unselectable **/
	-moz-user-select: none;
	-webkit-user-select: none;
}

#rightcol  .cnnclass
{	
	width: 200px;
	padding: 5px;
	background-color: #F3F3F3;
	border: 1px solid black;
	margin-bottom: 1em;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); 
	/*Specify fade effect in IE. Remove if desired.*/
	-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

#rightcol a{
	text-decoration: none;
	color:#FFF;
}

#rightcol  .bbcclass{
	width: 200px;
	margin:10px 0px 0 50px;
	background-color:#000;
}

.rsstitle
{ 
	/*shared class for all title elements in an RSS feed*/
	font-weight: bold;
}

.rssdate
{ 
	/*shared class for all date elements in an RSS feed*/
	color: gray;
	font-size: 85%;
}



#mobileradicals
{
	background:url(web_images/mobile_radicals.png);
	width:116px;
	height:115px;
	display:none;
	position:relative;
}



#footer_left
{
	width: 25%;
	float: left;
	height:150px;
}


#footer_center
{
	background:#311941 url(web_images/footerBg.png) 50% 0% no-repeat;
	height:150px;
	width: 50%;
	float: left;

}


#footer_center p
{
	color:#fff;
	text-align:center;
	margin: 0px 0 0 0;
	font-size:10px;
}


#footer_right
{
	height:150px;
	float: right;
	width:25%;
}




.side_nav
{
	list-style:none;
	padding:0;
	margin:70px 170px 0px 0;
}

.game_button
{
	border: 0px;
	float:left;
	margin: 0 0 0px 0px;


}

.spacer
{
	padding: 200px 0px 0px 0px;
}

#twitter_div
{
	padding:20px;
	color: #fff;
}

#twitter_div ul li
{
	list-style:none;
	padding: 7px 0 7px 0;
}

#flash_mobile
{
	background: url(web_images/n97_mini_landscape.png) no-repeat;
	width: 699px;
	height: 352px;
}
	
#flash_mobile .photo_grid
{
	margin: 30px 0 0 0;
}	

#links
{
	float:left;
	margin: 50px 0 0 5px;

}

#rightcol ul
{
	list-style: none;
}


#links ul
{
	list-style: none;
}

#links li
{
	float:left;
}

#button
{
	float:right;
	margin: 80px 37px 0 0;
}

a
{
	text-decoration:none;
}

#flash_mobile span
{
		visibility:hidden;
}

.float_left
{
	float:left;
	margin: 5px 5px 5px 0;
}

#maincol #viewer_btn, #design_btn, #manage_btn, #account_btn, #register_btn
{
	opacity:0.9;
	filter:alpha(opacity=40);
}

#maincol #viewer_btn:hover, #design_btn:hover, #manage_btn:hover, #account_btn:hover, #register_btn:hover
{
	opacity:1;
	filter:alpha(opacity=100);
	border-bottom: #F0F 2px solid;
}

#maincol #active
{
	opacity:1;
	filter:alpha(opacity=100);
	border-bottom: #F0F 2px solid;
}

#maincol_large #active
{
	opacity:1;
	filter:alpha(opacity=100);
	border-bottom: #F0F 2px solid;
}

.tab
{
	width:350px;
	float:left;
	margin: 0 40px 0px 0;
	background:#D8D8D8;
}

.tab p
{
color:#000;
padding: 0 20px 0 20px;
}


.tab h2
{
color:#FF3399;
padding: 0 20px 0 20px;
}