/*-----------------------------------------
	Basics
-----------------------------------------*/

html, body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	background: #FFF;
	color: #000;
}	

em, i { font-style: italic; }
strong, b { font-weight: bold; }

h1 {
	font-size: 30px;
	line-height: 32px;
	font-weight: bold;
	color: #e21e24;
	margin: 1px 0 20px 0;
}

h2 {
	font-size: 18px;
	line-height: 24px;
	margin: 18px 0 4px 0;
	font-weight: normal;
}

h3 {
	font-size: 16px;
	margin: 16px 0 4px 0;
	font-weight: normal;
}

h4 {
	font-size: 14px;
	margin: 14px 0 4px 0;
	font-weight: normal;
}

h5 {
	font-size: 12px;
	margin: 14px 0 4px 0;
	font-weight: normal;
}

h6 {
	font-size: 12px;
	margin: 12px 0 4px 0;
	font-weight: bold;
	text-transform:uppercase;
}

p {
	font-size:12px;
	margin: 10px 0;
}

.intro {
	color:#555;
	font-size:16px;
	line-height:24px;
	margin: 24px 0;
}

a {
	color:#004b71;
	text-decoration: underline;
}

a:hover {
	color:#666;
	text-decoration: none;
}

a:visited,
a:active {
	color:#330033;
}

a img {
	border:none;
}

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  display: block;
}

.clearfix {display:inline-block;}
.clearfix {display:block;}




/*-----------------------------------------
	Main Layout Elements
-----------------------------------------*/

body {
	min-width: 960px;
	background: url(images/bkgrd_top.jpg) 0 0 repeat-x;
}

	#container {
		width: 100%;
		background: url(images/bkgrd_bottom.jpg) 0 bottom repeat-x;
	}
	
		#login {
			position: absolute;
			top:0;
			left:0;
			z-index: 2;
			width: 100%;
			min-width: 960px;
			background: url(images/login_bkgrd.png);
			padding-bottom: 4px;
		}
		
			#login .wrapper {
				position: relative;
				width: 920px;
				margin: 0 auto;
				padding: 0 20px;
			}
			
				#login .wrapper #tab {
					position: absolute;
					right: 20px;
					bottom: -29px;
					height: 25px;
					padding: 0 7px 0 0;
					background: url(images/login_tab_bkgrd.png) right bottom no-repeat;
				}

			#login #loginslider {
				display: none;
			}
	
		#nav {
			width: 920px;
			margin: 0 auto;
			padding: 21px 20px;
		}
        .marqueeCenter
        {
            width: 918px; 
            overflow: hidden; 
            padding: 0px;
            height: auto;
            margin-left: auto; 
            margin-right: auto;
            line-height: 0px;
        }
		.content {
			width: 460px;
			margin: 0 auto;
		 	padding-left: 250px;
		 	padding-right: 250px;
		 	min-height: 600px;
		}
	
			.content .column {
				position: relative;
				float: left;
			}
	
			.content .center {
				width: 100%;
				padding-bottom: 40px;
			}
	
			.content .left {
			  	width: 210px;
			  	right: 250px;
			  	margin-left: -100%;
			  	padding: 0 20px 40px 20px;
			}
	
			.content .right {
			  	width: 145px;
			  	margin-right: -250px;
			  	padding: 20px 55px 20px 50px;
			}
			
			* html .content .left {
			  left: 210px; /* ie */
			}

	#footer {
		width: 920px;
		margin: 0 auto;
		padding:0;
	}
	
	
/*-----------------------------------------
	Awareness Popup
-----------------------------------------*/	

	.awarenessPopup {
		position: absolute;
		z-index: 100000;
		width: 100%;
		height: 100%;
		background: url(images/onionSkin.png);
	}
		.campaignContent {
			width: 776px;
			height: 500px;
			margin-top: 100px;
			margin-left: auto;
			margin-right: auto;	
			background: url(images/campaignRamen.png) no-repeat;
		}	

			.campaignContent a.btn_close {
				margin-left: 704px;
				margin-top:56px;
			}

			.campaignContent p {
				clear: both;
				width: 270px;
				font-size: 13px;
				margin: 0 0 0 90px;
				padding-top: 150px;
				line-height: 18px;
			}

			.campaignContent a.btn_registerNow3 {
				margin-left: 90px;
				margin-top:24px;
			}

			.campaignContent p.buttonCaption {
			    padding: 2px 0 0 28px;
			    font-size: 13px;
			}
		    
		    .campaignContent p.legal, 
		    .campaignContent p.legal a, 
		    .campaignContent p.legal a:hover, 
		    .campaignContent p.legal a:visited {
		        padding-top: 87px;
		        width: 700px;
		        font-size: 8px;
		        color: #666666;
		        line-height: normal;
		    }

            .campaignContent p.legal {
                margin-left: 60px;
            }



/*-----------------------------------------
	Login Bar
-----------------------------------------*/

#login #register {
	float: left;
	width: 424px;
	padding: 25px 30px 0 0px;
}
	
	#register p {
		float: left;
		text-align: right;
		width: 100%;
		margin: 0;
		color:#a4b0b6;
		line-height: 20px;
	}
	
	#register a {
		color: #fff;
		font-weight:bold;
		text-decoration: none; 
	}
	
		#register a:hover {text-decoration: underline;}

#login #or {
	float: left;
	margin: 10px 0 3px 0;
}

#login #login_form {
	float: left;
	width: 414px;
	padding: 18px 10px 0 30px;
}

	#login_form img {
		float: left;
		margin: 6px 5px 0 0;
	}

	#login_form ul {
		float: left;
		width: 306px;
	}

		#login_form ul li {
			/* position: relative;  */
			float: left;
			margin: 0 5px;
			width:143px;
		}
		
		#login_form .top {
			height: 25px;
		}
		
		#login_form .bottom {
			width: 138px;
			padding: 1px 0 0 5px;
		} 
	
			#login_form .top label {
				/* position: absolute; */
				float: left;
				width:133px;
				margin: 0 0 0 -143px;
				padding: 4px 5px;
				font-size: 13px;
				color: #e4ecf0;
			}
			
			#login_form .top .hide {display: none;}
			
			#login_form .top input {
				float: left;
				width:133px;
				margin: 0;
				padding: 5px;
				font-size: 12px;
				color: #fff;
				border: none;
				background: #7b868c;	
			}
			
			#login_form .top input.input-on {
				background: #8a949a;
			}
			
			#login_form .bottom label {
				float: left;
				color: #a4b0b6;
				font-size: 11px;
				margin: 0 0 0 0;
			}
			
			#login_form .bottom input {
				float: left;
				margin: 2px 4px 0 0;
				padding: 0;
				width: 13px;
				height: 13px;
			}
			
			#login_form a {
				float: left;
				color: #a4b0b6;
				text-decoration: none;
				font-size: 11px;
				margin: 0;
				padding: 0;
			}
			
				#login_form a:hover {
					color: #fff;
				}
						
			#login_form a.go {
				float: left;
				margin: 5px 0 0 2px;
				width: 28px;
				height: 16px;
				text-indent: -9999px;
				overflow: hidden;
				background: url(images/login_go.png) 0 0 no-repeat transparent;
			}
			
				#login_form a:hover.go {
					background-position: 0 -16px;
				}

#login #tab a {
	float: left;
	height: 12px;
	width: 90px;
	color:#a4b0b6;
	font-size: 12px;
	font-style: italic;
	text-decoration: none;
	padding: 3px 10px 10px 13px;
	background: url(images/login_tab_bkgrd_l.png) 0 0 no-repeat;
}

	#login #tab a:hover,
	#login #tab a:hover.logout {
		color: #fff;
	}
	
	#login #tab a span {
		position: absolute;
		top:10px;
		right: 8px;
		width: 7px;
		height: 5px;
		background: url(images/login_tab_arrow-down.png) 0 0 no-repeat;
	}
		#login #tab a:hover span {background-position: 0 -5px;}
	
	#login #tab a.active span {
		position: absolute;
		top:10px;
		right: 8px;
		width: 7px;
		height: 6px;
		background: url(images/login_tab_arrow-up.png) 0 0 no-repeat;
	}
		#login #tab a:hover.active span {background-position: 0 -6px;}	
	
#login #tab .logout {text-align:center;}


/*-----------------------------------------
	Top Nav / Header
-----------------------------------------*/
	
#nav {
	overflow: auto;
	position: relative;
	top:0;
}	

	#nav img {
		float: left;
		margin-top:5px;
	}

	#nav ul {
		float: left;
		margin: 31px 0 0 0;
	}

		#nav ul li {
			float: left;
		}
		
			#nav ul li#myprofile {margin:0;}
		
			#nav ul li a{
				float:left;
				text-indent: -9999px;
				overflow: hidden;
				height:18px;
				margin: 0 0 0 35px;
			}
			#nav ul li#students a {		background: url(images/tnav_students.gif) 0 0 no-repeat; width:91px;}
			#nav ul li#partners a {		background: url(images/tnav_partners.gif) 0 0 no-repeat; width:91px;}
			#nav ul li#faculty a {		background: url(images/tnav_faculty.gif) 0 0 no-repeat; width:73px;}
			#nav ul li#competition a {	background: url(images/tnav_competition.gif) 0 0 no-repeat; width:133px}
			#nav ul li#administration a {	background: url(images/tnav_administrator.gif) 0 0 no-repeat; width:147px; margin: 0 -20px 0 35px;}
			#nav ul li#myprofile a {	background: url(images/tnav_myprofile.gif) 0 0 no-repeat; width:103px;}
			
				#nav ul li#students a:hover,
				#nav ul li#partners a:hover,
				#nav ul li#faculty a:hover,
				#nav ul li#competition a:hover,
				#nav ul li#administration a:hover,
				#nav ul li#myprofile a:hover {	background-position: 0 -18px;}

			#nav ul li#students a.on,
			#nav ul li#partners a.on,
			#nav ul li#faculty a.on,
			#nav ul li#competition a.on,
			#nav ul li#administration a.on,
			#nav ul li#myprofile a.on {	background-position: 0 -36px;}

				#nav ul li#students a:hover.on,
				#nav ul li#partners a:hover.on,
				#nav ul li#faculty a:hover.on,
				#nav ul li#competition a:hover.on,
				#nav ul li#administration a:hover.on,
				#nav ul li#myprofile a:hover.on {	background-position: 0 -18px;}


	#nav #location {
		position: absolute;
		top: 7px;
		padding:0;
		margin:0;
		right: 148px;
		color: #b40918;
		font-size: 11px;
	}

			#nav #location span {
				float: left;
				color: #536068;
				padding: 0 0 0 9px;
				margin: 0 0 0 9px;
				border-left: 1px solid #888;
				height: 19px;
				line-height: 19px;
			}

			
				#nav #location span span {
					margin: 0;
					padding: 0;
					border: none;
				}
			
				#nav #location span a {
					color: #536068;
				}

			#nav #location .uswebsite {
				border-left: none;
				color: #b41321;
			}
			
				#nav #location .uswebsite img {
					margin: 3px 5px 0 0;
				}
							
				#nav #location .intwebsite img {
					margin: 2px 5px 0 0;
				}
			
			#nav #location .social {
				width: 66px;
				padding: 0 0 0 2px;
			}

				#nav #location .social div {
					float: left;
				}
			
				#nav #location .social a {
					float: left;
					margin: 3px 0 3px 6px;
				}
				
				
				#nav #location .social img {
					padding: 0;
					margin: 0;
				}
	
				#nav #location .addthis_default_style .at300b, .addthis_default_style .at300m,
				#nav #location .at300bs.at15t_expanded, .at300bs.at15t_compact,
				#nav #location .at300bs {
					margin: 0;
					padding: 0;
					height: 14px !important;
					width: 14px !important;
					background-position: -1px -1px;
				}
			


/*-----------------------------------------
	Footer
-----------------------------------------*/

#footer {
	color: #999999;
	padding: 13px 20px;
}

	#footer ul {
		float: left;
		margin: 0 0 2px 0;
	}
	
		#footer li {
			float: left;
			margin: 0 0 0 15px;
			font-size: 11px;
			line-height: 14px;
			height: 14px;
		}
		
		#footer li.addlink,
		#footer li.addlink a {
			margin: 0;
			padding: 0;
			width:14px;
		}
		
		#footer li.twitter {
			margin: 0 2px 0 7px;
			width:11px;
		}
		
		#footer li.facebook_icon {width:14px;}
		
		#footer li.facebook_icon,
		#footer li.facebook {
			margin: 0 0 0 5px;
			
		}
		
			#footer li.facebook a {
				color: #3e549d;
			}

			#footer li.addlink .addthis_default_style .at300b, .addthis_default_style .at300m,
			#footer li.addlink .at300bs.at15t_expanded, .at300bs.at15t_compact,
			#footer li.addlink .at300bs {
				margin: 0;
				padding: 0;
				height: 14px !important;
				width: 14px !important;
				background-position: -1px -1px;
			}

			#footer li img {
				margin: 0;
			}	

	#footer	p {
		float:left;
		width:800px;
		font-size: 11px;
		line-height: 12px;
		margin:3px 0;
		padding:0;
	}
	
	#footer a {
		color:#6f808a;
	}
		
	#footer img {
		float: right;
		margin: 21px 0;
	}
	
	
	
	
/*-----------------------------------------
	Right Sidebar		
-----------------------------------------*/	
	
.sidebar_girl1 { background: url(images/sidebar_girl1.jpg) right bottom no-repeat; }
.sidebar_girl2 { background: url(images/sidebar_girl2.jpg) right bottom no-repeat; }
.sidebar_guy1 { background: url(images/sidebar_guy1.jpg) right bottom no-repeat; }
.sidebar_guy2 { background: url(images/sidebar_guy2.jpg) right bottom no-repeat; }

.right {
	position: relative;
	min-height: 160px;
	color: #666666;
	margin-bottom: 315px;
	background: url(images/sidebar_top.jpg) 0 0 no-repeat;
}
	
	.right .footer {
		position: absolute;
		bottom: 0;
		width: 250px;
		height: 34px;
		margin: 0 -55px -20px -50px;
		background: url(images/sidebar_bottom.jpg) 0 0 no-repeat;
		clear: both;
		clear:none IE!;
	}

.no_sidebar .right,
.no_sidebar .right .footer,
.sidebar_girl1 .right .footer,
.sidebar_girl2 .right .footer,
.sidebar_guy1 .right .footer,
.sidebar_guy2 .right .footer {
	background: none;
}
		
	.content ul.links li {
		padding-left: 0px;
		margin: 2px 0;
		line-height: 28px;
		background: none;
	}

	.content .right p {
		float:left;
		width:100%;
		margin-top:0;
	}
	
	.content .right h2 {
		float:left;
		width:100%;
		margin: 20px 0 0 0;
		padding:0;
		height: 28px;
		text-indent: -9999px;
	}
		.content .right h2.h2-register { background:url(images/btn-register_now.png) -22px -28px no-repeat; }
		.content .right h2.h2-experience { background:url(images/btn-experience.png) -22px -28px no-repeat; }
		.content .right h2.h2-resources { background:url(images/btn-resources.png) -22px -28px no-repeat; }
		.content .right h2.h2-overview { background:url(images/btn-overview.png) -22px -28px no-repeat; }
		.content .right h2.h2-rules { background:url(images/btn-rules.png) -22px -28px no-repeat; }
		.content .right h2.h2-details { background:url(images/btn-details.png) -22px -28px no-repeat; }
		.content .right h2.h2-faqs { background:url(images/btn-faq.png) -22px -28px no-repeat; }
		.content .right h2.h2-learn { background:url(images/btn-learn_more.png) -22px -28px no-repeat; width:60px; }
		.content .right h2.h2-digitalmedia { background:url(images/btn-digital_media.png) -22px -28px no-repeat; }
		.content .right h2.h2-itchallenge { background:url(images/btn-it_challenge.png) -22px -28px no-repeat; }

	.content .right p {
		color:#666666;
		font-size:11px;
		line-height:16px;	
	}