selector {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.left {float:left; width:30%;background:#fff; margin: 6px 0 0 6px;height:600px;}
h1 { font: normal 300 1.5em/1em 'Doris', sans-serif; letter-spacing:0.2em; color:#333;padding:0 0 0 20px;text-align:center; }
h3 { font: normal 300 1em/1em 'Open Sans', sans-serif;  letter-spacing:0.1em; color:#6b4318; padding:0 0 0 20px; }
a.anc {color:#fff;padding:0;margin:0;}
ul.faqnav {
list-style-type: none;
}
.faqnav li{margin:2px 2px 2px -30px; }
.faqnav li a{font:normal 200 0.7em/1em 'Doris', sans-serif; padding:4px 4px;text-decoration: none; color: #6b4318;}
.faqnav li a:active{ text-decoration: none; color: #333;}
.faqnav li a:hover{ text-decoration: none; color: #333;}

ul.faqlist {
list-style-type: disc;
}
.faqlist li{text-align: left;
font:normal 200 0.8em/1.2em 'Doris', sans-serif;  
color: #777; 
font-weight: normal; 
text-decoration: none; 
background-color: #FFFFFF; 
padding:4px 10px;}

.faqlist a:link {
font:normal 200 1em/1.2em 'Doris', sans-serif; text-decoration: none; 
color: #0033ff;
}




section { 
float:right; height: 600px; width:69%; margin:6px 0 0px 0;
        
		background:  #fff ;
		overflow: auto;
	}
		/* mob css */
article {
        text-align:left;
	}
	.ONE {
text-align: left;
font:normal 200 0.8em/1.2em 'Doris', sans-serif; 
color: #585858;
text-decoration: none; 
background-color: #FFFFFF; 
padding:4px 10px;
}
.ONE a:link {
font:normal 200 1em/1em 'Doris', sans-serif; 
text-decoration: none; 
color: #0033ff;
}
.ONE a:visited {
text-decoration: none; 
color: #0033ff;
}
.ONE a:hover {
text-decoration: none; 
color: #666666;
}


.TWO {
text-align: left;
font:normal 200 0.8em/1.2em 'Doris', sans-serif;  
color: #585858; 
font-weight: normal; 
text-decoration: none; 
background-color: #FFFFFF; 
padding:4px 10px;
}
.TWO a:link {
font:normal 200 1em/1.2em 'Doris', sans-serif;
text-decoration: none; 
color: #0033ff;
}
.TWO a:visited {
text-decoration: none; 
color: #0033ff;
}
.TWO a:hover {
text-decoration: none; 
color: #666666;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
    #faq .main {margin-top: 200px; width:100%; float:none; background-color:#ccc;}
    .left {float:none; width:auto;background:#fff; margin: 0; padding:0;height:660px;}
    section { float:none; height: 800px; width:auto; margin:6px 0 0 0; background:#fff;overflow: auto;}
    .faqnav li{margin:0; font:normal 200 1.1em/1.1em 'Doris', sans-serif; padding:4px;}
    .faqnav li a{ font:normal 200 1.1em/1.1em 'Doris', sans-serif; text-decoration: none; color: #96766c; display:block;}
    .ONE {font:normal 200 1.1em/1.25em 'Doris', sans-serif;}
    .TWO {font:normal 200 1.1em/1.25em 'Doris', sans-serif;}
    h3 {font:normal 200 1.5em/1em 'Doris', sans-serif;}
    ul.faqnav {padding-bottom:20px;}
}