@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../fonts/OpenSans-CondBold-webfont.eot');
    src: url('../fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Default media */
body
{
	color: #747474;
	font-size: 16px;
	line-height: 23px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #666666;
}

a, a:link, a:visited, a:active
{
	color: #8c9400;
	text-decoration: none;
}  
    
a:hover
{
	color: #222222;
	text-decoration: underline;
}

img { border: 0 none; }

h1
{
	color: #8c9400;
	font-size: 36px;
	line-height: 42px;
	font-family: 'open_sanscondensed_light';
}

h2
{
	color: #8c9400;
	font-size: 28px;
	line-height: 32px;
	font-family: 'open_sanscondensed_light';
}

h3
{
	color: #8c9400;
	font-size: 19px;
	line-height: 26px;
	font-family: 'open_sanscondensed_light';
}

h4
{
	color: #666;
	font-size: 16px;
	line-height: 19px;
	font-family: 'open_sanscondensed_light';
}

.caldate { font-weight: 900; }

.quote
{
	color: #999;
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, serif;
	padding: 10px 5% 0 5%;
}
    
.quotenm
{
	font-size: 12px;
	line-height: 15px;
	padding: 10px 5% 30px 5%;
}
   
.notes
{
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	margin: 10px 0;
}
    
.crumbs
{
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	margin-bottom: 50px;
	padding-bottom: 8px;
	border-bottom: 1px #CCC solid;
	clear: both;
	display: block;
}

.prdpublic
{
	font-size: 10px;
	line-height: 24px;
	height: 24px;
	margin: 0;
	padding: 0 10px;
	color: #EEE;
	background-color: #993333;
	-moz-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.prdsch
{
	font-size: 10px;
	line-height: 24px;
	height: 24px;
	margin: 0;
	padding: 0 10px;
	color: #EEE;
	background-color: #006699;
	-moz-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.wrkprac
{
	font-size: 10px;
	line-height: 24px;
	height: 24px;
	margin: 0;
	padding: 0 10px;
	color: #666;
	background-color: #FC0;
	-moz-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.wrkteac
{
	font-size: 10px;
	line-height: 24px;
	height: 24px;
	margin: 0;
	padding: 0 10px;
	color: #EEE;
	background-color: #006666;
	-moz-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.wrkstud
{
	font-size: 10px;
	line-height: 24px;
	height: 24px;
	margin: 0;
	padding: 0 10px;
	color: #EEE;
	background-color: #cc6600;
	-moz-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.prdint
{
	font-size: 10px;
	line-height: 24px;
	height: 24px;
	margin: 0;
	padding: 0 10px;
	color: #EEE;
	background-color: #663366;
	-moz-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.prdevent
{
	font-size: 10px;
	line-height: 24px;
	height: 24px;
	margin: 0;
	padding: 0 10px;
	color: #EEE;
	background-color: #442200;
	-moz-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
}


/* Layout */

#topcanvas
{
	background-color: black;
	margin: 0;
	padding: 0;
}

#topbar
{
	width: 94%;
	max-width: 980px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
}

#logo
{
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
}

#logo img
{
	float: left;
	height: 70px;
	margin: 0;
	padding: 10px 0 0 0;
}

#adbar
{
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #222;
	text-align: center;
}

#adbarsubscribe
{
	margin: 0 3%;
	padding: 20px 0 40px 0;
	vertical-align: top;
	display: inline-block;
}

#adbarsubscribe a:hover
{
	color: #CCC;
	text-decoration: none;
}

#adbarsubscribeleft
{
	float: left;
	margin: 0;
	padding: 0 40px 0 0;
	text-align: left;
}

#adbarsubscriberight
{
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
}

.mimi_field
{
	float: left;
	padding-right: 7px;
	padding-bottom: 7px;
}

#bot
{
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	width: 100%;
	margin: 0 0 50px 0;
	padding: 0;
	background-color: #F4F4F4;
	border-top: 4px #DDDDDD solid;
	border-right: 4px #DDDDDD none;
	border-bottom: 4px #DDDDDD solid;
	border-left: 4px #DDDDDD none;
	-moz-box-shadow: 0 5px 5px #444;
	-webkit-box-shadow: 0 5px 5px #444;
	box-shadow: 0 5px 5px #444;
}

#footer
{
	width: 94%;
	max-width: 980px;
	margin: 50px auto;
	vertical-align: top;
	display: inline-block;
	text-align: left;
}

#footeradd
{
	float: left;
	margin: 0;
	padding: 0;
}

#footernav
{
	float: left;
	margin: 0 auto;
	padding: 0 0 0 40px;
	line-height: 11px;
	width: 180px;
}

#footernav a, #footernav a:link, #footernav a:visited, #footernav a:active
{
	color: #333333;
	text-decoration: none;
	border-bottom: 1px #CCC solid;
	display: block;
	padding: 0 0 8px 0;
}  
    
#footernav a:hover
{
	color: #8c9400;
	text-decoration: none;
}

#footericons
{
	float: right;
	margin: 0;
	padding: 0;
}

#mastheadcanvas
{
	background-color: #000;
	margin: 0;
	padding: 0;
}

#masthead
{
	width: 100%;
	max-width: 1000px;
	height: auto;
	max-height: 280px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#canvas
{
	width: 100%;
	background: #FFF;
	margin: 0;
	padding: 0;
	vertical-align: top;
	display: inline-block;
	text-align: center;
}

#content
{
	width: 94%;
	max-width: 980px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	vertical-align: top;
	display: inline-block;
	text-align: left;
}

.featurebox
{
	float: left;
	width: 290px;
	margin: 20px 0 30px 0;
	padding: 0;
}

.featurebox:not(:last-child)
{
	margin-right: 39px;
}

.featurebox .px
{
	width: 290px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.featurebox .px img
{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
}

.featurebox .txt
{
	margin: 0;
	padding: 10px 0;
}

.featurebox1col
{
	width: 100%;
	margin: 20px 0 40px 0;
	padding: 0;
	vertical-align: top;
	display: inline-block;
}

.featurebox1col .px
{
	float: left;
	width: 60%;
	height: auto;
	margin: 0;
	padding: 0;
}

.featurebox1col .px img, .featurebox2col .px img
{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
}

.featurebox1col .txt
{
	float: left;
	width: 37%;
	margin: 0;
	padding: 0 0 10px 3%;
}

.featurebox2col
{
	float: left;
	width: 44%;
	margin: 20px 3% 30px 3%;
	padding: 0;
}

.newsbox3col
{
	float: left;
	width: 30%;
	height: 290px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 1px #DDD solid;
	overflow: hidden;
}

.newsbox3col:not(:last-child) { margin-right: 4.6%; }

.newsbox3col .txt
{
	margin: 0;
	padding: 0 20px;
}

.newsbox3col img
{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#maincol
{
	float: left;
	width: 579px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#maincol img
{
	width: 100%;
	height: auto;
	max-width: 579px;
	margin: 0;
	padding: 0;
}

.pxsideright
{
	width: 200px;
	float: right;
	padding: 0 0 10px 20px;
}

.prd
{
	width: 100%;
	margin-bottom: 50px;
	padding: 0;
	vertical-align: top;
	display: inline-block;
	border-bottom: 1px #CCCC99 solid;
}

.prdpx
{
	float: right;
	width: 40%;
	margin-bottom: 20px;
}

.prdpx img { width: 100%; display: block; }

.prdtxt { float: left; width: 50%; padding-right: 10%; display: block; }

.bookpx { float: left; width: 180px; }

.bookpx img { width: 180px; }

.booktxt { float: left; width: 340px; padding-left: 30px; }

.pxleft { float: right; width: 230px; margin: 20px 0 20px 30px; }

.pxleft img { width: 100%; }

#sidebar
{
	float: right;
	width: 280px;
	margin: 0 0 0 29px;
	padding: 0 0 0 30px;
	border-left: 1px #f4f4f4 solid;
}

.sidebox
{
	margin: 0;
	padding: 0;
	padding-bottom: 30px;
}

.mstone
{
	margin: 0;
	padding: 6px;
	vertical-align: top;
	background-color: transparent;
	background-image: url(../images/vr-milestones.png);
	background-repeat: repeat-y;
	background-position: 10px top;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.donatecol {
	float: left;
	padding: 0 10px 20px 0;
	margin: 0;
	text-align: center;
}

.donatecol .sml {
	font-size: 8px; line-height: 8px;
}

#donatesteps
{
	height: 50px;
	padding: 0;
	margin: 0 0 30px 0;
	clear: both;
}

.donatestepsbox {
	float: left;
	padding: 0 7% 0 0;
	margin: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	color: #666;
	background-color: Transparent;
	background: none;
}

.donatestepsbox:not(:last-child)
{
	background-color: Transparent;
	background-image: url(../images/icon-line.png);
	background-repeat: repeat-x;
	background-position: left center;
}

.donatestepsbox img
{
	background-color: #CCCCCC;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.donatestepsbox img.on
{
	background-color: #CDD33D;
}

.container
{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}

.contentcol
{
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.content2col
{
	float: left;
	width: 47%;
	margin: 0 6% 0 0;
	padding: 0;
}

.content2col:last-child { margin: 0; }


/* List Forms */

.break
{
	padding-bottom: 20px;
	padding-top: 2px;
	width: 100%;
	display: inline-block;
}

.line
{
	border-bottom: 1px #CCCC99 solid;
	padding-bottom: 20px;
	padding-top: 2px;
	width: 100%;
	display: inline-block;
}

.linelist
{
	border-bottom: 1px #CCCC99 solid;
	padding: 0 10px 6px 10px;
}

.news
{
	border-bottom: 1px #CCCC99 solid;
	padding: 10px 0;
	display: block;
}

form
{
	margin: 0;
	padding: 0;
}

.inputbox
{
	padding: 0 5px;
	margin: 0;
	height: 20px;
	color: #999999;
	background: #fff;
	border: #DDDDDD solid 1px
}

select
{
	padding: 3px 0px;
	margin: 0px;
	color: #999999;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
}

select option
{
	margin: 3px 0px;
	color: #999999;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
}

.s_list
{
	list-style-type: none;
	list-style-position: outside;
	display: inline;
	clear: both;
	padding: 0;
	margin: 0;
}

.s_list li
{
	display: list-item;
	padding: 2px 10px;
	margin: 8px 4px;
	background-image: url(../images/bullet-arrow-green.png);
	background-position: 0 7px;
	background-repeat: no-repeat;
	border: 0 none;
	text-align: left;
}

.ln_list li .s_list li
{
	display: list-item;
	padding: 5px 0 5px 10px;
	margin: 0;
	background-image: url(../images/bullet-arrow-green.png);
	background-position: 0 7px;
	background-repeat: no-repeat;
	border: 0 none;
	text-align: left;
	font-weight: normal;
	line-height: 1.4;
}

.ln_list li .sub_list
{
	list-style-type: none;
	list-style-position: outside;
	display: inline;
	clear: both;
	padding: 0px;
	margin: 0px;
}

.ln_list li .sub_list li
{
	background-image: url(../images/bullet.png);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	padding: 0px 12px;
	margin: 3px 8px 8px 8px;
	border: none;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
}

.ln_list
{
	list-style-type: none;
	list-style-position: outside;
	display: inline;
	clear: both;
	padding: 0;
	margin: 0px;
}

.ln_list li
{
	display: block;
	padding: 4px 0px;
	margin: 0px;
	text-align: left;
	border-top: 1px #CCCC99 solid;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
	font-size: 11px;
	font-weight: bold;
}

.a_list
{
	list-style-type: none;
	list-style-position: outside;
	display: inline;
	clear: both;
	padding: 0;
	margin: 0;
}

.a_list li
{
	display: list-item;
	padding: 2px 10px;
	margin: 0px;
	background-image: url(../images/bullet-arrow-green.png);
	background-position: 0 10px;
	background-repeat: no-repeat;
	border: 0 none;
	text-align: left;
}


/* Navigation */

.navhide, #navtop { display: none; }

#navigation
{
	float: right;
	margin: 27px 0 0 0;
	padding: 0;
	font-size: 14px;
	font-family: 'open_sanscondensed_light';
}

/* Top Navigation */
#mainav{text-align:center; text-transform:uppercase;}
#mainav ul{ -moz-border-radius: 3px; border-radius: 3px;}
#mainav ul ul{z-index:9999; position:absolute; width:200px;}
#mainav ul ul ul{left:205px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0 1px 0 0; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0; text-align:left; text-transform:none;left:-45px;}
#mainav li a{display:block; padding:4px 10px;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav li li:last-child a{border-width:0 0 1px 0;}
#mainav .drop{padding:4px 10px; }
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav ul ul{display:none;}
#mainav ul li:hover > ul{display:block;}

/* Navigation */
#mainav li a{color:inherit; color: #FFF;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#cdd33d; text-decoration:none;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6); }
#mainav li li li a, #mainav li li li:last-child a {color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6); border-left: 1px #000 solid; }
#mainav li li:hover > a, #mainav .active .active > a{color:#333; background-color:#cdd33d;}
#mainav li li li:hover > a{color:#333; background-color:#9ba700;}


/* Nav Others */

.btnfb, .btntwit, .btnyoutube { width: 63px; height: 63px; display: block; float: left; padding-right: 15px; }

a.btnfb, a.btnfb:link, a.btnfb:visited, a.btnfb:active
{
	background-image: url(../images/btn-fb.png); background-repeat: no-repeat; background-position: left top;
}

a.btnfb:hover
{
	background-image: url(../images/btn-fb-mo.png); background-repeat: no-repeat; background-position: left top;
}

a.btntwit, a.btntwit:link, a.btntwit:visited, a.btntwit:active
{
	background-image: url(../images/btn-twitter.png); background-repeat: no-repeat; background-position: left top;
}

a.btntwit:hover
{
	background-image: url(../images/btn-twitter-mo.png); background-repeat: no-repeat; background-position: left top;
}

a.btnyoutube, a.btnyoutube:link, a.btnyoutube:visited, a.btnyoutube:active
{
	background-image: url(../images/btn-youtube.png); background-repeat: no-repeat; background-position: left top;
}

a.btnyoutube:hover
{
	background-image: url(../images/btn-youtube-mo.png); background-repeat: no-repeat; background-position: left top;
}

.btninsta { width: 63px; height: 63px; display: block; float: left; }

a.btninsta, a.btninsta:link, a.btninsta:visited, a.btninsta:active
{
	background-image: url(../images/btn-insta.png); background-repeat: no-repeat; background-position: left top;
}

a.btninsta:hover
{
	background-image: url(../images/btn-insta-mo.png); background-repeat: no-repeat; background-position: left top;
}

.btntix { width: 106px; height: 22px; display: block; float: left; }

a.btntix, a.btntix:link, a.btntix:visited, a.btntix:active
{
	background-image: url(../images/btn-tix.png); background-repeat: no-repeat; background-position: left top;
}

a.btntix:hover
{
	background-image: url(../images/btn-tix-mo.png); background-repeat: no-repeat; background-position: left top;
}

.btntixch { width: 106px; height: 22px; display: block; float: left; }

a.btntixch, a.btntixch:link, a.btntixch:visited, a.btntixch:active
{
	background-image: url(../images/btn-tix-ch.png); background-repeat: no-repeat; background-position: left top;
}

a.btntixch:hover
{
	background-image: url(../images/btn-tix-ch-mo.png); background-repeat: no-repeat; background-position: left top;
}

.btnregister { width: 106px; height: 22px; display: block; float: left; }

a.btnregister, a.btnregister:link, a.btnregister:visited, a.btnregister:active
{
	background-image: url(../images/btn-register.png); background-repeat: no-repeat; background-position: left top;
}

a.btnregister:hover
{
	background-image: url(../images/btn-register-mo.png); background-repeat: no-repeat; background-position: left top;
}

.btnregisterch { width: 106px; height: 22px; display: block; float: left; }

a.btnregisterch, a.btnregisterch:link, a.btnregisterch:visited, a.btnregisterch:active
{
	background-image: url(../images/btn-register-ch.png); background-repeat: no-repeat; background-position: left top;
}

a.btnregisterch:hover
{
	background-image: url(../images/btn-register-ch-mo.png); background-repeat: no-repeat; background-position: left top;
}

.btnsubmit
{
	padding: 0;
	margin: 0;
	width: 73px;
	height: 22px;
	background-image: url(../images/btn-submit.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	border: 0px;
}

.btnsubmit:hover
{
	background-image: url(../images/btn-submit-mo.png); background-repeat: no-repeat; background-position: left top;
}

.btnsubmitch
{
	padding: 0;
	margin: 0;
	width: 73px;
	height: 22px;
	background-image: url(../images/btn-submit-ch.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	border: 0px;
}

.btnsubmitch:hover
{
	background-image: url(../images/btn-submit-ch-mo.png); background-repeat: no-repeat; background-position: left top;
}

.btnpreview
{
	padding: 0;
	margin: 0;
	width: 73px;
	height: 22px;
	background-image: url(../images/btn-preview.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	border: 0px;
}

.btnpreview:hover
{
	background-image: url(../images/btn-preview-mo.png); background-repeat: no-repeat; background-position: left top;
}

.btnback
{
	padding: 0;
	margin: 0 30px 0 0;
	width: 73px;
	height: 22px;
	background-image: url(../images/btn-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	border: 0px;
}

.btnback:hover
{
	background-image: url(../images/btn-back-mo.png); background-repeat: no-repeat; background-position: left top;
}

a.btndownload, a.btndownload:link, a.btndownload:visited, a.btndownload:active
{
	background-color: #CDD33D;
	color: #FFF;
	padding: 10px 20px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
}

a.btndownload:hover
{
	background-color: #333;
	color: #FFF;
	text-decoration: none;
}

a.btndonate, a.btndonate:link, a.btndonate:visited, a.btndonate:active
{
	background-color: #CDD33D;
	color: #666;
	width: 130px;
	height: 130px;
	padding: 0;
	-moz-border-radius: 100%;
	border-radius: 100%;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	display: block;
	min-height: 85px;
}

a.btndonate:hover
{
	background-color: #333;
	color: #FFF;
	text-decoration: none;
}

#btntop
{
	width: 100%;
	max-width: 980px;
	margin: 50px 0 0 0;
	padding: 0;
	vertical-align: top;
	display: inline-block;
}

#btntopm { display: none; }

.btntop, .btntopm
{
	width: 34px;
	height: 23px;
	display: block;
	float: right;
}

a.btntop, a.btntop:link, a.btntop:visited, a.btntop:active, a.btntopm, a.btntopm:link, a.btntopm:visited, a.btntopm:active
{
	background-image: url(../images/btn-top.png); background-repeat: no-repeat; background-position: left bottom;
}

a.btntop:hover
{
	background-image: url(../images/btn-top-mo.png); background-repeat: no-repeat; background-position: left bottom;
}

a.btntopm:hover
{
	background-image: url(../images/btn-top-mo-m.png); background-repeat: no-repeat; background-position: left bottom;
}

#ddm { display: none; }

.more { font-weight: bold; }

.btniconphoto { width: 30px; height: 30px; display: block; margin-bottom: 5px; }

a.btniconphoto, a.btniconphoto:link, a.btniconphoto:visited, a.btniconphoto:active
{
	background-image: url(../images/icon-photo.png); background-repeat: no-repeat; background-position: left top;
}

a.btniconphoto:hover
{
	background-image: url(../images/icon-photo-mo.png); background-repeat: no-repeat; background-position: left top;
}

.btniconaudio { width: 30px; height: 30px; display: block; margin-bottom: 5px; }

a.btniconaudio, a.btniconaudio:link, a.btniconaudio:visited, a.btniconaudio:active
{
	background-image: url(../images/icon-audio.png); background-repeat: no-repeat; background-position: left top;
}

a.btniconaudio:hover
{
	background-image: url(../images/icon-audio-mo.png); background-repeat: no-repeat; background-position: left top;
}

a.btn, a.btn:link, a.btn:visited, a.btn:active
{
	background-color: #CDD33D;
	color: #FFF;
	padding: 6px 15px 5px 15px;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
}

a.btn:hover
{
	background-color: #333;
	color: #FFF;
	text-decoration: none;
}



@-ms-viewport{width:device-width;}

/* Media for smaller devices */

@media screen and (min-width: 320px) and (max-width: 414px) {

.pxleft { float: none; width: 100%; margin: 0 0 30px 0; }

.prdtxt { float: none; width: 100%; padding-right: 0; }

.prdpx { float: none; width: 100%; }

.prdpx img { width: 100%; }

.content2col { float: none; width: 100%; margin: 0; padding: 0 0 20px 0; }

.content2col:last-child { float: none; width: 100%; margin: 0; padding: 0; }

}


@media screen and (min-width: 320px) and (max-width: 834px) {

body { min-width: 100%; }

#topbar
{
	width: 100%;
	height: 70px;
	margin: 40px auto 0 auto;
	padding: 0;
}

#logo
{
	float: none;
	width: 100%;
	height: 70px;
	text-align: center;
}

#logo img
{
	float: none;
	width: auto;
	height: 50px;
	padding: 7px 0;
}

#adbar { text-align: left; }

#adbarsubscribe { margin: 0 5%; }

#adbarsubscribeleft
{
	float: none;
	padding: 0;
}

#adbarsubscriberight
{
	float: none;
	min-width: inherit;
}

.mimi_field
{
	float: none;
	padding-right: 0;
	padding-bottom: 20px;
}

#footer
{
	width: 90%;
	margin: 50px 5%;
}

#footeradd, #footericons { float: none; }

#footernav
{
	float: left;
	margin: 50px 0;
	padding: 0;
	width: 100%;
}

#masthead
{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#content
{
	width: 90%;
	padding: 20px 0 0 0;
}

.featurebox
{
	float: none;
	width: 100%;
	margin: 30px 0;
}

.featurebox:not(:last-child)
{
	margin-right: 0;
}

.featurebox .px
{
	width: 100%;
	max-width: 320px;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.featurebox .px img
{
	width: 100%;
	max-width: 320px;
	height: auto;
	margin: 0;
	padding: 0;
}

.featurebox .txt
{
	margin: 0;
	padding: 10px 0;
}

.featurebox1col .px
{
	float: none;
	width: 100%;
}

.featurebox1col .txt
{
	float: none;
	width: 100%;
	padding: 0;
}

.featurebox2col
{
	float: none;
	width: 100%;
	margin: 30px 0;
}

.newsbox3col
{
	float: none;
	width: 100%;
	text-align: center;
}

.newsbox3col:not(:last-child) { margin-right: 0; }

.newsbox3col img
{
	max-width: 261px;
	margin: 0 auto;
}

#maincol
{
	float: none;
	width: 100%;
}

.pxsideright
{
	float: none; padding: 10px 0; display: block;
}

.bookpx { float: none; width: auto; max-width: 180px; padding-bottom: 20px; }

.bookpx img { max-width: 180px; }

.booktxt { float: none; width: 100%; padding-left: 0; }

#sidebar
{
	float: none;
	width: 90%;
	margin: 30px 0;
	padding: 2% 5%;
	border-left: none;
	background-color: #f4f4f4;
	text-align: center;
}

#btntopm
{
	display: block;
	position: fixed;
	right: 5%;
	bottom: 0px;
}

#btntop { display: none; }

#ddm
{
	display: block;
	padding: 15px 0;
}

#navtop
{
	display: block;
	position: absolute;
	top: 0;
	width: 90%;
	height: 30px;
	margin: 0;
	padding: 10px 5% 0 5%;
	background-color: black;
	font-size: 14px;
	font-family: 'open_sanscondensed_light';
	z-index: 9999;
}

#navtoplang { float: right; }

#navtoplang a { color: #FFF; }

#navtoplang a:hover { color: #cdd33d; text-decoration: none; }

#navigation
{
	display: none;
	width: 100%;
	background: rgba(0,0,0,.8);
	color: #FFF;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 110px;
	z-index: 9999;
}

/* Top Navigation */
#mainav{text-align:left; text-transform:uppercase;}
#mainav ul{margin: 0 5%; padding: 0;}
#mainav ul ul{z-index:9999; position:relative; margin: 0; padding: 0; left: 0; top: 0; display:block; width:100%;}
#mainav ul ul ul{width:100%; margin: 0; left:0; top:0;}
#mainav li{display:block; position:relative; margin: 0; padding:0;}
#mainav li:last-child{margin-bottom:5%;}
#mainav li li{margin:0; text-align:left; text-transform:none; left: 0; top: 0;}
#mainav li li:last-child{margin-bottom:0; border-color:rgba(0,0,0,.6); }
#mainav li a{display:block; padding:10px 0; border:solid; border-width:0 0 1px 0;}
#mainav li:last-child a{border-width:0;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav li li:last-child a{border-width:0 0 1px 0;}
#mainav li li li:last-child a{ padding-bottom: 15px; border-color:rgba(51,51,51,.9); }
#mainav .drop{padding:10px 0;}
#mainav .drop2{border: none;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav ul ul{display:none;}
#mainav ul li:hover > ul{display:none;}

/* Navigation */
#mainav li a{color:inherit; border-color:rgba(155,167,0,.6);}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#cdd33d; text-decoration:none;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.5); border-color:rgba(51,51,51,.9);}
#mainav li li li a { color:#FFFFFF; padding: 8px 12%; background-color:rgba(0,0,0,.5); border-color:rgba(0,0,0,0);}
#mainav li li:hover > a, #mainav .active .active > a{color:#333; background-color:#cdd33d;}
#mainav li li li:hover > a{color:#333; background-color:#9ba700;}
#mainav li.menulang { display: none; }


/* Nav Others */

.btnfb, .btntwit, .btnyoutube { width: 53px; height: 53px; display: block; float: left; padding-right: 10px; }

a.btnfb, a.btnfb:link, a.btnfb:visited, a.btnfb:active
{
	background-image: url(../images/btn-fb.png); background-repeat: no-repeat; background-position: left top; background-size: contain;
}

a.btnfb:hover
{
	background-image: url(../images/btn-fb-mo.png); background-repeat: no-repeat; background-position: left top; background-size: contain;
}

a.btntwit, a.btntwit:link, a.btntwit:visited, a.btntwit:active
{
	background-image: url(../images/btn-twitter.png); background-repeat: no-repeat; background-position: left top; background-size: contain;
}

a.btntwit:hover
{
	background-image: url(../images/btn-twitter-mo.png); background-repeat: no-repeat; background-position: left top; background-size: contain;
}

a.btnyoutube, a.btnyoutube:link, a.btnyoutube:visited, a.btnyoutube:active
{
	background-image: url(../images/btn-youtube.png); background-repeat: no-repeat; background-position: left top; background-size: contain;
}

a.btnyoutube:hover
{
	background-image: url(../images/btn-youtube-mo.png); background-repeat: no-repeat; background-position: left top; background-size: contain;
}

.btninsta { width: 53px; height: 53px; display: block; float: left; }

a.btninsta, a.btninsta:link, a.btninsta:visited, a.btninsta:active
{
	background-image: url(../images/btn-insta.png); background-repeat: no-repeat; background-position: left top; background-size: contain;
}

a.btninsta:hover
{
	background-image: url(../images/btn-insta-mo.png); background-repeat: no-repeat; background-position: left top; background-size: contain;
}

a.btndonate, a.btndonate:link, a.btndonate:visited, a.btndonate:active { min-height: 65px; }


}