body {
 font-family: Verdana, Arial, sans-serif;
 font-size:76%; 
 color:#454545;
 margin:0px;
 padding:0;
}

p {
	line-height: 1.2em;
}

img {border:0;}
form, fieldset {margin:0;padding:0;border:0;}



/* navigation
--------------------------------------------*/

#nav {
 list-style: none;
 padding:0;
 font-size:15px;
 background:#FFF;
 float:right;
 display:block;
 border: 0px;
 width: 520px;
}

#nav li {
 float: left;
 padding: 0;
 list-style: none;
 border: 0px;
}

#nav a {
 float: left;
 padding: 10px;
 margin:0 20px 0 5px;
 font-weight:normal;
 font-family: Trebuchet MS, verdana, arial sans-serif;
 text-decoration: none;
 color:#790033;
}

#nav a:hover {
 color:#EE4206;
}


/* MAIN LAYOUT -------------------------------- */

#logo {
	border: 0px;
	float: left;
}

#top {
	background: #790033 url(../images/stripe_bg_new_2.jpg) repeat-x top;
	border-top: 6px solid #eaeaea;
	border-bottom: 6px solid #eaeaea;
	margin-top: 20px;
	overflow: hidden;
}

#top p {
	background: transparent;
	color: white;
	font-size: 140%;
}

#top h2 {
	color: silver;
	font-size: 160%;
}

#bsl_clip {
	margin-bottom: 20px;
}

.text {
	border: 0px;
	float: left;
	width: 470px;
	margin-top: 20px;
	margin-left: 20px;
}

.text_full_width {
	border: 0px;
	float: left;
	width: 100%;
	margin-top: 20px;
}

.wrapper {
	border: 0px;
	width: 900px;
	margin:auto;
	margin-top: 20px;
	margin-left: 30px;
	overflow: hidden;
}

#bsl_intro_clip {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
}

#bsl_assessment_intro_clip {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
}

#bsl_sidebar_clip {
	float: left;
	margin-bottom: 20px;
}

#bsl_intro_clip_middle {
	margin-top: 20px;
	border: solid silver 1px;
	width: 500px;
	height:300px;
	margin-left: 170px;
}

#browser_check {
	margin-top: 20px;
	border: solid silver 1px;
}

#video_shaddow {
	float: right;
	width: 20px;
	height: 304px;
	background: url(../images/video_shadow.gif) center no-repeat;
	border: 0px;
	margin-top: 20px;
}

.content_middle {
	background: #EAEAEB;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
	height: 100%;
	border: solid silver 2px;
	margin-bottom: 20px;
}

.content_middle h2 {
	border-bottom: solid silver 1px;
	padding-bottom: 10px;
}

.content_middle p {
	line-height: 1.7em;
}
.left {
	width: 420px;
	float: left;
	overflow: hidden;
}

.right {
	width: 400px;
	float: right;
	overflow: hidden;
}

/* LOGIN AND REGISTER FORMS -------------------------------- */

.login_label {
	display: block; 
	width: 120px;
	text-align: right;
	border: 0px;
	float: left;
	clear: left;
	padding: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

.login_text_field {
	display: block; 
	width: 200px;
	text-align: right;
	border: solid silver 1px;
	float: right;
	padding: 15px;
	margin-bottom: 10px;
}

.loginbutton {
	width: 60%;
	margin-left: 80px;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	background: url(../images/button_bg.jpg) white repeat-x bottom;
	border: solid silver 1px;
}

.regbutton {
	width: 70%;
	margin-left: 120px;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	background: url(../images/button_bg.jpg) white repeat-x bottom;
	border: solid silver 1px;
	clear: both;
}

.register_label {
	display: block; 
	width: 140px;
	text-align: right;
	border: 0px;
	float: left;
	clear: left;
	padding: 15px;
	margin-bottom: 10px;
	margin-left: 100px;
	font-weight: bold;
}

.register_text_field {
	display: block; 
	width: 400px;
	text-align: right;
	border: solid silver 1px;
	float: right;
	clear: right;
	padding: 15px;
	margin-bottom: 10px;
	margin-right: 150px;
}


.hidden {
	display: none;
}

div.flash {
  padding: 10px 20px;
  color: white;
  width: 70%;
  margin:0 auto 0px;
}

div.flash p {
  color: white;
}

div#error.flash {
  background: #cc0000;
  padding-left: 20px;
  border-left: solid red 5px;
}