/* Coding by Raphael Caixeta & Josh Craddock */

* { margin: 0; padding: 0; outline: none; }
.clear { clear: both; }

a { outline: none; color: #0000FF; text-decoration: none; }

a:visited { color: #0000FF; text-decoration: none; }

a img { border: none; }

body {
background: #f1f1f1;
color: #6e6e6e;
font-family: Lucida Grande, Arial;
padding-bottom: 20px;
}

#top-bar {
height: 52px;
background: #ffffff;
border-bottom: 2px solid #ebebeb;
}
	#thedate {
	float: left;
	font-size: 12px;
	line-height: 52px;
	padding: 0 0 0 20px;
	}
	
	#log-in {
	float: right;
	margin: 12px 12px 0 0;
	display: inline;
	}
	
		#log-in label {
		font: normal 12px Georgia, "Times New Roman", Times, serif;
		text-transform: uppercase;
		}
	 
	#welcome { float: right; font: normal 12px Georgia, "Times New Roman", Times, serif; line-height: 52px; padding: 0 20px 0 0; }
	
	.bar {
	width: 172px;
	height: 21px;
	background: url(images/bar.png) no-repeat;
	border: 1px solid #6e6e6e;
	color: #969696;
	font: normal 12px Lucida Grande, Arial;
	padding: 7px 7px 0 7px;
	}
	
	#log-in-input {
	background: #FFFFFF;
	height: 28px;
	width: auto;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	border: none;
	color: #6e6e6e;
	}

#container {
width: 827px;
margin: 0 auto;
padding: 100px 0 0 0;
}

.logout-link { font: bold 14px Georgia, "Times New Roman", Times, serif; color: #6e6e6e; }

.logout-link a { color: #6e6e6e; text-decoration: none; text-decoration: none; }

#container h1 {
font: bold 72px Georgia, "Times New Roman", Times, serif;
float: left;
height: 72px;
}

	#container h1 a { color: #6e6e6e; text-decoration: none; }
	#container h1 span { color: #b9b9b9 !important; }

#container h2 {
font: bold 10px Lucida Grande, Arial;
float: right;
color: #b9b9b9;
margin: 59px 0 0 0;
}

#main {
width: 789px;
background: #FFFFFF;
border: 2px solid #ebebeb;
padding: 17px;
}
	

#left {
width: 406px;
float: left;
border-right: 2px solid #f4f4f4;
}

#left_single { 
width: 406px;
float: left;
}

	#left label, #left-log-in label {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	display: block;
	}

	#left_single label, #left-log-in label {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	display: block;
	}
	
	.leftleft {
	width: 200px;
	float: left;
	margin-right: 17px;
	margin-bottom: 17px;
	}

	.leftleftx {
	width: 230px;
	float: left;
	margin-right: 17px;
	margin-bottom: 17px;
	font-size: 12px;
	}

	.leftleftzeep {
	width: 470px;
	float: left;
	margin-right: 17px;
	margin-bottom: 17px;
	font-size: 12px;
	}
	
	.leftleftx input { margin-top: 10px; margin-left: 10px; }
	
	.leftleftx select { margin-top: 10px; margin-bottom: 10px; }
	
	.leftright {
	width: 186px;
	float: left;
	margin-bottom: 17px;
	}

#right {
width: 364px;
float: right;
padding-left: 17px;
}
	#main h3 { font: bold 19px Lucida Grande, Arial; }
	#orange { color: #ffccc4; text-decoration: underline; margin-bottom: 17px; }
	.orange { color: #ffccc4; text-decoration: underline; margin-bottom: 17px; }
	#orange span { color: #ff553c; }
	#green { color: #d6ebc9; text-decoration: underline; }
	#green span { color: #76be4b; }

#right p {
text-align: justify;
font: normal 12px Georgia, "Times New Roman", Times, serif;
line-height: 21px;
margin: 14px 0 14px 0;
}

#main h4 a { height: 38px; display: block; outline: none; }
#main h4 span { display: none; }
	#tourx { width: 79px; background: url(images/tx.png) no-repeat; float: left; margin-right: 10px; }
	#sign-up { width: 98px; background: url(images/sign-up.png) no-repeat; float: left; }
	#sign-up2 { width: 98px; height: 38px; padding: 0; border: none; background: url(images/sign-up2.png) no-repeat; float: left; color: #FFF; font-size: 1px; }
	.button { width: auto; border: 2px solid #f1f1f1; -moz-border-radius: 3px; background: #FFF; color: #ff3020; font-weight: bold; padding: 5px; }
	
	#login-bg { width: 98px; height: 38px; padding: 0; border: none; background: url(images/l-bg.png) no-repeat; float: left; color: #FFF; font-size: 1px; }
	#reset-bg { width: 98px; height: 38px; padding: 0; border: none; background: url(images/reset-bg.png) no-repeat; float: left; color: #FFF; font-size: 1px; }
	
	
	#create { width: 90px; background: url(images/create.png) no-repeat; margin-bottom: 17px; }
	#save-changes { width: 141px; background: url(images/savechanges.png) no-repeat; margin-bottom: 17px; }
	

/*Logged In*/
#left-log-in {
width: 543px;
float: left;
}
	#panel { float: left; }
	#you-have { float: right; font: normal 12px Georgia, "Times New Roman", Times, serif; }
	#you-have strong { font-size: 17px; }

#reminders {
border-top: 2px solid #f4f4f4;
}

.reminder {
border-bottom: 2px solid #f4f4f4;
padding: 12px 0 17px 0;
}

.title {
float: left;
font: bold 17px Georgia, "Times New Roman", Times, serif;
width: 420px;
}
	.title strong { color: #b9b9b9; font-size: 30px; }

.delete { margin-left: 14px; background: url(images/delete.png) no-repeat left; height: 14px; padding-left: 19px; }
.edit { background: url(images/edit.png) no-repeat left; height: 14px; padding-left: 20px; }

.edit, .delete {
float: right;
font: normal 11px Georgia, "Times New Roman", Times, serif;
color: #6e6e6e;
font-style: italic;
margin-top: 5px;
}
	.edit a, .delete a { color: #6e6e6e; text-decoration: none; }
	.edit a:hover, .delete a:hover { text-decoration: underline; }

.date { font-size: 11px; float: left; margin-right: 17px; margin-top: 5px; }
.time { font-size: 11px; float: left; margin-top: 5px; }

.datetime { float: left; }
.check { float: right; font: normal 11px Georgia, "Times New Roman", Times, serif; font-style: italic; }


#sidebar {
width: 229px;
float: right;
background: #ebebeb;
}
	#sidebar h5 {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	padding: 17px;
	}

.sidebar-links {
width: 177px;
background: url(images/sidebar-links-top.png) #FFFFFF no-repeat;
margin: 0 auto;
padding: 14px 17px 2px 17px;
}
	.sidebar-links li {
	list-style: none;
	background: url(images/arrow.png) left top no-repeat;
	padding-left: 20px;
	font-size: 11px;
	height: 20px;
	}
	.sidebar-links li a { color:#6e6e6e; text-decoration: none; }
	.sidebar-links li a:hover { color: #d6ebc9; text-decoration: underline; }
	.sidebar-links li a:hover span { color: #76be4b; }
	.sidebar-links li a span { color: #6e6e6e; }

#sidebar-bottom {
width: 229px;
height: 19px;
background: url(images/sidebar-links-bottom.png) no-repeat;
}

#minutes, #hours, #day, #month  { margin-right: 5px; }
#minutes, #hours, #time, #day, #month, #year { float: left; margin-top: 5px; }

#left-b {
border-top: 2px solid #f4f4f4;
border-bottom: 2px solid #f4f4f4;
padding: 17px 0 0 0;
}

.yy {
width: 32px;
height: 21px;
background: url(images/bar.png) no-repeat;
border: 0;
color: #969696;
font: normal 12px Lucida Grande, Arial;
padding: 7px 7px 0 7px;
float: left;
margin-right: 5px;
border-right: 1px solid #f4f4f4;
}

.resend {
font: bold 12px Georgia, "Times New Roman", Times, serif;
margin-top: 22px;
}

	.resend a { color:#76be4b; text-decoration: none; }
	.resend a:hover { color: #d6ebc9; text-decoration: underline; }
	.resend a:hover span { color: #76be4b; }
	.resend a span { color: #76be4b; }	

#star { font: normal 12px Georgia, "Times New Roman", Times, serif; font-style: italic; margin-bottom: 17px; }

.error {
border: 2px solid #f4f4f4;
padding: 17px;
margin-bottom: 17px;
}

.error-home {
border: 2px solid #f4f4f4;
padding: 10px;
margin-bottom: 15px;
width: 365px;
color: red;
}

	.error-home li {
	list-style: inside;
	font-size: 11px;
	}


	.error li {
	list-style: inside;
	font-size: 11px;
	}

#tour {
width: 789px;
}
#video { height: 622px; margin-bottom: 17px; }

#faq {
font: normal 12px Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
}
#faq li { list-style: inside; line-height: 19px; }
#faq li a { color: #6e6e6e; }

#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10 { display: none; font: normal 12px Lucida Grande, Arial; text-transform: none; margin-bottom: 10px; margin-left: 5px; margin-top: 10px; }

#leftpro { float: left; width: 500px;  }
#leftpro p { font-size: 11px; line-height: 19px; }

#leftpro ul { margin-top: 17px; margin-bottom: 17px; }
	
	#leftpro li {
	color: #76be4b;
	font: bold 15px Lucida Grande, Arial;
	line-height: 24px;
	list-style: inside;
	}
	
	.leftpro-img {
	width: 204px;
	height: 154px;
	border: 2px solid #b9b9b9;
	margin-top: 17px;
	margin-right: 17px;
	float: left;
	}
	
	.leftpro-img:hover { border: 2px solid #6e6e6e; }
	
	.leftpro-img img {  
	width: 200px;
	height: 150px; 
	border: 2px solid #FFFFFF;
	}

#footer {
margin-top: 5px;
}

#footer-left {
float: left;
font-size: 12px;
}

#footer-right { 
float: right;
font-size: 11px;
}
	#footer-right li {
	list-style: none;
	float: left;
	margin-right: 5px;
	}
	#footer-right li span { padding-left: 5px; }
	#footer-right li a { color: #6e6e6e; text-decoration: none; }
	#footer-right li a:hover { text-decoration: underline; }