@charset "utf-8";
/* CSS Document */
/******************/
/* DEFAULT Styles */
/******************/
/* html, body */
html {
	height:100%;
	margin-top: -10px;
}
body  {
	font: 100% Verdana, Geneva, sans-serif;
	background: #02111d;
	font-size:11px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	margin-top: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: #FFFFFF;
	height:100%;
	/*background-image:url(../themes/ugc_2010/background/main-bg.jpg);
	background-repeat:repeat;*/
}
/* Links */
a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #C8930F;
	text-decoration: underline;
	font-weight:bold;
}
a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #C8930F;
	text-decoration: underline;
	font-weight:bold;
}
a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #C8930F;
	text-decoration: underline;
	font-weight:bold;
}
a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #C8930F;
	text-decoration: underline;
	font-weight:bold;
}
/* Text/Image Related */
p {
	margin:0;
	padding:5px 0 5px 0;
}
img {
	border:0px;
}
/* Header */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:14px;
	padding:0;
	margin:0;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:13px;
	padding:0;
	margin:0;
}
/* Blocks */
blockquote {
	margin:0;
	padding:0;
}
/****************/
/* Outer Shells */
/****************/
.container3 {
    width:100%;
    overflow:hidden;
	background:url(/cms/themes/ugc/right.jpg) repeat-y right fixed;
}
.container2 {
    float:left;
    width:100%;
    position:relative;
	overflow:hidden;
	background:url(/cms/themes/ugc/left.jpg) repeat-y left;
}
* html .container2 {
	display:inline;
}
.container1 {
    width:100%;
}
* html .container3 {
	overflow:hidden;
	width:100%;
}
/****************/
/* Inner Shells */
/****************/
#col1 {
    width:201px;
    overflow:hidden;
	visibility:visible;
	position:relative;
	float:left;
}
* html div#col1 {
  display: inline; /* kill double-margin bug */
}
#col3 {
    width:201px;
    overflow:hidden;
	position:relative;
	float:right;
}
* html div#col3 {
  	display:inline; /* kill double-margin bug */
}
#col2 {
	background-color:#02111d;
	overflow:hidden;
	position:relative;
}
* html div#col2 {
  	display:inline; /* kill double-margin bug */
}
.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
}
/*****************************/
/* Content Layout Containers */
/*****************************/
/* Inner Header Images */
.header {
	float:left;
	width:100%;
	margin: 0;
	padding:0;
	background: #02111d;
	clear:both;
}
.header_images {
	height:193px;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow:hidden;
	margin-top:0px;
	padding-top:0px;
	background:url(/cms/themes/ugc/header_01_03.png) repeat-x;
}
.inner_header_left {
	float:left;
	height:193px;
	width:100%;
	padding: 0;
	margin: 0;
}
img.header_left {
	float:left;
	padding: 0;
	margin: 0;
}
.inner_header_right {
	float:right;
	width:420px;
	height:57px;
	padding: 0;
	margin: 0;
}
/* Sub Header Images */
.subheader_images {
	height:57px;
	width: 100%;
	padding: 0;
	margin: 0;
	background:url(/cms/themes/ugc/header_02_02.png) repeat-x;
}
.inner_subheader_left {
	float:left;
	height:57px;
	width:100%;
	padding: 0;
	margin: 0;
}
img.inner_subheader_left {
	float:left;
	width:194px;
	height:57px;
	padding: 0;
	margin: 0;
}
img.inner_subheader_right {
	float:right;
	width:194px;
	height:57px;
	padding: 0;
	margin: 0;
}
/* Outer Float Left Menu */
#lmenubg_container {
	width: 201px;
	padding: 0 0 0 0;
}
#lmenubg_header {
	position:relative;
	background-image: url(/cms/themes/ugc/bt.png);
	height: 41px;
	width: 160px;
	float:right;
}
#lmenubg_middle {
	position:relative;
	background-image: url(/cms/themes/ugc/bm.png);
	width: 160px;
	float:right;
}
#lmenubg_footer {
	position:relative;
	background-image: url(/cms/themes/ugc/bb.gif);
	width: 160px;
	height:55px;
	float:right;
}
/* Outer Float Right Menu */
#rmenubg_container {
	width: 201px;
	padding: 0 0 0 0;
}
#rmenubg_header {
	position:relative;
	background-image: url(/cms/themes/ugc/bt.png);
	height: 41px;
	width: 160px;
	float:left;
}
#rmenubg_middle {
	position:relative;
	background-image: url(/cms/themes/ugc/bm.png);
	width: 160px;
	float:left;
}
#rmenubg_footer {
	position:relative;
	background-image: url(/cms/themes/ugc/bb.gif);
	width: 160px;
	height:55px;
	float:left;
}
/* Outer Footer Container */
#footer { 
	padding: 0;
	width:100%;
	height:192px;
}
.footer_images {
	height: 192px;
	width: 100%;
	padding: 0;
	margin: 0;
	background:url(/cms/themes/ugc_2010/footer/footer_02.jpg) repeat-x;
}
div.footer_text {
	font-size:10px;
	padding: 65px 0 0 0;
	width:100%;
	text-align:center;
}
/* Inner Footer Images */
.inner_footer_left {
	float:left;
	width:100%;
	height:192px;
	background:url(/cms/themes/ugc_2010/footer/footer_02.jpg) repeat-x;
}
img.inner_footer_left {
	width:400px;
	float:left;
	height:192px;
}
img.inner_footer_right {
	float:right;
	width:463px;
	height:192px;
}
/* Middle Content Boxes */
div#contentbox_top_container {
	width:100%;
	height:33px;
	background-color:#14445d;
	background-image:url(/cms/themes/ugc/tables_02.png);
	background-repeat:repeat-x;
}
div#contentbox_topleft {
	position:relative;
	background-image:url(/cms/themes/ugc/tables_01.png);
	background-repeat:no-repeat;
	width:35px;
	height:33px;
	float:left;
}
div#contentbox_topright {
	position:relative;
	background-image:url(/cms/themes/ugc/tables_03.png);
	background-repeat:no-repeat;
	width:35px;
	height:33px;
	float:right;
}
div#contentbox_container {
	width:100%;
	background-color:#14445d;
	background-image:url(/cms/themes/ugc/tables_06.png);
	background-repeat:repeat-y;
	background-position:right;
	margin:0;
	padding:0;
	position:relative;
}
div#contentbox_mid_container {
	width:100%;
	background-image:url(/cms/themes/ugc/tables_04.png);
	background-repeat:repeat-y;
	background-position:left;
	padding:0;
	margin:0;
	position:relative;
}
div#contentbox_footer_container {
	width:100%;
	height:53px;
	margin:0;
	padding:0;
	background-color:#14445d;
	background-image:url(/cms/themes/ugc/tables_08.png);
	background-repeat:repeat-x;
}
div#contentbox_footerleft {
	position:relative;
	margin:0;
	padding:0;
	background-image:url(/cms/themes/ugc/tables_07.png);
	background-repeat:repeat-y;
	width:35px;
	height:53px;
	float:left;
}
div#contentbox_footerright {
	position:relative;
	margin:0;
	padding:0;
	background-image:url(/cms/themes/ugc/tables_09.png);
	background-repeat:repeat-y;
	width:35px;
	height:53px;
	float:right;
}
/******************/
/* Content Styles */
/******************/
/* Content Left Menu */
.left_inner_content {
	margin-left:14px;
	text-align:left;
}
.left_inner_content_box {
	margin:10px 0 0 13px;
	width:134px;
}
#left_content_aligncenter {
	margin:0 0 0 0;
	width:100%;
	text-align:center;
}
#left_content_alignleft {
	margin:0 0 0 0;
	width:100%;
	text-align:left;
}
/* Content Right Menu */
.right_inner_content {
	margin-left:1px;
	text-align:left;
}
.right_inner_content_box {
	margin:0 0 0 13px;
	width:134px;
	text-align:left;
}
#right_content_aligncenter {
	margin:0;
	width:100%;
	text-align:center;
}
#right_content_alignleft {
	margin:0 0 0 0;
	width:100%;
	text-align:left;
}
/* Shoutbox Styles */
#wall {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	padding:0;
	margin:0;
	text-align:left;
}
#contain_message {
	background-color:#0d3354;	
	padding:4px 4px 4px 4px;
	width:125px;
}
#sb_datetime {
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
	padding:4px 4px 4px 4px;
	text-align:center;
}
#sb_message {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	padding:0 0 0 0;
}
span.sb_uname {
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	padding:0;
	margin:0;
	color:#CC0;
}
div.loader_idle {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	color:#CCC;
	background-color:#0d3354;
	width:125px;
}
div.loader_ref {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	color:#F90;
	width:125px;
}
/* News Items Styles */
div#main_news_container {
	padding: 20px 0 0 0;
	display:table;
	width:100%;
}
#news_header_container {
	width:98.7%;
	height:35px;
	text-align:center;
	background-color:#195676;
	padding: 0 8px 0 8px;
	display:table;
}
#news_headertopleft {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	display:table-cell;
	color:#FFF;
}
#news_body_container {
	height:35px;
	text-align:center;
	padding: 0 8px 0 8px;
	display:table;
	width:100%;
}
#news_body {
	text-align:left;
	font-size:14px;
	display:table-cell;
	padding: 0 24px 0 8px;
}
#news_footer_container {
	width:98.7%;
	height:35px;
	text-align:center;
	background-color:#195676;
	padding: 0 8px 0 8px;
	display:table;
}
#news_footertopleft {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	display:table-cell;
	color:#FFF;
}
/* About Container Classes */
.aboutus_container {
	padding: 0 50px 0 50px;
	position:relative;
}
p.aboutus_container {
	padding:0;
	margin:0;
}
/* Challenges Container Classes */
.main_challenges_container {
	padding: 0;
	position:relative;
}
/***************************************/
/* Spry Tabbed Panels Styles & Classes */
/***************************************/
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
* html .TabbedPanels {
	display: inline;
}
.TabbedPanelsTabGroup {
	margin: 0;
	padding: 0;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0;
	font: bold 10px sans-serif;
	list-style: none;
	cursor: pointer;
	color:#fff;
	background-color:#195676;
}
* html .TabbedPanelsTab {
	display: inline;
}
.TabbedPanelsTabHover {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0;
	font: bold 10px sans-serif;
	list-style: none;
	cursor: pointer;
	color:#fff;
	background-color:#0a83c2;
}
* html .TabbedPanelsTabHover {
	display: inline;
}
.TabbedPanelsTabSelected {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0;
	font: bold 10px sans-serif;
	list-style: none;
	cursor: pointer;
	color:#fff;
	background-color:#0a83c2;
}
* html .TabbedPanelsTabSelected {
	display: inline;
}
.TabbedPanelsTab a {
	color: #FFFFFF;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	border:1px solid #195676;
}

.GuildTabbedPanelsContentGroup {
	clear: both;
}
.TabbedPanelsContent {
	color:#FFFFFF;
}
.TabbedPanelsContentVisible {
	padding: 4px 4px 4px 4px;
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	position: relative;
}
* html .VTabbedPanels .TabbedPanelsTabGroup {
	display: inline;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #fff;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
* html .VTabbedPanels .TabbedPanelsContentGroup {
	display: inline;
}
/****************************/
/* Re-Used Styles & Classes */
/****************************/
/* News Classes */
.news_header {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
	font-size:12px;
}
.news_subheader {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-size:11px;
}
/* General Headers Classes */
h1.features_topheader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:14px;
	padding:0;
	margin:0;
}
h2.features_topheader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:13px;
	padding:0;
	margin:0;
}
/* Alignments */
div.alignCenter {
	width:100%;
	text-align:center;
}
div.alignLeft {
	width:100%;
	text-align:left;
}
div.alignRight {
	width:100%;
	text-align:right;
	float:right;
	position:relative;
}
/* DIGG */
img.diggthis {
	vertical-align:middle;
}
/* Table Layouts and Styles */
#column_container {
	width:99.5%;
	padding:0;
	background-color:#14445d;
	margin:0;
	overflow:hidden;
	padding: 3px 3px 3px 3px;
}
#column_container_altrow {
	width:99.5%;
	padding:0;
	background-color:#195676;
	margin:0;
	overflow:hidden;
	padding: 3px 3px 3px 3px;
}
#column_50_left {
	float:left;
	position:relative;
	width:50%;
	text-align:left;
}
#column_50_right {
	float:right;
	position:relative;
	width:50%;
	text-align:left;
}
#column_33_left {
	float:left;
	position:relative;
	width:33%;
	text-align:center;
}
#column_33_mid {
	float:left;
	position:relative;
	width:33%;
	text-align:center;
}
#column_33_right {
	float:left;
	position:relative;
	width:33%;
	text-align:center;
}
.boldsmalltext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.padding3 {
	padding: 3px 3px 3px 3px;
}
.padding_left_right {
	padding: 0 10px 0 10px;	
}
.normaltext {
	font-size:12px;
}

.smalltextbold {
	font-size:10px;
	font-weight:bold;
}
.smalltext {
	font-size:10px;
}