body,html {
	margin: 0px;
	padding: 0px;
	background: url('bg.png') #666666;
	background-repeat: repeat-x;
	min-width: 1050px;
	width: expression(document.body.clientWdith < 1051? "1050px": "auto");
	font-family: verdana, tahoma;
	font-size: 10pt;
}

a, a:active, a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	font-family: tahoma, verdana;
}

a:hover {
	color: #ff3300;
}

img {
	border: 0px;
}

h1 {
	font-family: verdana, tahoma;
	font-weight: normal;
}

h2 {
	font-family: verdana, tahoma;
	font-weight: normal;
}

h3 {
	font-family: verdana, tahoma;
	font-weight: normal;
}

hr { display:none; }

table {
	padding: 0px;
	border-spacing: 0px;
	font-size: 10pt;
}

td {
	vertical-align: top;
	text-align: center;
}

/* ClearFix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

div.logo {
	position: absolute;
	left: 80px;
	top: 12px;
	width: 200px;
	height: 50px;
	background: url('logo.png');
	background-repeat: no-repeat;
	z-index: 2;
}

/* Drop-Down Menus */

.menu_dropdown
{	margin: 0;
	padding: 0;
	text-align: left;}
	
	.menu_dropdown li
	{	float: left;
		list-style: none;
		font-family: Tahoma, Arial}

	.menu_dropdown li a
	{	display: block;
		background: #333333;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid transparent;
		white-space: nowrap}

	.menu_dropdown li a:hover
	{	background: #333333}
		
		.menu_dropdown li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border: 1px solid transparent;
			border-top: 0px;
		}
		
		.menu_dropdown li ul li
		{	float: none;
			display: inline}
		
		.menu_dropdown li ul li a
		{	width: auto;
			background: #333333;}
		
		.menu_dropdown li ul li a:hover
		{	background: #333333;}
		
.tab_menu_dropdown
{	margin: 0;
	padding: 0;
	text-align: left;}
	
	.tab_menu_dropdown li
	{	float: left;
		height: 26px;
		overflow: hidden;
		list-style: none;
		margin-right: 20px;
		font-size: .9em; 
		border-top: 2px solid transparent;
		border-bottom: 2px solid #999999;
		font-family: Tahoma, Arial}

	.tab_menu_dropdown li a
	{	display: block;
		background: #333333;
		color: #fff;
		font-weight: normal;
		padding: 5px 18px 5px 18px;
		text-decoration: none;
		border-right: 1px solid transparent;
		white-space: nowrap}
		
	.tab_menu_dropdown li a:hover
	{	background: #333333;
		color: #ff6600; }
		
	.tab_menu_dropdown li.selected
	{	border-bottom: 2px solid #fff;
		border-right: 2px solid #999999;
		border-top: 2px solid #999999;
		border-left: 2px solid #999999;
		background: #fff;
	}
		
	.tab_menu_dropdown li.selected a
	{	background: #fff;
		color: #000000;}
		
	.tab_menu_dropdown li.selected a:hover {
		background: #fff;
	}
	
	.tab_menu_dropdown li.selected ul li a
	{	background: #333333;
		color: #fff; }
		
	.tab_menu_dropdown li.selected ul li a:hover {
		background: #333333;
		color: #ff3300; }	
	
	.tab_menu_dropdown li ul
		{	margin: 0;
			padding: 0;
			font-size: 1.1em;
			position: absolute;
			visibility: hidden;
			border: 1px solid transparent;
			border-top: 2px solid #333333;
		}

		.tab_menu_dropdown li ul li
		{	float: none;
			margin: 0;
			display: inline}
		
		.tab_menu_dropdown li ul li a
		{	width: auto;
			background: #333333; }
		
		.tab_menu_dropdown li ul li a:hover
		{	background: #333333;
			color: #ff3300; }

/* Login Box */

div.login {
	position: absolute;
	left: 710px;
	top: 0px;
	color: #fff;
	z-index: 21;
	font-size: 10pt;
	width: 300px;
}

.login a, .login a:visited, .login a:active {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

.login a:hover {
	color: #ff3300;
	text-decoration: none;
}

div.login_menu {
	position: relative;
	float: right;
	cursor: pointer;
	height: 20px;
	vertical-align: bottom;
	margin-left: 10px;
}

div.login_box {
	position: absolute;
	z-index: 21;
	display: none;
	width: 200px;
	height: 150px;
	left: 805px;
	background: #333333;
	border: 2px solid #999999;
	color: #fff;
	text-align: center;
}

.top {
	position: absolute;
	top: 71px;
	left: 0px;
	right: 0px;
	min-width: 1050px;
	height: 25px;
	z-index: 20;
	vertical-align: bottom;
	overflow: visible;
	text-align: center;
	font-size: 10pt;
	font-family: arial;
	letter-spacing: 1px;
	padding-left: 80px;
}

/* Navigation Tabs */

.nav_tab {
	position: relative;
	float: left;
	margin-top: 74px;
	padding-left: 20px;
	padding-right: 20px;
	height: 25px;
	margin-right: 20px;
	line-height: 27px;
	color: #fff;
	z-index: 2;
}

.nav_tab a, .nav_tab a:visited, .nav_tab a:active {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

.nav_tab a:hover {
	color: #ff3300;
}

.nav_tab_selected {
	position: relative;
	float: left;
	margin-top: 74px;
	padding-left: 18px;
	padding-right: 18px;
	height: 25px;
	background: #fff;
	margin-right: 20px;
	border-top: 2px solid;
	border-right: 2px solid;
	border-left: 2px solid;
	border-color: #999999;
	line-height: 25px;
	color: #000000;
}

.nav_tab_selected a, .nav_tab_selected a:visited, .nav_tab_selected a:active, .nav_tab_selcted a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

div.page {
	position: relative;
	background: #fff;
	color: #333333;
	top: 99px;
	left: 0px;
	right: 0px;
	min-width: 1050px;
	width: expression(document.body.clientWdith < 1051? "1050px": "auto");
	text-align: left;
	border-top: 2px solid #999999;
	min-height: 500px;
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html .page {
	height: 500px;
}
/**/


/* Bar */

div.bar {
	position: relative;
	background: url('bar.png');
	background-repeat: repeat-x;
	left: 0px;
	width: 100%;
	height: 300px;
}

.bar_page {
	color: #fff;
	position: relative;
	left: 0px;
	width: 100%;
	text-align: left;
	border-top: 2px solid #999999;
	padding-bottom: 10px;
	background: #333333;
}

.bar_page p { color: #fff; }

.bar_page a, .bar_page a:active, .bar_page a:visited { color: #fff; }

.bar_page a:hover { color: #ff3300; }

#page_edit_link {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 5px;
	z-index: 10;
	background: #fff;
}

/* Footer */

#scontent {
	position: relative;
	top: 99px;
	background: #666666;
	border-top: 2px solid #999999;
	margin:0;
	padding:0 0 25px 0px;
	font-size: 0.9em;
	width: 100%;
}
#scontent a { color: #fff; font-weight: normal; }
#scontent a:hover { color: #ff6600; }
#scontent #info1 h2, #scontent #info2 h2, #scontent #info3 h2 {
	padding: 0 0 3px 0;
	margin: 20px 0 10px 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #fff;
	border-bottom: 1px dotted #fff;
}
#scontent #info1 {
	width: 30%;
	float: left;
	padding: 0;
	margin: 0 0 0 35px;
}
#scontent #info2 {
	width: 30%;
	float: left;
	padding:0;
	margin: 0 0 0 35px;
}
#scontent #info3{
	width: 30%;
	float: left;
	margin: 0 0 0 35px;
}
#scontent #info3 p {
	margin-left: 17px;
}
#scontent #info1 ul, #scontent #info2 ul, #scontent #info3 ul {
	padding:0;
	margin: 0 0 0 10px;
	list-style: none;
}
#scontent #info1 ul li {
	background: url(../img/news-icon.gif) 0 5px no-repeat;
	padding: 0 0 3px 17px;
}
#scontent #info2 ul li {
	background: url(../img/bubble.gif) 0 4px no-repeat;
	padding: 0 0 2px 17px;
}

#footer {
	position: relative;
	top: 99px;
	margin:0;
	padding:0;
	border-top: 1px solid #fff;
	clear: both;
	font-size: 0.8em;
	background: #555555;
	color: #ff6600;
}
#footer p {
	padding: 15px 0 15px 0;
	text-align: center;
	margin:0;
	border-top: 1px solid #fff;
}
#footer a { color: #fff; }

#footer a:hover { color: #ff6600; }

a.top-btn {
	position: relative;
	bottom: 25px;
	left: 90%;
	display: block;
	width: 24px;
	text-indent: -3000px;
	background: url(../img/top.gif) no-repeat;
}
a.top-btn:hover { 
	background: url(../img/tophover.gif) no-repeat;
	text-decoration: none;
}

/* Tabs */

div.tabs {
	 width: 970px;
}

table.tab_holder {
	border-color: #999999;
}

div.tab_holder {
	position: relative;
	vertical-align: middle;
	border: 1px solid;
	border-top: 0px;
	padding: 10px;
	border-color: #999999;
}

.tab_unselected {
	border: 1px solid;
	padding: 3px;
	background: #fff;
	border-color: #999999;
}

.tab_unselected a {
	color: #000000;
}

.tab_unselected a:hover {
	color: #FF3300;
}

td.tab_selected {
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	padding: 3px;
	border-color: #999999;
	background: #fff;
}

td.tab_spacer {
	width: 10px;
	border-bottom: 1px solid;
	border-color: #999999;
}

td.tab_long_spacer {
	border-bottom: 1px solid;
	width: 1170px;
	border-color: #999999;
}

div.tabbed_element {
	display: none;
	width: 100%;
	text-align: left;
}

/* Gallery */

.gallery {
	text-align: center;
}

table.gallery {
	margin: auto auto;
	width: 90%;
}

.gallery td.breadcrumbs {
	text-align: left;
}

.gallery td.pagination {
	text-align: right;
}

.gallery td {
	vertical-align: top;
	padding: 5px;
}

.gallery img {
	height: 100px;
	border: 1px solid #999999;
}

.gallery div.delete {
	position: relative;
	display: inline;
	background: #fff;
	top: -4px;
	left: -18px;
	width: 20px;
	text-align: center;
	font-size: 12pt;
	font-family: arial;
}

.gallery .delete a, .delete a:visited, .delete a:active {
	color: #000000;
	font-weight: bold;
}

.gallery .delete a:hover {
	color: #ff6600;
	font-weight: bold;
}

/* Home Page */

.pics {
    text-align: center;
    width: 322px;
    height: 222px;
    margin: auto auto;
}
 
.pics img {
	margin: 10px;
    border:  1px solid #999999;
    width:  300px;
    height: 200px;
}

div.home_box_left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	height: 300px;
	text-align: center;
	background: url('{home_box_left.png');
}

div.home_box_middle {
	position: absolute;
	top: 0px;
	left: 350px;
	width: 350px;
	height: 300px;
	text-align: center;
	background: url('home_box_middle.png');
}

div.home_box_right {
	position: absolute;
	top: 0px;
	left: 700px;
	width: 350px;
	height: 300px;
	text-align: center;
	background: url('home_box_right.png');
	border-right: 1px solid #cccccc;
}

div.plus {
	float: left;
	border: 1px solid #333333;
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	margin-right: 7px;
	padding-bottom: 1px;
	font-weight: bold;
}

.home_div {
	width: 970px;
	color: #fff;
	text-align: left;
	margin-left: 80px;
	margin-top: 10px;
}

.home_div div.title {
	padding-bottom: 10px;
	color: #fff;
	text-align: left;
	font-size: 13pt;
}

.home_div td.random_media {
	width: 175px;
	text-align: center;
}

.date {
	background: url('date.jpg');
	background-repeat: no-repeat;
	height: 42px;
	font-family: Arial;
	width: 42px;
	position: relative;
	text-align: center;	
	font-weight: bold;
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
}

.date .month {
	font-size: 9pt;
	color: #FFFFFF;
	position: absolute;
	top: -1px;
	left: 0px;
	width: 40px;
	letter-spacing: 3px;
}

.date .day {
	color: #000000;
	font-size: 24px;
	position: absolute;
	top: 11px;
	left: 0px;
	width: 40px;
}

/* Team and Mentor Pages */

.team {
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
}

.team td.spacer {
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #999999;
}

.team td.left {
	border-left: 1px solid;
	border-color: #999999;
	padding: 5px; 
}

.team td.right {
	border-color: #999999;
	border-right: 1px solid;
	padding-right: 20px;
	text-align: left;
}

/* Robot Page */

td.left {
	text-align: left;
	padding: 5px;
}

td.right {
	text-align: center;
	padding: 5px;
}

img.robot_page_pic {
	width: 400px;
}

/* Games Page */

table.games {
	vertical-align: middle;
	text-align: center;
	width: 100%;
	margin: auto auto;
}