﻿/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END OF RESET */




/*TEMPLATE*/
html {
     overflow: -moz-scrollbars-vertical;
}

body
{
	background-color: #fff;
	font-size: 12px;
	text-align:center;
	color:#353535;
}

a {text-decoration:none;color:#033773;}
a:hover {text-decoration:underline;}

div.dotted_line{background:url(../Images/Template/dotted_line.gif) repeat-x;height:13px;}

div#Main
{
	margin:0 auto;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	width:1009px;	
	background: #FEFEFE url(../Images/Template/background.jpg);
}

div#Header
{
	width:961px;
	height:160px;
	background: url(../Images/Template/background_header.jpg) no-repeat;		
	margin-bottom:10px;
}

div#Header ul
{
	position: relative;
	top:130px;	
	left:18px;
	float:left;
}

div#Header ul li{list-style-type:none;float:left;}
div#Header ul li a{color:#1B8457;font-weight:bold;text-decoration:none;margin-right:46px;}
div#Header ul li a:hover {text-decoration:underline;}

div#Content {float:left;width:600px;}
div#Content div.wrapper {padding:0 0 0 18px;float:left;}

div#Content table th {vertical-align:top; border:1px solid black;background:#D8EAE1;padding:3px;}
div#Content table td {vertical-align:top; border:1px solid black;padding:3px;}

div#Footer {clear:both;}
div#Footer div.wrapper{padding:0 0 0 28px;}

div#Footer {width:961px;height:390px;background:url(../Images/Template/background_footer.jpg);}
div#Footer div#AllVideos{font-size:18px;position:relative;top:53px;left:28px;}
div#Footer div.dotted_line {width:800px;position:relative;top:40px;left:112px;}

div#Footer ul {line-height:20px;width:300px;float:left;}
div#Footer ul li {float:left;width:300px;line-height:19px;}
div#Footer ul li img {display:block;padding:7px 5px 0 0;float:left;}
div#Footer ul li a {float:left;}

div#Footer div#FooterVideos {margin:55px 0 0 0;float:left;}
div#Footer div#AdditionalVideoResources {margin:10px 0 0 0;}


/*SECTION NAV*/

div#nav_wrapper{padding:0 0 0 25px;float:left;}
div#Nav {width:316px;background:#D8EAE1;float:left;}
div#Nav div#NavTop {background:url(../Images/Section/nav_top.gif) no-repeat;width:316px;}
div#Nav div#NavTop div#NavTitle {width:316px;font-size:18px;line-height:18px;}
div#Nav div#NavTop div#NavTitle a {line-height:25px;display:block;}
div#Nav div#NavTop div#NavTitle div.wrapper {padding:30px 20px 0 20px;}

div#Nav div.nav_sub_title {color:#EF7200;font-weight:bold;float:left;padding-bottom:10px;}
div#Nav div.dotted_line {float:left;margin-left:5px;}
div#Nav div#dotted_line_otherresources {width:158px;}
div#Nav div#dotted_line_links {width:237px;}
div#Nav ul{clear:both;}

div#Nav div#OtherResources {width:316px;}
div#Nav div#OtherResources div.wrapper {padding:20px 0 0 0;}
div#Nav div#OtherResources div.nav_sub_title {padding-left:20px;}
div#Nav div#OtherResources ul {font-size:14px;}
div#Nav div#OtherResources ul li {}
div#Nav div#OtherResources ul li.selected {background:#6EB092;}
div#Nav div#OtherResources ul li div.white_border{cursor:pointer;width:261px;border-bottom:1px solid #ffffff;background:url(../Images/Section/nav_orange_square.gif) no-repeat; background-position:0px 12px;padding:8px 0 8px 15px;margin-left:20px;}
div#Nav div#OtherResources ul li a{width:100%;display:block;}
div#Nav div#OtherResources ul li a:hover{text-decoration:none;background-color:#6EB092;}

div#Nav div#Links {width:316px;}
div#Nav div#Links div.wrapper {padding:20px 20px 20px 20px;}
div#Nav div#Links ul {}
div#Nav div#Links ul li {width:276px;padding:5px 0 5px 0;}
div#Nav div#Links ul li a {text-decoration:underline;}

div#Nav div#NavBottom {margin-top:40px;background:url(../Images/Section/nav_bottom.gif) no-repeat;width:316px;height:36px;}


/*PAGES*/

/*Splash*/

div#Splash {background:url(../Images/Splash/splash.jpg);width:961px;height:840px}
div#Splash div#ClosedCaptions {position:relative;top:642px;left:50px;}
div#Splash a#lnkHome{position:relative;top:665px;left:405px;width:153px;height:35px;display:block;}

/*Home*/

div#Home {}

div#Home div.wrapper {padding:0 8px 10px 8px;}

div#Home div.cell {background: url(../Images/Home/background_cell.jpg);float:left;width:187px;height:189px;font-size:11px;}
div#Home div.cell div.image_wrapper{padding:0 14px 0 14px;}
div#Home div.cell div.cell_title {color:#ffffff;background-color:#31926D;width:161px;height:35px;}
div#Home div.cell div.cell_title div.wrapper {padding:5px 0 5px 5px;}
div#Home div.cell div.arrow {float:right;margin-top:14px;}

div#Home div.dotted_line_wrapper {padding:10px 8px 10px 6px;clear:both;}
div#Home div.dotted_line {width:100%;}

/*Section*/

div#Section div#Video {background: url(../Images/Section/background_video.jpg);width:588px;height:350px;}
div#Section div#Video div.wrapper {padding:18px 0 0 13px;}
div#Section div#VideosHeader {margin:10px 0 10px 10px;font-weight:bold;}

div#Section div#VideoInstructions{font-size:10px;margin-left:4px;}

div#Section div#NavVideo div.wrapper {padding-left:5px;}
div#Section div#NavVideo ul li {float:left; background:url(../Images/Section/background_nav_video.jpg) no-repeat;width:269px;height:72px;font-size:11px;margin-bottom:5px;}
div#Section div#NavVideo ul li.selected {background:url(../Images/Section/background_nav_video_selected.jpg) no-repeat;}
div#Section div#NavVideo ul li.left {margin-right:35px;}

div#Section div#NavVideo ul li img {float:left;margin:8px 8px 7px 11px}
div#Section div#NavVideo ul li div.title {margin:10px 0 0 70px ;}
div#Section div#NavVideo ul li div.title a {color:#353535;font-weight:bold;}
div#Section div#NavVideo ul li div.author {margin:3px 0 0 70px ;}
div#Section div#NavVideo ul li div.author sup {position: relative; top:-2px;}
div#Section div#NavVideo ul li div.play_video {margin:5px 0 0 70px ;}
div#Section div#NavVideo ul li div.play_video a{color:#F79448;}
div#Section div#NavVideo ul li div.play_video a.stop {color:Red;margin-left:10px;font-weight:bold;}

div#Section div#videobuttons_wrapper {float:left;padding:0 0 0 4px;}
div#Section div#VideoButtons {float:left;margin-bottom:10px;background: url(../Images/Section/btnBackground.jpg) repeat-x 0px 0px;}

div#Section div#VideoButtons a {float:left;margin-right:16px;}


/*Section Resources*/
div#SectionResource {line-height:15px;}
div#SectionResource a#Print{float:right;padding-top:43px;}
div#SectionResource div#MainVideo {margin-bottom:10px; background: url(../Images/Section/background_nav_video.jpg);width:267px;height:68px;font-size:11px;}
div#SectionResource div#MainVideo div.wrapper {padding:0 0 0 5px;float:none;}
div#SectionResource div#MainVideo input {float:left;margin:7px 8px 7px 8px}
div#SectionResource div#MainVideo div.title {padding:10px 0 0 60px ;}
div#SectionResource div#MainVideo div.title a {color:#353535;font-weight:bold;}
div#SectionResource div#MainVideo div.play_video a{color:#F79448;padding:5px 0 0 60px;}
div#SectionResource h1 {color:#EF7200;font-size:16px;font-weight:normal;margin:15px 0 15px 0;}
div#SectionResource h3 {font-weight:bold;}
div#SectionResource p {margin:0 0 15px 0;}
div#SectionResource p.indent {margin-left:15px}
div#SectionResource ul {margin:0 0 15px 0;}
div#SectionResource ul li {background:url(../Images/Template/square.gif) no-repeat; background-position:0px 6px;margin-left:7px;padding-left:7px;}

div#SectionResource ul li ul {list-style-type:circle;}
div#SectionResource ul li ul li {background:none;margin-left:20px;padding:0;}

/*Credits*/

div#Credits div.wrapper{padding:0px 21px 0 13px;}

div#Credits table {width:100%;}
div#Credits table th {font-size:18px; color:#EF7200; font-weight:normal;width:220px;padding:0 0 5px 0}
div#Credits table td {line-height:20px;font-weight:bold;vertical-align:top;padding:0 0 5px 0}
div#Credits table td sup {position: relative; top:-2px;}

div#CreditsFooter {background:url(../Images/Credits/footer.jpg);width:961px;height:393px}


/*Print*/

body#Print div#Main
{
	background:none;	
	font-size:14px;
	
}

body#Print div#SectionResource h1 {font-size:18px;}
#PrintHeader {margin:20px;}
#PrintFooter {margin:20px;clear:both;font-size:10px;}

div#Main div#main_wrapper{padding:0 24px 0 24px;}
