@charset "utf-8";
/* CSS Document */

@media screen and (max-width:520px){
	/*home*/
	div#col1{width:100%; margin-right:1%; margin-bottom:2em;}
	div#hcategories { width:100%; float:none;}
	div#hcategories h2{ display:none;}
	div#hcategories h3{ display:inline-block; font-size:1.8em; padding:0.1em 0.2em; background-color:#ff9900;}
	div#hcategories h3 a{font-weight:700;}
	div#hcategories h3 a span{font-family:Arial, sans-serif;}
	dl#categories dd a{font-size:1.2857em;}
	dl#categories dd li{line-height:2.2em;}
	dl#categories dt a{ width:99%;}
	dl#categories dd ul{ background-color:#000; width:100%;}
	dl#categories dd a{padding:0.1em 0 0.1em 0.3571428571em;}
	#feat{width:100%; padding-bottom:3em;}
	#feat p.data{margin:0.5em 0;}
	div#news{width:100%; position:relative;}
	div#news li.nsmall{ margin:1.5em 0 0 1.9995%;}
	div#essd{width:100%; padding-top:2em; clear:both;}
	div#essd dd a{ font-size:1.3em; width:100%; display:block; padding:0.5%;}
	dl.ess h3 a { line-height:2.8em;}
	div#recent li{ width:100%; padding:1.5%; border-top:1px solid #e4e4e4;}
	div#essd dd { border-top:1px solid #e4e4e4; line-height:2.2em;}
	.ad1, .ad2{ display:none;}
	div#toody li{ margin:1em 0 0 0; position:relative; border-bottom:1px solid #CCC; padding:4%;
	}
	div#toody img{ width:50%;}
	div#toody a.read{ margin:2% 5%; display:inline-block;}
	div#recent ul{ width:100%}
	div#recent span{display:inline;}
	}

@media screen and (min-width:520px){
	/*home*/
	div#col1{width:100%; margin-right:1%; margin-bottom:2em;}
	div#hcategories { width:100%; float:none;}
	div#hcategories h2{ display:none;}
	div#hcategories h3{ display:inline-block; font-size:1.8em; padding:0.1em 0.2em; background-color:#ff9900;}
	div#hcategories h3 a{font-weight:700;}
	div#hcategories h3 a span{font-family:Arial, sans-serif;}
	dl#categories dd a{font-size:1.2857em;}
	dl#categories dd li{line-height:2.2em;}
	dl#categories dt a{ width:99%;}
	dl#categories dd ul{ background-color:#000; width:100%;}
	dl#categories dd a{padding:0.1em 0 0.1em 0.3571428571em;}
	div#topd{width:100%; margin-right:3%;}
	#feat{width:100%; padding-bottom:3em;}
	#feat p.data{ float:right;  margin:0.258em 0;}
	#feat p.data span{ float:left;}
	div#news{width:100%; position:relative;}
	div#news li.nsmall{ float:left; width:32%; margin:1.5em 0 0 1.9995%;height: 240px;position:relative}
    div#news li.nsmall .read{ position:absolute;bottom:0;}
	
	div#essd{width:100%; padding-top:2em; clear:both;}
	div#essd dd a{ font-size:1.3em; width:100%; display:block; padding:0.5%;}
	dl.ess h3 a { line-height:2.8em;}
	div#recent li{ width:100%; padding:1.5%; border-top:1px solid #e4e4e4;}
	div#essd dd { border-top:1px solid #e4e4e4; line-height:2.2em;}
	div#toody li{ width:13.28571428571em; float:left; margin:1em 0 0 0; position:relative; min-height:30em;  padding:1%;
	-webkit-transition: background 0.3s ease-in;
	-moz-transition: background 0.3s ease-in;
	-ms-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;
	transition: background 0.3s ease-in;
	}
	div#toody img{ width:90%;}
	div#toody a.read{ position:absolute; left:10%; bottom:3%; }
	
	.ad1, .ad2{ display:none;}
	div#recent ul{ width:100%}
	div#recent span{display:inline;}
	}

@media screen and (min-width:1000px){
	/*home*/
	div#col1{width:74%; float:left; margin-right:1%; margin-bottom:2em;}
	div#hcategories {float:left; width:31.231%;}
	div#hcategories h2{ display:block;}
	div#hcategories h3{ display:none;}
	dl#categories dd a{font-size:1.2857em;}
	dl#categories dd li{line-height:2.2em;}
	dl#categories dt:hover{ width:101%; line-height:2.571428571428em; border:none; background:url(../images/arc/arr-or.png) right center no-repeat; position:relative;}
	dl#categories dt a{ width:93%}
	dl#categories dd{ position:relative; top:-2.5em;}
	dl#categories dd ul{ position:absolute; top:0; left:102.6%; background-color:#333; width:130%; display:none; z-index:1000;}
	dl#categories dd a{padding:0 0 0 0.3571428571em;}
	div#topd{float:left; width:31.731%; margin-right:3%;}
	#feat{width:65.769%; float:left; padding-bottom:2em;}
	div#news{ float:left; width:65.269%; position:relative;}
	div#essd{float:left; width:25%; clear:none;}
	div#essd dd { border-top:none; line-height:normal;}
	div#essd dd a{ font-size:1em;}
	dl.ess h3 a { line-height:1.5em}
	div#recent li{ width:20%; float:left; padding:0.75%; margin:0.75%; height:10em; border:none;
-webkit-transition: background 0.3s ease-in;
	-moz-transition: background 0.3s ease-in;
	-ms-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;
	transition: background 0.3s ease-in;
	}
	div#recent span{display:block;}
	.ad1, .ad2{ display:none;}
	div#recent ul{ width:100%}
	}
@media screen and (min-width:1200px){
	/*home*/
	dl#categories dd a{font-size:1em;}
	dl#categories dd li{line-height:1.71428571em;}
	.ad1, .ad2{ display:block;}
	div#recent ul{ width:74%;}
	}

/*--programs menu--*/
div#hcategories{ margin-right:3%}
dl#categories{ display:block; width:100%; background-color:#333; border-right:#666 0.5em solid; padding:1em 0; position:relative;}
dl#categories dt{ border-top:1px solid #666; line-height:2.5em; display:block; margin:0 0.3571428571em; }
dl#categories dt:first-child{border:none;}
dl#categories dt a{color:#FF9900; font-size:1.2857em; display:block; font-weight:600; height:100%; padding:0 0 0 0.3571428571em;}
dl#categories dt:hover a{background:#FF9900; color:#333;}
dl#categories dt.first:hover{ line-height:2.5em;}
dl#categories dt a:hover{background:#FF9900; color:#333;}
dl#categories dd ul{ padding:1em 0;}
dl#categories dt:hover+dd ul, dl#categories dd:hover ul{display:block;}
dl#categories dd li{border-top:1px solid #666; display:block; margin:0 0.3571428571em; }
dl#categories dd li:first-child{border:none;}
dl#categories dd a{color:#FF9900; font-weight:600; display:block; width:98%; height:100%;}
dl#categories dd a:hover{color:#333; background-color:#FF9900;}

/*--featured downloads--*/

#feat{border-bottom:1px #B3B3B3 solid;}
#feat .slider{ width:100%; height:21.428571em; background-color:#4D4D4D;}
#feat .slider+p{ line-height:1.285714em; margin:1.285714em 0;}
#feat p.data{font-weight:300; }
#feat p.data span{ margin-right:0.7em;}
#feat p.data span+span+span{margin:0;}

/*slider*/
#banner-fade,
#banner-slide{margin-bottom: 60px;}

ul.bjqs-controls.v-centered li a{display:block; padding:10px; background:#fff; color:#000; text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{ background:#000; color:#fff;
}

ol.bjqs-markers li a{ padding:5px 10px; background:#000; color:#fff; margin:5px; text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{ background: #999;
}

p.bjqs-caption{ background:#4D4D4D; color:#FF9900; font-weight:700;
}

/*--top-news--*/
div#topnews{ clear:both; padding-top:1.2em;}

/*--news--*/

div#news h2{ background-color:#fff; padding:0 0.4em 0.1em 0; position:absolute; top:0; z-index:100; margin:0;}
div#news ul li:first-child img{ width:100%;}
div#news li:first-child a{ position:relative; display:inline-block;}
div#news li:first-child h3{ background-color:#4D4D4D; color:#FF9900; margin:0 2.577319587%; font-size:1.5em; font-weight:600; line-height:1.25em; position:absolute; bottom:0; padding:0.1em 0.5em;}
div#news li:first-child p{ margin:1.28571em 0;}
div#news li:first-child+li{ clear:both;}
div#news li:first-child+li.nsmall{ margin-left:0;}
div#news li.nsmall img{ float:left; width:25%; margin-right:2%;}
div#news li.nsmall h3{ font-size:1.14285714em; font-weight:600; line-height:1.125em; height:3.375em; margin-bottom:0.2em;overflow: hidden}
div#news li.nsmall p{ clear:both; margin-bottom:1em;}
div#news li.withoutPhoto h3 {position: static; margin-top: 40px; background: none; color: #333}
/*--essential-downloads--*/
div#news .author {font-style: italic}

div#news .author img {
    float: left;
    margin: 0 5px 5px 0;
    width: auto !important;
    height: auto;
}
dl.ess{ margin-bottom:3em;}
dl.ess h3 a { font-size:1.428571428em; font-weight:600;}

/*--toody news files--*/

div#toody{ clear:both; width:100%; border-top:1px #B3B3B3 solid;}
div#toody ul{ margin:0 auto 2em; width:100%;}
div#toody li:hover{background-color:#F2F2F2;}
div#toody h4{ font-size:1.142857em; font-weight:600; display:block; line-height:1.125em; height:2.25em;}
div#toody h4, div#toody p {margin:0 5%;}
div#toody p{margin-top:0.5em;}
div#toody p span{ display:inline-block;}
div#toody a.pad{display:block;}
div#toody li:first-child, div#toody li.sixth {margin-left:0;}


div#toody .iconWrapper {
    width: 168px;
    height: 148px;
    text-align: center;
    background: white;
    position: relative;
    margin: 0 5%;
}

div#toody .iconWrapper img {
    width: auto;
    max-width: 168px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/*--recent--*/

div#recent{clear:both; padding-top:2em; width:100%;}
div#recent ul{ display:block; margin-right:1%;}
div#recent li:hover{background-color:#F2F2F2;}
div#recent h4{ color:#4D4D4D; font-size:1.35714285em; line-height:1.2em;}