@charset "UTF-8";
html {
min-height:100%;margin-bottom:1px; _overflow:scroll; _overflow-x:auto; }
body {margin:0; padding:0; text-align:center; 
font-family: 'Open Sans', sans-serif, Myriad, Arial, Helvetica, sans-serif  ;
background-color:#f0f0f0;
font-size:0.8em;
line-height:1.8em;
font-weight: 400;
}
a, img { border:0; margin:0; padding:0;}
.clear {clear: both}


h1 {font-family: 'Open Sans', sans-serif, Myriad, Arial, Helvetica, sans-serif;font-weight: 600; font-size:2em; color:#F47220; }
h2 {font-family: 'Open Sans', sans-serif, Myriad, Arial, Helvetica, sans-serif;font-weight: 600; font-style:italic; font-size:1.5em; line-height:1.3em; color:#F47220; }
h3 {font-family: 'Open Sans', sans-serif, Myriad, Arial, Helvetica, sans-serif;font-weight: 700; font-size:1.1em; line-height:1.3em; }
h4 {font-family: 'Open Sans', sans-serif, Myriad, Arial, Helvetica, sans-serif;font-weight: 700; font-style:italic; font-size:1.7em; line-height:1.3em; color: #F00; }
h5 {font-family: 'Open Sans', sans-serif, Myriad, Arial, Helvetica, sans-serif;font-weight: 700; font-size:1.1em; line-height:2em; color:#030; }



.smalltitle_yellow {
	font-weight: 700;
	font-size:1.1em;
	line-height:1.3em;
	color:#F47E20;
	margin-bottom:15px;
}

.smalltitle_yellow2 {
	font-weight: 700;
	font-size:0.9em;
	line-height:1.3em;
	color:#F47E20;
	margin-bottom:15px;
}

.small_description {font-size:0.8em; line-height:1.5em; margin:5px 10px 10px 0}

.red_bold {font-size:.9em; line-height:1.4em; font-weight:bold; color:#F00; margin:5px 10px 10px 0}



.text {font-family: 'Open Sans', sans-serif, Myriad, Arial, Helvetica, sans-serif;font-weight: 400;font-size:1em; line-height:1.5em; }

.text-small {font-family: 'Open Sans', sans-serif, Myriad, Arial, Helvetica, sans-serif;font-weight: 400;font-size:0.8em; line-height:1.5em; font-style:italic; }

.text2 {font-family: 'Open Sans', sans-serif, Myriad, Arial, Helvetica, sans-serif;font-weight: 700; font-size:1.1em; line-height:1.3em; color:#030; }


.text-strong {font-family: 'Open Sans', sans-serif, Myriad, Arial, Helvetica, sans-serif;font-weight: 600;font-size:1em; line-height:1.5em; }
.margin-left50 {margin-left:50px;}
.margin-left40 {margin-left:40px;}
.margin-left30 {margin-left:30px;}
.width-600 { width:600px;}
.image-illust {
	margin-left:50px;
	margin-right:20px;
	float:left;
	margin-top: 20px;
}

.yellow a, .yellow a:hover, .yellow a a:visited{
	color:#F47E20;
	font-weight: 600;
	float:left;
	text-decoration:none;
	margin-left:5px;
	}
	
#center-right .3-columns {font-size:0.8em!important; float:left !important;}

#y_button{width:189px;height:50px; text-align:center; background-image:url(../Images/bt_download.png); font-weight: 600;font-size:1em; line-height:1.3em; color:#FFF; text-decoration:none; padding-top:19px;}
#y_button a, #y_button a:hover, #y_button a:visited { color:#FFF; text-decoration:none;}

#y_button2{width:189px;height:35px; text-align:center; background-image:url(../Images/bt_download2.png); font-weight: 600;font-size:1em; line-height:1.1em; color:#FFF; text-decoration:none; padding-top:19px;}
#y_button2 a, #y_button a:hover, #y_button a:visited { color:#FFF; text-decoration:none;}


#y_button3{width:189px;height:60px; text-align:center; background-image:url(../Images/bt_download3.png); font-weight: 600;font-size:1em; line-height:1.4em; color:#FFF; text-decoration:none; padding-top:22px;}
#y_button3 a, #y_button a:hover, #y_button a:visited { color:#FFF; text-decoration:none;}


#y_button4{width:189px;height:60px; text-align:center; background-image:url(../Images/bt_download4.png); font-weight: 600;font-size:1em; line-height:1.4em; color:#FFF; text-decoration:none; padding-top:22px;}
#y_button4 a, #y_button a:hover, #y_button a:visited { color:#FFF; text-decoration:none;}


#topborderbox{
	margin-left:50px;
	width:525px;
	padding:0px 10px 0 0;
	line-height:1.8em;
	height:80px;
	border-top:thin double #999999;
	vertical-align:middle;
	float:left;
}

#topborderbox .left{
float:left;
margin-top:15px;
}		
#topborderbox .left a, #topborderbox .left a:visited{
	color: #000;
	text-decoration:none;
	}
#topborderbox .left a:hover{
	color:#F47E20;
}


.resource a, .resource a:visited{
	font-size:0.9em;
	color: #39F;
	}
.resource a:hover{
	font-size:0.9em;
	color:#F47E20;
}

.link_yellow a, .link_yellow a:visited{
	color: #000;
	text-decoration:none;
	}
.link_yellow a:hover{
	color:#F47E20;
}

.link_yellow2 a, .link_yellow2 a:visited{
	color: #F47E20;
	text-decoration:none;
	}
.link_yellow2 a:hover{
	color:#F47E20;
}

#pagewrapper {
min-height: 102%; _height: 102%; text-align:center;
}
#contentswrapper {width:1000px; margin:0 auto; padding:0; background-image:url(../Images/bg_gray.gif);}
#contents {
	margin: 0px 17px 0px 18px;
	width:963px;
	text-align:left;
margin:0 padding:0;
	/* [disabled]position: absolute; */
}

#top_part {
	width:962px !important;
	height:260px !important;
	/* [disabled]clear: both; */
	float: left !important;
	background-image: url(../images/bg_top_banner.jpg);
}

#logo{
	position:absolute;
	background-image: url(../images/logo.png);
	height: 143px;
	width: 219px;
	float: left;
	margin-top: 0px;
	margin-left: 27px;
	z-index:100;
}

#menubar {
	position:absolute;
	float: left;
	height: 48px;
	width: 936px;
	margin-top: 212px;
	margin-left: 0px;
	padding: 0 0 0 26px;
	background-image:url(../Images/shade_up.png);
	background-position:bottom;
	background-repeat:repeat-x;
	z-index:100;
}

#menubar #about{
	float: left;
	height: 48px;
	width: 176px;
	}
	
#menubar #howtouse{
    float: left;
	height: 48px;
	width: 139px;
	}
#menubar #videostudy{
    float: left;
	height: 48px;
	width: 139px;
	}
#menubar #news{
    float: left;
	height: 48px;
	width: 139px;
	}
#menubar #order{
    float: left;
	height: 48px;
	width: 139px;
	}
#menubar #links{
    float: left;
	height: 48px;
	width: 176px;
	}


#center {
	width:963px;
	clear: both;
	float: left;
}
#center-left {
	width:235px;
	float: left;
}
#left_section_title {
	font-size:0.8em;
	height: 20px;
	width: 178px;
	padding: 3px 0 3px 56px;
	background-image:url(../Images/bg_left_title_section.gif);
	
	}

#left_section_title2 {
	font-size:0.8em;
	height: 20px;
	width: 178px;
	padding: 3px 0 3px 56px;
	background-image:url(../Images/bg_left_title_section2.gif);
	
	}


#left_section_title3 {
	font-size:0.8em;
	height: 20px;
	width: 178px;
	padding: 3px 0 3px 56px;
	background-image:url(../Images/bg_left_title_section3.gif);
	
	}


#left_section_contents {
	padding: 8px 0 3px 40px;
	}

#center-right {
	width:728px;
	float: left;
}

/* Legal */
.legal {
	font-family: 'Open Sans', sans-serif, Myriad, Arial, Helvetica, sans-serif  ;
	font-weight: 400;font-size:0.8em; line-height:1.8em;
}
#footer {
	padding: 40px 0 40px 59px;
	font-size:1em;
	color:#000;
	line-height:1.5em;
	}
#footer .yellow{
	color:#F47E20;
	font-weight: 600;
	padding-top:4px;
	line-height:1.8em;
	width:200px; height:27px; border-top:thin double #999999; border-right:thin double #999999; border-bottom:thin double #999999; text-align:center; vertical-align:middle; float:left;
	}
		
#footer a{
	color:#F47E20;
	font-weight: 600;
	text-decoration:none;
	text-align: center;
	margin-left: 25px;
	}
#footer a:hover, #footer_link a:visited{
	color:#F47E20;
	text-align: center;
	margin-left: 25px;
}
	
#footer_gray {
	background-color:#999;
	height:20px;}
	

#download {
	float: left;
	width: 400px;
	height: 32px;
	background-image: url(../images/icon_pdf.gif);
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
	}
	

#download2 {
	float:left;
	width:500px;
	height:32px;
	background-image:url(../images/icon_pdf.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 40px;
	}


#download3 {
	float:left;
	width:150px;
	height:32px;
	background-image:url(../images/icon_pdf.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 40px;
	}


/* ---------------------------------------------------------
Clearing Divs
-------------------------------------------------------------*/
/* Padding - Clearing DIVs  height for FF, line-height for IE */ 
.clear   {
	clear: both;
	height: 0px;
	line-height: 0;
	overflow:hidden;
}
.clear5  {clear: both;height: 5px;line-height: 5px;overflow:hidden;}
.clear8 {clear: both;height: 8px;line-height: 8px;overflow:hidden;}
.clear10 {clear: both;height: 10px;line-height: 10px;overflow:hidden;}
.clear11 {clear: both;height: 11px;line-height: 11px;overflow:hidden;}
.clear15 {clear: both;height: 15px;line-height: 15px;overflow:hidden;}
.clear18 {clear: both;height: 18px;line-height: 18px;overflow:hidden;}
.clear20 {clear: both;height: 20px;line-height: 20px;overflow:hidden;}
.clear30 {clear: both;height: 30px;line-height: 30px;overflow:hidden;}
.clear40 {clear: both;height: 40px;line-height: 40px;overflow:hidden;}
.clear50 {clear: both;height: 50px;line-height: 50px;overflow:hidden;}
.clear60 {clear: both;height: 60px;line-height: 60px;overflow:hidden;}
.clear100 {clear: both;height: 100px;line-height: 100px;overflow:hidden;}


@media print {
	.accordion div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}

}