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

<!--expand starts--->

#content {
  width:100%;
  margin:0 auto;
  padding-bottom:20px;
  overflow:hidden
}

.demo {
    float: left;
    margin-right: 3%;
    overflow: hidden;
    position: relative;
    width: 47%;
}

.collapse p {padding:0;}

.switch a{color:#1a6690 !important; text-decoration:none;}
.switch a:hover{color:#000; text-decoration:none;}

.switch {position:absolute; top:0.9em; right: 1.5em;}

.post .switch {position:static; text-align:right}

.post .main{margin-bottom:.3em; padding-bottom:0}

.other li, .summary {margin-bottom:.3em; padding:1em;}

.other ul {list-style-type:none; text-align:center}

/* --- Headings  --- */
h1 {
  margin-bottom:1em; 
}

h2 {margin-bottom:1em; padding:0px 3px 0px 0px; color:#000; float:left; width:450px; font-size:14pt; font-family:verdana; margin:0px;}

.h2_row{border-bottom:1px solid #CCCCCC; float:left; width:670px; clear:both; height:10px;}

h2, h3, h4{
	}


/* --- Links  --- */

a:link, a:visited {
  text-decoration:none;


}

a:hover, a:active, a:focus {
}

a:active, a:focus {

}

.expand a {

  display:block;

}

.expand a:link, .expand a:visited {
  background-image:url(../img/arrow-down.gif);

  background-repeat:no-repeat;

  background-position:98% 50%;

}

.expand a:hover, .expand a:active, .expand a:focus {

}

.expand a.open:link, .expand a.open:visited {

  background:url(../img/arrow-up.gif) no-repeat 98% 50%;

}
<!----expands ends--->




h2 {
    color: #000;
    float: left;
    font-family: verdana;
    font-size: 14pt;
    margin: 0;
    padding: 0 3px 0 0;
}



.break {
    clear: both;
    height: 8px;
}

.faq_ques {
    border-bottom: 1px solid #ccc;
    float: left;
    margin-right: 4%;
    padding: 15px 0 10px;
    width: 100%;
}

.expand {
    text-decoration: none;
}