/* National Robotics League CSS Document */

/*========================== BEGIN GENERAL STYLES =======================*/
html {
	/* no styles */
}
body {
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333; 
	line-height: 2;
	text-align: center;
	background: #333333 url(../images/body_bg_top.gif) repeat-x; 
}
#wrapper {
	width: 980px; 
	margin: 0 auto 0 auto;
	padding: 15px 0 0 0;
	text-align: left;
}
img {
	/* no styles */
}
p {
	margin: 0;
	padding: 0 0 14px 0;
}
ul {
	margin-top: 0;
	padding-top: 0;
}
hr {
	width: 100%;
	height: 1px;
	margin: 0px 0 10px 0;
	padding: 0;
	border: 0;
	line-height: 0;
	background: #999999;
}
h1 {
	padding: 0;
	margin: 0;
	font: 26px Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
}
h2 {
	margin: 0 0 12px 0;
	padding: 0 40px 0 40px;
	line-height: 1.5;
	font-size: 20px;
	color: #333333;
	font-style: italic;
	font-weight: bold;	
}
h2.no_indent {
	margin: 0 0 12px 0;
	padding: 0;
	line-height: 1.5;
	font-size: 20px;
	color: #333333;
	font-style: italic;
	font-weight: bold;	
}
h3 {
	margin: 0;
	font-size: 14px;
	color: #f6921e;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
h4 {
	margin: 0;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
a:link, 
a:visited, 
a:active {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #999999;
}
.clr_right {
	clear: right;
	height: 0; 
	font-size: 1px; 
	line-height: 0px;
}
.clr_left {
	clear: left;
	height: 0; 
	font-size: 1px; 
	line-height: 0px;
}
.clr_both {
	clear: both;
	height: 0; 
	font-size: 1px; 
	line-height: 0px;
}
/*========================== END GENERAL STYLES =======================*/


/*========================== BEGIN FORM STYLES =======================*/
form {
	margin: 0;
	padding: 0;
	border: 0;
}
.submit_image {
	width: 121px;
	height: 29px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: none;	
	behavior: url(images/iepngfix.htc);
}
.submit_image_consult {
	float: left;
	width: 121px;
	height: 29px;
	margin: 0 5px 0 0;
	padding: 0;
	border: 0;
	background-color: none;	
	behavior: url(images/iepngfix.htc);
}
#consult_disclaimer {
	width: 225px; 
	font-size: 9px; 
	color: #692225; 
	line-height: 1;
}

.input_consult {
	width: 320px;
	/*height: 19px;*/
	font: 12px Arial, Helvetica, sans-serif; 
	color: #4f4f4f; /*#6f6f6f;*/ 
	margin: 0 0 3px 0;
	padding: 2px 0 0 2px;
	border: 1px solid #7b7878; /*#6f6f6f;*/ 
	background-color: #d2d1d2; 	
}
.input_consult_new {
	width: 220px;
	/*height: 19px;*/
	font: 12px Arial, Helvetica, sans-serif; 
	color: #692225; /*#4f4f4f;*/ 
	margin: 0 0 3px 0;
	padding: 2px 0 0 2px;
	border: 1px solid #bababa; /*#7b7878;*/ 
	background-color: #f0f0f0; 	
}
.input_contact {
	width: 280px;
	/*height: 19px;*/
	font: 12px Arial, Helvetica, sans-serif; 
	color: #4f4f4f; /*#6f6f6f;*/ 
	margin: 0 0 3px 0;
	padding: 2px 0 0 2px;
	border: 1px solid #7b7878; /*#6f6f6f;*/ 
	background-color: #ffffff; 	
}
.input_checker {
	display:none;
}
/*========================== END FORM STYLES =======================*/


/*========================== BEGIN HEADER STYLES =======================*/
#header {
	position:relative;
	height: 165px;
	margin: 0;
	/*background: url(../images/nrl_hdr_bg_top.jpg) top right no-repeat;*/
}
#flash_header {
	width: 980px;
	height: 165px;
}
#main_nav {
	position: absolute;
	left: 180px; /*FULL NAV = 180px;*/
	top: 100px;
	behavior: url(csshover.htc); /*needed for navigation in IE*/
}
/*==== LEVEL 1 ====*/
#main_nav ul {
	margin: 0; /*remove default margins*/
	padding: 0; /*remove default padding*/
	list-style: none; /*remove bullets*/
	behavior: url(csshover.htc); /*ie6 bug fix*/
}
#main_nav li {
	position: relative;/*allows for absolute positioning of the submenus*/
	float: left;
	margin: 0; /*remove default margins*/
}
#main_nav li a {
	display: block; /*expand link clickable area to fill block*/
}
/*==== LEVEL 2 ====*/
#main_nav ul li ul { /*second level menu*/
	position: absolute;
	top: 28px; /*set drop down menus to correct position*/
	width: 164px; /*set submenu width - needed for IE*/
	margin: 0;
	padding: 0 4px 0 4px;
	font-size: 11px;
	background: #333333;
	display: none; /*hide unless first level nav is rolled over*/
}
#main_nav ul li:hover ul { /*show second level menu*/
	display: block;
}
#main_nav ul ul li { /*second level menu item*/
	width: 164px; /*set subnav item widths to match submenu width*/
	margin: 0;
	border-bottom: 1px solid #999999;
	background: #333333;
}
div#main_nav ul ul li.top_link { /*first subnav link - hidden in dropdowns*/
	display: none;
}
#main_nav li:hover ul li a { /*link base color for 2nd level links*/
	width: 144px; /*total width = padding + width = li width*/
	padding: 10px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}
#main_nav li:hover ul li:hover a { /*link hover color for 2nd level links*/
	color: #00aeef;
}
#header_inner {
	position: absolute;
	left: 750px; 
	top: 23px;
}
#header_search {
	float: left;
	height: 45px;
	margin: 0;
	padding: 12px 0 0 0;
}
.header_search_input {
	position: relative;
	top: -7px;
	width: 188px;
	/*height: 19px;*/
	font: 12px Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #cccccc; 
	margin: 0 0 3px 0;
	padding: 4px 0 4px 6px;
	border: 0; 
	background-color: #333333; 	
}
.header_submit_image {
	width: 22px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: none;	
	behavior: url(../images/nrl_hdr_submit.jpg);
}
/*========================== END HEADER STYLES =======================*/


/*========================== BEGIN CONTENT STYLES =======================*/
#content_area {
	padding: 0;
	background: #ffffff;
}
#content_area_inner {
	padding: 0 16px 0 16px;
}
#top_tabs {	
	margin: 0;
	padding: 0;
	line-height: 1;
}
#top_tabs ul {
	margin: 0;
	padding: 0;
}
#top_tabs li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#top_tabs li a {
	display: block;
	height: 12px;
	margin: 0;
	padding: 5px;
	font-size: 12px;
	border-left: 1px solid #ffffff;
	color: #ffffff;
	background: #00aeef;
	text-decoration: none;
}
#top_tabs li a.chosen {
	background: #000000;
}
#top_tabs li a:hover {
	background: #000000;
}
#content_left_col {
	float: left;
	width: 620px;
	padding: 26px 20px 24px 0;
}
#content_right_col {
	float: left;
	width: 305px;
	padding: 36px 0 0 0;
}
#content_right_col a.home_hide { /*sets spacing between "skip to a section" links*/
	display: block;
	margin: 10px 0 0 0;
}
.section_header {
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
	border-bottom: 3px solid #000000;
}
.section {
	padding: 0 0 24px 0;	
}
/*========================== END CONTENT STYLES =======================*/


/*========================== BEGIN MODULE STYLES =======================*/
.module_header {
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
	border-bottom: 3px solid #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	/*letter-spacing: 0.1em;*/
	color: #000000;
	text-transform: uppercase;
}
.module {
	padding: 0 0 24px 0;
}
.connect_link {
	display: block;
	margin: -6px 0 0 0; /*pull links up - correct for icons being pushed down*/
	padding: 0 0 12px 0;
	color: #000000;
	text-transform: uppercase;
}
.connect_link img { /*pushes icons down for alignment with text*/
	position: relative;
	top: 8px;
}
.connect_link a { 
	color: #000000;
}
.connect_link a:hover { 
	color: #999999;
}
#feature_module {
	width: 299px;
	height: 197px;
	/*background: url(../images/nrl_home_feature.jpg) no-repeat;*/
}
a.quote {
	display: block;
	width: 195px;
	padding: 8px 0 0 10px;
	margin: 0;
	color: #ffffff;
	line-height: 1.1;
	font-size: 21px;
	font-weight: bold;
	text-decoration: none;	
}
a.readmore {
	padding: 0 0 0 10px;
	color: #00adef;
	text-transform: uppercase;
	font-weight: bold;
}
a.readmore:hover {
	color: #ffffff;
}
/*========================== END MODULE STYLES =======================*/


/*========================== BEGIN HOMEPAGE STYLES =======================*/
#homepage_left_col {
	float: left;
	width: 305px;
	padding: 26px 19px 0 0;
}
#homepage_middle_col {
	float: left;
	width: 300px;
	padding: 26px 19px 0 0;
}
#homepage_right_col {
	float: left;
	width: 305px;
	padding: 26px 0 0 0;
}
#homepage_right_col a.home_hide { /*hides all "skip to a section" links except the top one*/
	display: none;
}
/*========================== END HOMEPAGE STYLES =======================*/


/*========================== BEGIN GETTING STARTED STYLES =======================*/
#accordion {
	width: 620px;
}
#accordion ol {
	margin: 0;
}
#accordion ol li {
	padding: 0 0 4px 0;	
}
#accordion h3 {
	width: 620px;
	height: 60px;
	margin: 0 0 10px 0;
}
#accordion h4 {
	width: 620px;
	height: 60px;
	margin: 0 0 10px 0;
}
#accordion div {
	margin: 0 0 10px 0;
}
h5 {
	margin: 0;
	padding: 0;
}
/*========================== BEGIN GETTING STARTED STYLES =======================*/


/*========================== BEGIN CALENDAR DETAILS STYLES =======================*/
.calendar_event {
	padding: 0 0 10px 0;
}
/*========================== END CALENDAR DETAILS STYLES =======================*/


/*========================== BEGIN STORIES STYLES =======================*/
.stories_image {
	float: left;
	padding: 0 20px 10px 0;
}
/*========================== END STORIES STYLES =======================*/


/*========================== BEGIN COMPETITION STYLES =======================*/
.competition_col {
	float: left;
	width: 196px;
}
.competition_col2 {
	float: left;
	width: 196px;
	margin: 0 0 0 16px;
}
.competition_col a {
	text-decoration: none;
}
.competition_col2 a {
	text-decoration: none;
}
/*========================== END COMPETITION STYLES =======================*/


/*========================== BEGIN MEDIA STYLES =======================*/
.videothumb {
	float: left;
	width: 200px;
	padding: 0 10px 0 0;
}
.videothumb a img {
	/*border: 1px solid #000000;*/
}
.videothumb a {
	font-weight: bold;
}
.videothumb a:hover {
	color: #00aeef;
}
.see_more_link {
	width: 100%;
	padding: 0 0 10px 0;
	text-align: right;
}
/*========================== END MEDIA STYLES =======================*/


/*========================== BEGIN VIDEOS STYLES =======================*/
.player_title {
	font-size: 14px;
	color: #f6921e;
	font-weight: bold;
}
#youtube_player {
	padding: 0 0 10px 0;
}
#permalink {
	padding: 0 0 20px 0;
}
#permalink input {
	width: 300px;
	font: 12px Arial, Helvetica, sans-serif; 
	margin: 0;
	padding: 2px 0 0 2px;
	border: 1px solid #999999; 
	background-color: #ffffff; 	
}
/*========================== BEGIN VIDEOS STYLES =======================*/


/*========================== BEGIN PHOTOS STYLES =======================*/
.photothumb {
	float: left; 
	width: 200px;
	padding: 0 10px 25px 0;
}
.photothumb a {
	font-weight: bold;
}
.photothumb a:hover {
	color: #00aeef;
}
.third_photothumb {
	float: left; 
	width: 200px;
	padding: 0 0 25px 0;
}
.third_photothumb a {
	font-weight: bold;
}
.third_photothumb a:hover {
	color: #00aeef;
}
.hidden {
	display: none;
}
/*========================== END PHOTOS STYLES =======================*/


/*========================== BEGIN LOGIN STYLES =======================*/
.form_col {
	float: left;
	width: 225px;
}
.login_input {
	width: 200px;
	/*height: 19px;*/
	font: 12px Arial, Helvetica, sans-serif; 
	/*color: #000000; */
	margin: 0 0 8px 0;
	padding: 5px;
	border: 0; 
	background-color: #dbdbdb; 	
}
.login_submit_image {
	float: left;
	width: 121px;
	height: 29px;
	margin: 0 5px 0 0;
	padding: 0;
	border: 0;
	background-color: none;	
	behavior: url(images/iepngfix.htc);
}
/*========================== END LOGIN STYLES =======================*/


/*========================== BEGIN SPONSOR STYLES =======================*/
.sponsor_link {
	width: 200px;
	height: 100px;
	float: left;
	text-align: center;
}
/*========================== END SPONSOR STYLES =======================*/


/*========================== BEGIN GOOGLE SITE SEARCH STYLES =======================*/
#cse-search-results iframe {
	width: 620px;
	border: 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333; 
	line-height: 2;
}
/*========================== BEGIN GOOGLE SITE SEARCH STYLES =======================*/


/*========================== BEGIN FOOTER STYLES =======================*/
#footer {
	padding: 10px 10px 30px 10px;
	line-height: 2;
	color: #999999;
	font-size: 9px;
}

#footer a:link, 
#footer a:visited, 
#footer a:active {
	color: #999999;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
#footer_left_col {
	float: left;
	width: 300px;
}
#footer_right_col {
	float: left;
	width: 660px;
	text-align: right;
	text-transform: uppercase;
}
#footer_right_col ul {
	float:right;
	margin: 0;
	padding: 0;		
}
#footer_right_col li {
	float: left;
	margin: 0;
	padding: 0 2px 0 2px;
	list-style: none;
}
/*========================== END FOOTER STYLES =======================*/