@charset "utf-8";
/* CSS Document */

/* CSS Document */

/* UNDO Html */
ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }


/* Reworked Tags */	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	cursor: auto;
	color: #000000;	
	background-color: #a6d4ec;
	line-height: 150%;
}

a,
a:visited  {
	text-decoration: none;
	color: #1f627d;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

/* Page */

#wrapper {
	width: 966px;
	margin: 0 auto;
	background: url(images/content-bg.jpg);
}

#page {
	padding: 0 25px;
}

#header {
	padding: 10px 0 0;
}

.logo {
	float: left;
	margin: 10px 0 0;
}

.horizontalLine {
	float: none;
	border-top: 1px solid #bdbdbd;
	margin: 89px 20px 0 0;
}

.nav ul {
	float: right;
	margin: -40px 20px 0 0;
}

.nav li{
	font-size: 1.8em;
	display: inline;
	text-align: left;
	font-weight: bold;
	position: relative;
	z-index: 100;
}

.nav li a,
.nav li a:visited {
	color: #868686;
}

.nav li a:hover {
	color: #3b8ec2;
	text-decoration: none;
}

.navSeparator {
	display: inline;
	padding: 0 10px;
}

/* Content */
#content {
	margin: 15px 0 0;
	font-size: 1.2em;
}

.pageTitle {
	margin-bottom: 20px;
}

h3 {
	color: #3b8ec2;
	font-size: 1.2em;
}

.subHead {
	margin: 20px 0 10px;
	color: #3b8ec2;
}

.videosCol {
	float: left;
	width: 590px;
	border-right: 1px solid #bdbdbd;
}

.videosColNoBorder {
	float: left;
	width: 450px;
}

.col440 {
	float: left;
	width: 445px;
}

.col590 {
	float: left;
	width: 590px;
	min-height: 550px;
}

.col590 p {
	margin-bottom: 16px;
	line-height: 150%;
	padding-right: 20px;
}

.videosALL {
	float: left;
	width: 440px;
}

.video1, 
.video2,
.video3{
	float: left;
	width: 122px;
	margin: 0 35px 0px 0;
}

.videoLast {
	margin-right: -100px;
}

.videoTitleSmall {
	font-size: 1.1em;
	margin: 4px 0
	font-weight: bold;
	color: #3b8ec2;
	height: 50px;
}


.videosNav {
	float: left;
	width: 145px;
}

.sendYouVideoBox {
	margin-top: 50px;
}

.blogCol {
	float: left;
	width: 286px;
	margin-left: 20px;
}

.thumbnail {
	margin: 10px 21px 10px 0;
	border: solid 2px #3B8EC2;
}

.thumbnail2 {
	margin: 10px -2px 10px 0;
	border: solid 2px #3B8EC2;
}

.thumbnail a {
	position: relative;
	z-index: 100;
}

/* Forms */
#beABetterPlace { /* Delete for live site */
	background: none;
	margin: 50px;
}

#beABetterPlace p {
	font-size: 1.2em;
	margin-bottom: 2px;
}


.textfield {
	border: 1px solid #ccc;
	width: 450px;
	height: 23px;
	padding: 3px 0 0 2px;
}

.captchaField{
	border: 1px solid #ccc;
	width: 136px;
	height: 23px;
	padding: 3px 0 0 2px;
}

.textArea {
	border: 1px solid #ccc;
	width: 450px;
	height: 250px;
	padding: 3px 0 0 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.button input {
	border: 1px solid #ccc;
	width: 50px;
}

.hidden {
	display: none;
}

.videoTitle {
	font-size: 1.3em;
	margin: 16px 0 8px;
	font-weight: bold;
	color: #3b8ec2;
}

.user {
	font-size: 1.0em;
	margin-bottom: 2px;
}

.comments {
	margin-bottom: 24px;
	font-style: italic;
	color: #333;
	line-height: 150%;
}

.commentsMain {
	margin-bottom: 48px;
}

.comments p {
	margin-bottom: 16px;
}
	
.commentPreview {
	padding-right: 20px;
}

.rule-separator {
	border-top: dashed 1px #666666;
	margin: 20px 0 10px 0;
	}

.blogLinks {
	float: right;
	margin: -30px 10px 30px 0;
	font-weight: bold;
}

.blogLinksMain {
	float: right;
	margin: -50px 30px 50px 0;
	font-weight: bold;
}

.captcha {
	margin-bottom: 50px;
}

.videoDescription {
	margin: 0 10px 40px 0;
}

.videoDescriptionSeparator{
	border-top: dashed 1px #BDBDBD;
	width: 425px;
	margin: -25px 0 25px;
	}


.instructions {
	font-style: italic;
	color: #666;
}

.saef label {
	font-size: 1.1em;
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
	color: #666;
}

.checkboxText{
	color: #666;
}

.saef input {
	border: 1px solid #ccc;
	width: 560px;
	height: 23px;
	padding: 2px 0 0 2px;
	margin-bottom: 20px;
	}

.saef textarea {
	border: 1px solid #ccc;
	width: 560px;
	height: 80px;
	margin-bottom: 20px;
	line-height: 150%
	}
	
.button {
	padding: 4px 12px;
	background-color: #ccc;
	border: 1px solid #999;
	margin-right: 50px;
	cursor: hand;
	cursor: pointer;
}

#comment_form p {
	margin-bottom: 10px;
}

.checkbox {
	margin-right: 5px;
}

/* Blogs */
.blogTitle {
	font-weight: bold;
	margin-bottom: 4px;
}


/* QOTD */
.qotd {
	background-color: #24c8d2;
	padding: 8px;
	margin-bottom: 30px;
	#padding-bottom: 20px;
}

.quote {
	font-size: 1.3em;
	color: #FFF;
	line-height: 150%;
	padding-bottom: 8px;
	font-weight: bold;
	display: inline;
}

.author {
	font-size: 1.1em;
	color: #FFF;
	float: right;
	padding: 36px 0 4px;
	#margin: -55px 8px 0 0;
	font-weight: bold;
}

/* Login */
.loginRegister li {
	margin: 15px 0 0 25px;
	list-style: disc;
	font-size: 1.1em;
}

.loginRegister a,
.loginRegister a:visited {
	color: #3B8EC2;
}

.loginRegister a:hover {
	color: #000;
}

.loginRegisterHeader {
	font-size: 1.2em;
	float: right;
	margin-right: 20px;
}

.loginRegisterHeader li {
	display: inline;
	list-style: none;
	color: #666;
}

.loginRegisterHeader a,
.loginRegisterHeader a:visited {
	color: #666;
}

.loginRegisterHeader a:hover {
	color: #000;
}


/* Contact */
.form-col-1 {
	float: left;
	width: 120px;
	margin-top: 10px;
	}
	
.form-col-1b {
	float: left;
	width: 120px;
	margin-top: 10px;
	font-size: 1.2em;
	}
	
.form-col-2 {
	float: left;
	width: 300px;
	margin-top: 10px;
	}

.form-col-2 input {
	min-height: 20px;
	width: 300px;
	}

.form-col-2 textarea {
	width: 300px;
	height: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

.errorText {
	color: red;
	margin: 5px 0 0px 0;
	}
	
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; margin: -15px 0 15px;}