/* left styles --------------------------------------- */

#left-side {
	display: block;
	float: left;
	width: 680px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

/* right styles --------------------------------------- */


#right-side {
	display: block;
	float: right;
	width: 320px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

/* login styles --------------------------------------- */

#login-row {
	float: left;
	width: 500px;
	height: auto;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#login-sub-row {
	float: left;
	width: 500px;
	height: auto;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;

}

#login-row2 {
	float: left;
	width: 500px;
	height: auto;
	margin: 0px;
	padding: 10px 0px;
	text-align: left;
}

#login-label {
	float: left;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	text-transform: uppercase;
}

#login-item {
	float: left;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px 15px 0px 0px;
	color: #FFF;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	text-transform: uppercase;
}

#login-item a {
	margin: 0px;
	padding: 0px;
	color: #036;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	text-transform: uppercase;
}

#login-btn { 
	display: block;
	float: left;
	height: 23px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	background-color: #036;
	border-color: #181818;
}

#login-btn a { 
	display: block;
	font-size: 10px;
	line-height: 22px;
	padding: 0px 0px 0px 0px;
	margin: 1px 1px 1px 1px;
	color: #FFF;
	background-color: #900;
	text-decoration: none;
}

#invalid-login { 
	color: #FE0232;
	font-size: 10px;
	text-transform: uppercase;
}


#error 
{
	color:red;	
}


#sub-header {
	display: block;
	float: left;
	height: 260px;
	width:1000px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	white-space: nowrap;
	background-color: #181818;
	background-image: url('../images/site-style/middlebury_site_sub_header.gif');
	background-repeat: no-repeat;
}

#sub-header-video {
	display: block;
	float: left;
	height: 250px;
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}

#sub-header-login-container {
	display: block;
	float: left;
	height: 50px;
	width: 520px;
	padding: 20px 0px 0px 98px;
	margin: 0px 0px 0px 0px;

}

#login-main-banner {
	display: block;
	float: left;
	height: 100px;
	width: 1000px;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;

}

#login-section {
	display: block;
	float: left;
	height: 20px;
	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	white-space: nowrap;

}

#signup-section {
	display: block;
	float: left;
	height: 20px;
	width: 220px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	white-space: nowrap;
}



#login-btn a:hover { color: #FFF; background-color: #900; }

.login-note { 
	font-size: 10px;
	line-height: auto;
	font-weight: bold;
	color: #D0D0D0;
	text-decoration: none;
}

.login-btn-red { 
	display: block;
	font-size: 10px;
	line-height: 12px;
	padding: 0px 10px;
	margin: 1px;
	color: #FFF;
	background-color: #FFF;
	text-decoration: none;
}

.login-red { 
	display: block;
	font-size: 10px;
	line-height: 18px;
	padding: 0px 6px;
	margin: 1px;
	color: #FFF;
	background-color: #900;
	text-decoration: none;
}