/*! CSS Document 1.0 */
/*! Normalisation 25*/
html{cursor:default;font-size:100%;height:100%;overflow-y:scroll;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{background:#e8e8e8;color:#444;font-family:Arial,Helvetica,sans-serif;font-size:0.875em;height:100%;line-height:1.5;margin:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.67em;margin:2.33em 0}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
p,pre{margin:1em 0}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
ul ul,ol ol{margin:0.2em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure,form{margin:0}
fieldset{border:0;margin:0;padding:0}
label{cursor:pointer}
legend{border:0;*margin-left:-7px;padding:0;white-space:normal}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,select{text-transform:none}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-appearance:textfield;-webkit-box-sizing:content-box}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
::-moz-selection{background:#00aaa0;color:#fff;text-shadow:none}
::selection{background:#00aaa0;color:#fff;text-shadow:none}
::-moz-selection,::-webkit-selection,::selection{text-shadow:none;background:#333;color:#fff}
/*! Fonts */
/*! Links */
a{border-bottom:1px  #007ede;color:#0068b8;font-weight:bold;text-decoration:none;text-shadow:none}
a:visited{color:#0068b8}
a:hover,a:active,a:focus{border-bottom:1px solid ##fff;color:#007ede}
a:hover,a:active{outline:0}
a:focus{outline:thin dotted}
.header-container a,.header-container a:hover,.header-container a:active,.header-container a:focus{border-bottom:0}
#strap a{border-bottom:0;color:#f0f0f0;font-weight:normal}
#strap a:visited{color:#f0f0f0}
#strap a.homelink,#strap a.homelink:visited{color:#ccc}
#strap a:hover,#strap a:active,#strap a:focus,#strap a.homelink:hover,#strap a.homelink:active,#strap a.homelink:focus{color:#fff}
aside a{border-bottom:1px solid #fff;display:block;padding:7px 5% 5px}
aside a:visited{}
aside a:hover,aside a:active,aside a:focus{background:#fff}
.footer-container a{border-bottom:1px dashed #ccc;color:#eee}
.footer-container a:visited{color:#eee}
.footer-container a:hover,.footer-container a:active,.footer-container a:focus{border-bottom:1px solid #fff;color:#fff}
table a{position:relative}
table a span{display:none;position:absolute;z-index:5}
table a span i{display:none}
table a:hover span{background:#f0f0f0;border:1px solid #aaa;color:#333;display:block;font-size:0.9em;font-weight:normal;padding:9px 9px 5px;width:auto;max-width:250px}
/*! Layout */
#wrap{width:100%}
#skip{font-size:0.1em;height:0;line-height:0;position:relative;text-align:center;z-index:6}
#skip a,#skip a:visited{height:0;left:0;overflow:hidden;position:absolute;top:-500px}
#skip a:active,#skip a:focus{background:#000;border:none;color:#fff;font-size:10em;height:auto;line-height:1.5;padding:8px 0 5px;position:absolute;top:0;width:100%}
.browsehappy{background:#ccc;clear:both;color:#000;margin:0;padding:5px 8px;text-align:left}
.wrapper{padding:0 5%}
.header-container{background:#fff;padding:1.5em 0 1.1em}
#strap{background:#444;border-bottom:2px solid #00aaa0;color:#fff;font-size:1.6em;padding:8px 0 7px;-webkit-box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.25);-moz-box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.25);box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.25)}
aside ul{background:#f2f2f2;list-style:none;margin:0;padding:0}
article{background:#fff;padding:1px 5% 1em}

/*! added for ethical framework pages */
#articleethical{ background:#fff;padding-top:5px;padding-bottom:10px;padding-left:10px;padding-right:10px; margin-top:10px; margin-bottom:50px; margin-left:10px; margin-right:10px; width:70%}
article h1{color:#452d00;font-size:1.9em;font-weight:normal;letter-spacing:-0.01em;margin:1em 0 0;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.15)}
article h2{color:#222;font-weight:normal;margin:1.5em 0 -0.2em}
article h1 + h2{margin:0.5em 0 -0.2em}
#content .wrapper{padding:0}
.footer-container{background:#444;color:#fff;padding:1.1em 0 0.9em}
.footer-container p{margin:20}
#buttonpanel{background:#e8e8e8;color:#fff;padding:1.1em 0 4.0em 0em}
#ethicalextract {background:#e8e8e8;color:#fff;margin-left:30px;padding:1.1em 0 4.0em 0em}
#videocontainer{text-align:left;float:right;margin-left:30px; margin-top:40px;padding:10px;}
#left-menu-block{font-size:12px;text-align:left;text-shadow:#CCC; margin-top:40px; margin-bottom:30px; margin-left:40px; margin-right:10px;border-top:thin;border-bottom:thin;padding:1.5em 0 1.1em;text-align:left}
#greenbanner{background:#00aaa0;color:#fff;font-weight:bold;padding:2px 0 1px;text-align:left;text-shadow:0px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.25);-moz-box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.25);box-shadow:0px 3px 3px 0px rgba(50,50,50,0.25)}
#midcontainer{margin-left:10px;padding:1.1em 0 4.0em 0em ;width:80%}


/*! Classes and Helpers */
.fl_left{float:left}
.fl_right{float:right}
.left{text-align:left}
.right{text-align:right}
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;height:150%;width:0}
.hidden{display:none !important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.page_body_small{font-size:0.8em}
.questionblock{overflow:auto;background:#fff;color:inherit;font-size: 14px;line-height: 1.5; text-align:left; border-top:thin; border-bottom:thin; border-left:thin; border-right:thin; padding-right:10px;padding-left:20px; padding-bottom:10px}
.pageheading{overflow:auto;background:transparent;#fff;color:inherit;font-size: 14px;line-height: 1.5; text-align:left; border-top:thin; border-bottom:thin; border-left:thin; border-right:thin; padding-right:10px;padding-left:5px; padding-top:10px;  padding-bottom:5px} 


/*! Queries */ 
@media only screen and (min-width: 320px){
	
	#videocontainer{padding-left:10px; padding-right:20px; margin-left:0;padding-left:30px;text-align:left}
	#content .wrapper{padding:2.6em 5%}
	.main-container{overflow:auto;padding-bottom:7em;padding-left:7em; padding-right:7em}
	.main-container-frame{overflow:auto;padding-bottom:7em; padding-left:10px;}
	.title{float:left}
	#content{margin:2.6em 0 0}

@media only screen and (min-width: 480px){
	
	#videocontainer{padding-left:10px; padding-right:20px; margin-left:0;padding-left:30px;text-align:left}
	
}
@media only screen and (min-width: 768px){
	#wrap{min-height:100%;position:relative}
	.lt-ie7 #wrap{display:table;height:100%}
	! Opera Footer Fix	
	body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px}
	#content .wrapper{padding:0 5%}
	.main-container{overflow:auto; padding-left:5px;padding-bottom:7em}
	.main-container-frame{overflow:auto;padding-bottom:7em; padding-left:10px;}
	.title{float:left}
	#content{margin:2.6em 2.6em 2.6em 2.6em}
    article{float:left;padding:10px 4% 1em;width:60%}
    aside{float:left;width:25%}
	aside a{padding:8px 8px 3px}
	.footer-container{position:relative;margin:-5em 0 0;height:10em}
}
@media only screen and (min-width: 960px){
	#left-menu-block{margin-left:10px; margin-right:10px;border-top:thin; border-bottom:thin;padding:1.5em 0 1.1em;text-align:left}
    #videocontainer{padding-left:10px; padding-right:20px; margin-left:2.5;padding-left:20px;text-align:left;width:65%}
	
}
@media only screen and (min-width: 1039px){
	#left-menu-block{margin-left:10px; margin-right:10px;border-top:thin; border-bottom:thin;padding:1.5em 0 1.1em;text-align:left}
	
} 	
	
@media only screen and (min-width: 1043px){
	#left-menu-block{margin-left:10px; margin-right:10px;border-top:thin; border-bottom:thin;padding:1.5em 0 1.1em;text-align:left}
	
	
} 
@media only screen and (min-width: 1140px){
	.wrapper,#content .wrapper{width:1026px;margin:0 auto;padding:0}
	article{padding:10px 3.5% 1em;width:66%}
	#videocontainer{padding-left:10px; padding-right:20px; margin-left:2.5;padding-left:20px;text-align:left;width:70%}
	
} 
/*! Print */
@media print{
	*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}
	@page{margin:0.5cm}
	a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid}
	thead{display:table-header-group}
	tr,img{page-break-inside:avoid}
	img{max-width:100% !important}
	p,h2,h3{orphans:3;widows:3}
	h2,h3{page-break-after:avoid}
}