@charset "UTF-8";
/* Dreamweaver Tricks CSS Document */



body {
	background-image:url(images/banner-bg.jpg);
	background-repeat:repeat-x;
	margin:0;
	}

/**** Headings ****/

h1,.h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#8aa637;
	margin:0;
	padding:0;
}

.storytitle a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#8aa637;
	margin:0;
	padding:0;
}

h2,.h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#006699;
	margin:0;
	padding:0;
}

h3,.h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#006699;
	margin:0;
	padding:0;
}

h4,.h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#8aa637;
	margin:0;
	padding:0;
}


/**** Content Text ****/

p,.content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#333333;
	line-height:1.7em;
}

.largeWhite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#CCCCCC;
	margin:0;
	padding:0;
}
.smallWhite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CCCCCC;
	margin:0;
	padding:0;
}

.smallcontent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#333333;
	line-height:1.5em;
}


/**** ID Tags ****/

#bodyContainer {
	width:980px;
}

#topNav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	float:right;
	color:#ececec;
	margin:0;
	padding-top:50px;
}

.border {
	border:1px solid #999999;
}

#logo {
	background-image:url(images/dreamweaver-logo.jpg);
	background-repeat:no-repeat;
	float:left;
	width:660px;
	height:104px;
	text-indent:-999em;
	margin-left:50px;
}

#watch-btn {
	background-image:url(images/watch-movie.jpg);
	background-repeat:no-repeat;
	width:153px;
	height:46px;
	position:absolute;
	text-indent:-999em;
	left: 828px;
	top: 150px;
}

#container {
	width:980px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
	padding-bottom:10px;
}

#sideNav-bg {
	width:180px;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #959595;
	margin:20px 0 0 15px;
	padding:0;
}

#sideNav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	width:160px;
	margin:10px;
}

#middle {
	float:left;
	width:598px;
	margin:67px 15px 15px 15px;
	padding:0;
}

#rightCol {
	float:left;
	width:153px;
	margin:67px 0 0 0px;
	padding:0;
}


#footer {	
	background-image:url(images/footer-bg.jpg);
	background-repeat:repeat-x;
	background-color:#1d1d1d;
	height:76px;
	margin:0;
	clear:both;
	bottom:0px;
	width:100%;
}

#footer p {
	margin:0;
}

#footerText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#ececec;
	margin:0;
	padding:15px;
}

#footerText a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#ececec;
	text-decoration:none;
}

#footerText a:visited {
	color:#ececec;
	text-decoration:none;
}

#footerText a:hover {
	color:#9ebf3a;
	text-decoration:none;

}

#footerText a:active {
	color:#ececec;
	text-decoration:none;

}
/**** List Items ****/



/**** Side Nav ****/

ul.sideNav {
	list-style:none;
	margin:0 0 0 10px;
	padding:0px;
}

ul.sideNav li {
	padding-bottom:8px;
}

ul.sideNav li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	width:160px;
	text-decoration:none;
	cursor:pointer;
	
}

ul.sideNav li a:visted {
	color:#333333;
	text-decoration:none;

}
ul.sideNav li a:hover {
	color:#006699;
	text-decoration:underline;

}
ul.sideNav li a:active {
	color:#333333;
	text-decoration:none;

}

/**** Top Nav ****/

ul.nav {
	list-style:none;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
}

ul.nav li {
	display:inline;
	padding-left:25px;
}

ul.nav li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ececec;
	width:160px;
	text-decoration:none;
	cursor:pointer;
	
}

ul.nav li a:visted {
	color:#ececec;
	text-decoration:none;

}
ul.nav li a:hover {
	color:#9ebf3a;
	text-decoration:none;

}
ul.nav li a:active {
	color:#ececec;
	text-decoration:none;

}

a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:160px;
	color:#006699;
	text-decoration:none;
}
a:visited {
	color:#006699;
	text-decoration:none;
}
a:hover {
	color:#006699;
	text-decoration:underline;
}
a:active {
	color:#006699;
	text-decoration:none;
}


ul.tutorial {
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	width:500px;
}

ul.tutorial li {
	border-bottom:#CCCCCC 1px solid;
	padding:5px;
}



.meta {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#333333;
	margin:0;
}

.meta a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#006699;
	margin:0;
}

/*** Forms ***/

ul.forms {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.forms li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#006699;
	margin:0;
	padding-bottom:5px;
	line-height:1.6em;
}

form input.textfield {
-x-system-font:none;
border:1px solid #608681;
color:#FFFFFF;
font-family:Tahoma,arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:100;
line-height:1;
padding:4px;
}

select, select.dropdown {
background:#232323 scroll;
border:1px solid #608681;
color:#FFFFFF;
padding:4px;
}

form label, form label.dropdown {
-x-system-font:none;
color:#FFFFFF;
display:block;
font-family:"lucida grande","lucida sans unicode","lucida sans",arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0.5em 0;
}