@charset "UTF-8";
/* CSS Document */

/* Structure*/


	
	
	/*html, body {   height: 100%; }*/
	body{font-family:Arial, Helvetica, sans-serif; text-align:center; height:100%; background:url(../images/bg.jpg)}
	#page{	width: 1177px;  margin: 0 auto;overflow:hidden;	text-align: center; min-height: 100%;  position: relative;  background:none;}
	#wrapper{ width:954px; margin:0 auto; overflow: hidden; text-align:left;} /*page centering element*/
		#col3{float:left; overflow:hidden;}
/* Header elements*/
	#header{overflow:hidden;width:950px; height:138px; background:url(../images/header_logos.png);}
		/*Navigation buttons*/
		#button_home{float:left; background:url(../images/mainmenu_03.png); background-repeat:no-repeat; width:212px; height:27px; margin-top:23px;margin-left:280px;  position:relative; /* to make the links clickable*/}
		#button_about{float:left; background:url(../images/mainmenu_05.png); background-repeat:no-repeat; width:166px; height:62px; margin-top:23px;margin-left:18px;}
		#button_contact{float:left; background:url(../images/mainmenu_07.png); background-repeat:no-repeat; width:107px; height:62px;margin-top:23px;margin-left:18px;}

/* Page specific elements; will need to change every page especially copyline*/		
	#page{ overflow:hidden; background-repeat:no-repeat; *background-image:none; /* turn off the standard css background for IE */
    *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/highlights_loggedin.png', sizingMethod='crop'); /* IE 6 and 7 method.*/} /*Lighting is different on the homepage than the others(contains extra lighting in the middle of the page*/
	#home_copyline{ font-family:helvetica; font-size:20px; color:#e5e5e5; float:left; height:57px; margin-top:-65px;margin-left:279px; width:100%;}
	#home_copyline #athome{background:url(../images/home_copyline.png); background-repeat:no-repeat;  height:57px;}
	#home_copyline h3{letter-spacing:0.05em; font-size:22px; }
	#home_copyline p{letter-spacing:0.05em;margin-top:35px;}
	
	/*log in specifics*/
		#buttons_loggedin{float:left; width: 265px;}
		#button_profile{float:left; width:267px; height:73px;background:url(../images/button_myprofile.png); background-repeat:no-repeat;  margin-top:-2px;}
		#button_results{float:left;  width:267px; height:73px;background:url(../images/button_contestresults.png); margin-top:-7px;}
		#img_first{float:left;  width:267px; height:73px;background:url(../images/img_ind_first.png); margin-top:0px; border:none; margin-top:-1px;}
		
		#button_account{float:left;  width:131px; height:58px;background:url(../images/button_account.png); margin-top:-2px;}
		#button_logout{float:left;  width:131px; height:58px;background:url(../images/button_logout.png); margin-top:-2px;}
		
		#welcome_shadow_loggedin{float:left; width:680px;background:url(../images/header_shadow_loggedin.png); background-repeat:no-repeat; height:275px; margin-top:-5px;padding-top:10px;}
		#welcome_loggedin{z-index:1; float:left; background:url(../images/header_loggedin.jpg); background-repeat:no-repeat;width:668px; height:248px; margin-left:12px;  overflow:hidden; margin-top:4px;}
		
	/*If the copy line is to be dynamic, below script can be used*/
		.shadow  { position:relative; display:block; color:#e5e5e5; }
		.shadow span { position:absolute; display:block; top:0px;  }
		.shadow:before { display:block; padding:1px; content: attr(title); color:#111;  } 
		#button_signup{float:left; background:url(../images/button_signup.png); width:235px; height:60px; background-repeat:no-repeat; margin-top:10px; margin-left:12px;}

	#panel_login{z-index:100;float:left; background:url(../images/bg_login.png) ;width:239px; height:238px; background-repeat:no-repeat; margin-top:-361px; margin-left:700px; z-index:4;}
	#panel_login .items{width:100px;margin-right:30px; float:right;}
	#panel_login #input_name{margin-top:64px;}
	#panel_login #input_pw{margin-top:7px;}
	#panel_login #button_login{ background:url(../images/button_login.png); width:100px; height:32px; border:0; margin-top:12px;}
	#panel_login #textblock{float:right; margin-right: 10px;margin-top:24px; width:200px;}
	#panel_login p {font-size:10px; color:#fff; margin-bottom:5px; letter-spacing:.005em;}
	#panel_login #textblock a:link{color:#fff; text-decoration:underline;}
	#panel_login #textblock a:hover{color:#fff; text-decoration:underline;}
	#panel_login #textblock a:visited{color:#fff; text-decoration:underline;}
	
	#welcome{z-index:1; float:left; background:url(../images/header_mainpage.jpg); background-repeat:no-repeat;width:929px; height:314px; margin-left:12px;  overflow:hidden; margin-top:2px;}
	#welcome_shadow{ width:954px;background:url(../images/header_shadow.png); background-repeat:no-repeat; height:340px; margin-top:-5px;padding-top:10px;}
	
	
	/* Widgets on the homepage*/
	.homepage_widget{width: 256px; float:left;line-height: 15.5px;  text-align:left; height:284px; margin-right:10px;}	
	.homepage_widget .news_item { overflow:hidden;	margin-top: 10px; padding:0;}
	.homepage_widget h4 {color: #60bbc6; font-size:12px;}
    .homepage_widget p {	font-size: 11px;	color: #dedede; letter-spacing:1px; }
	.homepage_widget h3 {color:#fff;}
		/*Specific widgets- LEADERBOARD*/ 
		#leaderboard {text-align:left; background:url(../images/bg_leaderboard.png);width:306px; height:284px;margin-right:15px; margin-left:2px;}
		#leaderboard h3, #news h3{ visibility:hidden; height:44px;}
		#leaderboard h4{font-size:12px; }
		
		#leaderboard table{margin-left:2px;width:301px; color:#FFF; padding:30px;}
		#leaderboard table th{ color:#fff;padding-left:26px;font-size:12px; font-weight:bold; text-align:left;background:url(../images/bg_leaderboard_header.jpg); height:21px; padding-top:6px;}
		#leaderboard table td{padding-left:26px; padding-top:2px;font-size:11px;padding: 3px 0px 3px 26px}
		#leaderboard table .table_row_odd td{background-color:#02560c; }
		#leaderboard table .table_row_even td{background-color:#51a464; }

		/*Specific widgets- NEWS*/ 
	    #news{padding:3px 26px;background:url(../images/bg_news.png) ;background-repeat:no-repeat;  } 
	 	.learnMore{color:#dedede;float:right; margin-bottom:0;}
	
		/*Third column for banners*/
		#col3{float:left; overflow:hidden;}
			.banner_top{float:left; background:url(../images/button_watchdemo.png); width:310px; height:109px; background-repeat:no-repeat; margin-top:-4px;}
			.banner_bottom{float:left; background:url(../images/banner_play.png); width:310px; height:186px; background-repeat:no-repeat; margin-top:0px;}
			.banner_frontpage{float:left; background:url(../images/button_ad.png); width:310px; height:145px; background-repeat:no-repeat; margin-top:-5px; margin-bottom:6px;}

/*Footer*/
	#footer{background:url(../images/bg_footer_bg.png); height:75px;  ;}
	#footer #hilight{background:url(../images/bg_footer.png); height: 75px; background-position:center; background-repeat:no-repeat}
	#footer p{color:#02560c; font-size:10px; padding-top:33px;}
	#footer a:link{color:#02560c; text-decoration:none;}
	#footer a:hover{color:#02560c; text-decoration:none;}
	#footer a:visited{color:#02560c; text-decoration:none;}