/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
	background: #ccc;
}
body {
	width: 100%;
	height: 100%;
	font-size: 11px;
	/* reset font-sizes to 1em == 10px */
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Verdana,Helvetica,sans-serif;
	list-style:none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

/* Layout CSS */
#wrapper {margin:0px auto;
	  width:800px;
	  background: #fff;
}
#Main {
	margin:0px auto;
	width:800px;
	background: url(../images/homepage_bg.png) no-repeat top center;
}
#Page {
	margin:0px auto;
	width:800px;
	background: url(../images/page_bg.png) no-repeat top center;
}
#Header {
	clear:left;
	text-align: center;
	margin: 0;
	padding: 0;
}
#Header h1 {
	color:#000;
	font-size:1.5em;
	line-height:4.5em;
	padding: 0px;
}
#BEUnlimited_logo {
	clear: both;
	padding:10px 50px 0 0;
	width: 150px;
	float: left;
}
#Menu1.home_menu { display: inline; padding: 10px 0; margin: 90px 0 0 2em; height: 34px; }
#Menu1.menu { display: inline; padding: 10px 0; margin: 40px 0 0 2em; height: 34px; }
#Menu1 li { display: inline; text-align: center; padding: 2px 5px; margin: 0 10px; border: 1px solid #fff; font-weight: bold;}
#Menu1 li a:link, #Menu1 li a:visited { display: inline; color: #1C5D00; text-decoration: none; padding: 0 15px;}
#Menu1 li a:hover { background-color: #fff;} 
#Menu1 li.current a:link, #Menu1 li.current a:visited, #Menu1 li.current a:hover { color: #1C5D00; background-color: #fff; }

#ContentContainer {
	padding-top:180px;
	padding-bottom:60px;
	overflow: visible;
	eight: 550px;
	float: left;
	width: 796px;
}
#Page #ContentContainer {padding-top:115px;}
#Page #Header H1 {display: none; }

#Content {
	clear:left;
	margin: 0px 5px 0px 5px;
	width:98%;
	background: url(../images/trans_bg.png) repeat; 
	padding: 0px 5px 0px 5px;}

#Header.hdr_homepage h1 {display: none; }
#Main #left_side {width: 180px; float:left; margin: 500px auto auto 5px;}
#Page #left_side {width: 180px; float:left; margin: 25px auto auto 5px; text-align: center; }
#right_side {width: 600px; float:right; margin-top: 20px; }
#signup , #header_signup {margin:37px 80px 5px 25px;
		width: 280px;
		float: right;
		color: #fff;
		font-size: 10px;
		text-align: right;
		font-weight: bold;
		text-align: right;
		vertical-align: top; }
#signup form *, #header_signup form * { display:inline !important; }
		
#signup {	margin: 15px 0px 15px 220px;
		margin-right: 75px;
		}
		
#signup .action, #header_signup .action { vertical-align: top; *vertical-align: text-top;} 
		
#highlights {clear: both;
		margin: 15px 0px 15px 280px;
		margin: 15px 0px 15px 130px;
		adding: 0 50px 0 0;
		width: 395px; 
		color: #fff;
		font-size: 10pt;
		text-align: right;
		font-weight: bold;
		margin-right: 60px;}
	#highlights p {margin-bottom: 10px;}	
	#highlights span.emphasis {font-size: 18pt;}
	#highlights span.emphasis1 {font-size: 16pt;}
#homepage_workshop {		
	margin: 15px 0px 15px 410px;
	margin: 15px 0px 15px 260px;
	width:250px;
	background: url(../images/trans_bg.png) repeat; 
	padding: 5px;
	text-align: center;}
#homepage_workshop h1 {background-color: #F9DA06; 
	text-transform: uppercase; 
	font-size: 15pt; 
	padding: 10px;
	color:#1C5D00;
	font-weight:bold;
	text-align: center;}
#homepage_workshop h2 {
	font-size: 12pt; 
	padding: 10px;
	color:#000;
	font-weight:bold;
	text-align: center;}
#homepage_workshop label, #homepage_workshop input {
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 10px;
}
#homepage_workshop input.submit {color: #1C5D00; font-weight: bold; background-color: #F9DA06; }

#homepage_workshop label {
	text-align: right;
	width: 75px;
	padding-right: 10px;
	font-weight: bold;
}

#homepage_workshop br {
	clear: left;
}
#homepage_testimonials {width: 180px; text-align: center; font-style:italic; }
#homepage_testimonials img {width: 150px; border: 2px solid #1C5D00; }
#homepage_testimonials p {padding-bottom: 5px;} 
#homepage_testimonials a {color: #1C5D00; text-decoration:underline;}
	#homepage_testimonials a:hover {text-decoration:none;}

#Banner {
	text-align: center;
}

#Menu2 {
	margin-left: 20px;
	width: 17em;
	float:right;
	background:#f0f0f0;
	border:1px solid #ddd;
	padding:10px 10px 10px 10px;
}
	#Menu2 li {
		padding-left:0px;
		list-style-type: disc;
		color: #52647E;
		ist-style-type: none;
		ckground:url(../images/menu2_arrow.gif) no-repeat left center;
	}
	#Menu2 a {
		color:#333;
		font-weight:bold;
		font-size:10px;
		line-height:12px;
		text-decoration:none;
	}
	#Menu2 a:hover {
		text-decoration:underline;
	}
	#Menu2 li.current a,
	#Menu2 li.section a {
		color:#0083C8;
	}


div.breadcrumbs {
	margin-bottom:10px;
	font-size:1em;
	color:#666;
}
div.breadcrumbs a {
	text-decoration:none;
}

#Footer {
	clear:both;
	text-align:center;
	border-top: 1px solid #1C5D00;
	color: #1C5D00;
	background: url(../images/trans_bg.png) repeat; 

}
	#Footer a {
		font-weight: bold;
		color: #1C5D00;
	}
	#Footer a:hover {
		text-decoration:none;
	}



/* The rest of this file is for the second tutorial */
#NewsList,
#StaffList {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#NewsList li,
#StaffList li {
	margin: 0;
	list-style-type: none;
}
	#NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		#NewsList li.newsDateTitle a:hover {
			border-bottom:1px dotted #0083C8;
		}
		
	#NewsList li.newsSummary {
		margin-bottom:20px;
	}
		#NewsList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#NewsList li.newsSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#StaffList .staffname { 
	clear: both;
	padding-left: 60px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}     
#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 60px;
	margin-bottom:30px;
}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}

#BrowserPoll {
	width: 200px;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}
#BrowserPoll h2 {
	color:#0083C8;
	font-size:1.2em;
}
#BrowserPoll ul {
	margin: 0;	
}
#BrowserPoll li {
	list-style-type: none;
	margin: 0;
}
#BrowserPoll .browser {
	color:#333;
	line-height:1.5em;
	font-size:1.1em;
}
#BrowserPoll .bar {
	background-color: #015581;
}
#BrowserPoll form {
	width:100%;
}
	#BrowserPoll form fieldset{
		border:0;
	}
		#BrowserPoll .message {
			color:red;
			background:#ddd;
			border:1px solid #ccc;
			padding:5px;
			margin:5px;
		}
		#BrowserPoll span.message {
			width: 100%;
		}
		#BrowserPoll form div {
			margin-top:10px;
			width:100%;
		}
		#BrowserPoll form label {
			font-size:1.1em;
			color:#333;
		}
			#BrowserPoll form label.left {
				float:left;
			}
			#BrowserPoll form label.FormHeading {
				font-size:1.3em;
				color:#ff7200;
				font-weight:bold;
			}
		#BrowserPoll form input.text,
		#BrowserPoll form textarea,
		#BrowserPoll form select {
			width:100%;
			color:#000;
			background:#f8f8f8;
			border:1px solid #aaa;
			padding:3px;
		}
		
		#BrowserPoll form input.numeric {
			width:20px;
			background:#f0f0f0;
			border:1px solid #aaa;
			padding:3px;
			color:#000;
			margin-right:4px;
		}
		#BrowserPoll form input.year {
			width:35px;
		}
		#BrowserPoll form p.Actions {
			text-align:right;
			padding:0 22px 15px 0;
		}
			#BrowserPoll form p.Actions input {
				padding:2px;
			}
		#BrowserPoll form ul.optionset {
			padding-top: 15px;
			padding-left: 15px;
		}
			#BrowserPoll form ul.optionset li {
				list-style-type: none;
			}

.searchResults h2 {
	font-size:2.2em;
	font-weight:normal;
	color:#0083C8;
	margin-bottom:15px;
}
.searchResults p.searchQuery {
	color:#333;
	margin-bottom:10px;
}

.searchResults ul#SearchResults li {
	margin-bottom:20px;
}
	ul#SearchResults p {
		font-size:1.1em;
		font-weight:normal;
		line-height:2em;
		color:#333;
	}
	ul#SearchResults a.searchResultHeader {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		margin:20px 0 8px 0;
		padding-left:20px;
		background:url(../images/treeicons/search-file.gif) no-repeat left center;
	}
		ul#SearchResults a {
			text-decoration:none;
			color:#0083C8;
		}
		ul#SearchResults a:hover {
		border-bottom:1px dotted #0083C8;
		}
#side_bar { padding: 4px 0 0 5px; margin: 0 0 10px 5px; float: right; width: 40%; border-left: 1px dashed #1C5D00; border-bottom: 1px dashed #1C5D00; text-align: center; }
#product_promo {font-size: 12px; letter-spacing: -1px; background-color: #F9DA06; border: 1px dashed #fff; padding: 7px 5px; color: #1C5D00; margin: 10px 2px; 	font-style: normal;}
#product_promo a {font-weight: bold; color: #1C5D00; }
	#product_promo a:hover {text-decoration:none;}