div#resourcesanddemonstrations * { margin: 0; padding: 0; }
div#resourcesanddemonstrations div.clearer { clear: both; }

div#resourcesanddemonstrations h1
{
    color: white; background-color: #12D51F; font-size: 19px;
    text-transform: uppercase; margin: 0px 0px 7px 0px; padding: 28px 0 16px 25px;
    background-image: url(../images/rd-h1-background.jpg);
background-repeat: repeat-x;background-position: bottom left; }

div#resourcesanddemonstrations h2

{
   clear: left; color: #12D51F; background-color: white; text-transform: uppercase;
   border-bottom: 2px solid #12D51F; margin: 4px 0 6px 0; padding-left: 25px; padding-top:10px;
   font-size: 17px; font-weight: bold;
   line-height:11px;
}

div#resourcesanddemonstrations p { margin: 4px 0; }
div#resourcesanddemonstrations img.floatleft { float: left; margin: 0 6px 6px 0; }
div#resourcesanddemonstrations div.main { float: left; width: 502px; margin:8px 5px 0px 0px;}
div#resourcesanddemonstrations div.main a
{
   font-weight: bold; text-decoration: underline; color: black;
}
div#resourcesanddemonstrations div.main p { font-size: 12px; margin: 10px 0; line-height:1.5; }
div#resourcesanddemonstrations div.links
{
   float: right; width: 228px; padding-top: 20px; margin: 8px 0px 7px 0px;
   border: 1px solid #878384;
   background-image: url(../images/gradient-background.jpg);
   background-repeat: repeat-x; background-position: top;
}
div#resourcesanddemonstrations div.links p { margin: 4px 25px; }
div#resourcesanddemonstrations div.links div.videolink { margin: 0 13px; }
div#resourcesanddemonstrations div.links div.videolink span
{
   float: right; margin-right: 9px; padding-left: 16px; z-index: 1;
}
div#resourcesanddemonstrations div.links div.videolink a
{
   border: 1px solid #878384; display: block; padding: 3px 0 3px 30px;
   color: #40D0EB; font-size: 12px; font-weight: bold; z-index: 2;
   text-transform: uppercase; text-decoration: none;
   background-image: url(../images/play.gif); background-repeat: no-repeat;
   background-position: 9px 4px;
}
div#resourcesanddemonstrations div.links div.videolink h3
{
   font-weight: bold; font-size: 12px; margin: 4px 10px;
}
div#resourcesanddemonstrations div.links div.videolink p { margin: 4px 10px; }
div#resourcesanddemonstrations div.links h3
{
   font-size: 12px; color: #40D0EB; margin: 10px 23px;
   font-weight: bold;
}
div#resourcesanddemonstrations div.links ul { margin: 0 23px; font-size: 12px; }
div#resourcesanddemonstrations div.links ul li
{
   margin: 10px 0; padding-left: 22px; list-style: none;
   background-image: url(../images/acrobat.gif); background-repeat: no-repeat;
   background-position: top left;
}
div#resourcesanddemonstrations div.links ul li a
{
   color: black; font-weight: bold; text-decoration: none;
}
div#resourcesanddemonstrations a.links { margin: 0 6px 7px 0; float: right; }

div#resourcesanddemonstrations div.video { margin: 7px 78px 10px 22px; }
div#resourcesanddemonstrations div.video div.info
{
   border: 1px solid #858681; 
}
div#resourcesanddemonstrations div.video div.info img
{
   margin: 6px 10px 8px 10px;
}
div#resourcesanddemonstrations div.video h3
{
   color: #00BEE3; font-size: 15px; margin: 0; padding: 0;
}
div#resourcesanddemonstrations div.video h4
{
   color: white; background-color: #858583; padding: 3px 8px; clear: both;
   text-transform: uppercase; font-weight: bold; font-size: 12px;
}
div#resourcesanddemonstrations div.video p
{
	font-size: 14px;
	margin-right: 135px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
div#resourcesanddemonstrations div.video p.video
{
   margin: 12px 0 0 0; font-weight: bold;
}
div#resourcesanddemonstrations div.video a
{
   float: right; margin-right: 18px; margin-bottom: 14px; padding-left: 21px;
   color: black; font-weight: bold; text-decoration: none;
   background-image: url(../images/play.gif);
   background-position: left; background-repeat: no-repeat;
}

div#resourcesanddemonstrations div.video a:hover
{
	text-decoration: underline;
}

div#resourcesanddemonstrations div.video ul li
{
   border: 1px solid #858681; margin: 1px 0; padding: 2px 0 2px 25px;
   font-weight: bold; font-size: 12px; list-style: none;
   background-image: url(../images/play.gif); background-repeat: no-repeat;
   background-position: 6px center;
}
div#resourcesanddemonstrations div.video ul li a
{
   float: none; font-weight: normal; padding: 0; background: none;
}
div#resourcesanddemonstrations div.video p.time, div#resourcesanddemonstrations div.video ul li span,
div#resourcesanddemonstrations div.links div.videolink span
{
   background-image: url(../images/camera.gif); background-repeat: no-repeat;
   float: right; background-position: left; font-weight: bold;
}
div#resourcesanddemonstrations div.video p.time, div#resourcesanddemonstrations div.video ul li span
{
    margin-right: 14px; padding-left: 22px;
}

#column {
	width:240px;
	float:left;
	overflow:hidden;
}

#resourcesflashcontent {
	top:8px;
	width:502px;
	padding-bottom:7px;
}

.clear {
	display: block;
} /* End hide from IE-mac */
.clear {
	clear: both;
}

div#resourcesanddemonstrations  a {
	text-decoration:underline;
}

div#resourcesanddemonstrations .greyboxSingle a:hover {
	text-decoration:underline;
}

/* Fix for main.css from Templates This fixes an IE6 problem with the breadcrumb while keeping everything where it needs to be */
#pageWrapper {
	width: 1030px;		/* Other values are inherited from main.css */
}
#globalNav {
	margin-right: 56px; /*correct so that the globalnav doesn't hang off the right of the page */
}
/* End pageWrapper fix	*/

div#self-guided_content{position:relative;width:91%;float:left;color:#010101;padding:10px;font-size:12px;padding:20px;padding-left:30px;}
div#self-guided_content .img_left{ float:left;margin-right:10px;border:1px solid #878784;margin-top:10px;margin-bottom:10px;}
div#self-guided_content h3{color:#00BEE3;font-size:17px;}
div#self-guided_content a{color:#010101;text-decoration:underline;font-weight:bold;}
div#self-guided_content a:hover{color:#010101;text-decoration:none;}

div#self-guided_content ul{margin-left:50px;line-height:1.4em}
div#self-guided_content ul li {padding-bottom:5px;}

div#resourcesanddemonstrations div.linksPDF ul { margin: 0 23px; font-size: 12px; }
div#resourcesanddemonstrations div.linksPDF ul li
{
   margin: 10px 0; padding-left: 22px; list-style: none;
   background-image: url(../images/acrobat.gif); background-repeat: no-repeat;
   background-position: top left;
}
div#resourcesanddemonstrations div.linksPDF ul li a
{
   color: black; font-size: 13px; font-weight: bold; text-decoration: none;
}
div#resourcesanddemonstrations div.linksPDF ul li a:hover
{
   color: black; font-size: 13px; font-weight: bold; text-decoration: underline;
}
div#resourcesanddemonstrations div.linksPDF a
{
   color: black; text-decoration: none; font-weight: normal;
}
div#resourcesanddemonstrations div.linksPDF a:hover
{
   color: black; text-decoration: underline; font-weight: normal;
}