/* 
    Document   : main
    Created on : Dec 20, 2012, 5:34:32 PM
    Author     : Annie
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
} 
body {

    font-size: 90%;
    font-family : verdana,helvetica,arial,sans-serif;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;   
    font-family:verdana,helvetica,arial,sans-serif;
    background-color: whitesmoke; 
    /*  background-image: url("../images/bamboo_green_leave_s.jpg");  Very good !!! */
    /* background-image: url("../images/gold_flowers_s.jpg");  very good 5*/ 
    /* background-image: url("../images/bamboo_dark_brown.jpg");  very good 1 */

}

.container{
    /*  for rounded corners */
    border-radius:25px;
    -moz-border-radius:25px; /* Old Firefox */    
    padding:10px 30px; 
    width:86%;
    /* border:10px solid #336600; */
    border:2px solid #DB7093;
    

    margin:auto; 
    background-color:white;
    margin-top: 20px;

}

a{  
    color: #663300;  
}

a:hover {      
    color:#56721C;   
}

.logo_1{
    /* margin:auto;    this is for put to center */
    height:160px; 
    width: 100%;
    background-color:white;
    white-space: nowrap;
}

.navbar{
    margin:auto; 
    background-color: #556B2F;
    color: white; 
    /* height: 30px; */
    /*word-spacing:12px;*/
    font-size:80%;
    padding-left:15px;
    /*  padding-top:6px; */
    padding-top:4px;
    padding-bottom: 5px;
    white-space:nowrap;
    text-align:left;

    border-radius:15px;
    -moz-border-radius:15px; /* Old Firefox */    


    /*
    float:left;word-spacing:12px;font-size:90%;
    padding-left:15px;padding-top:6px;white-space:nowrap;text-align:left;
    */
}


.navbar a{    
    background-color: #556B2F;
    color: white; 

    font-weight: bold;
    padding-left: 3px;
    padding-right:3px;
}

.navbar a:hover {   
    background-color: #990000;
    text-decoration: none;
    color: white;

    font-weight: bold;
    padding-left: 3px;
    padding-right:3px;
}


.leftcontent{
    padding: 20px;
    /* border-right: 1px solid #BDB76B;*/
}

.rightcontent{
    padding: 20px;

}
.addbox{  

    color:#003300;

    font-weight:bold;
}

.hd1{
    color:#660033;
}

#horizontal_1 div {
    display: inline;
    margin: 0 1em 0 1em;
    width: 30%;
}
.hdspan1{
    margin-left:10px;     
    font-size: 14px; 
    font-weight: bold;
    white-space:nowrap;
    color:#6F370F;
    font-style:italic;
}

.hdspan2{
    margin-left:10px;     
    font-size: 14px; 
    font-weight: bold;
    white-space:nowrap;
    color:#CC0000;    
}

.hdspan3{
    margin-left:10px;     
    font-size: 14px;
    font-weight: bold;
    white-space:nowrap;
    color:#4C602A;  
}
.hdspan4{
    margin-left:10px;     
    font-size: 110%;
    font-weight: bold;
    white-space:nowrap;
    color:#DC143C;  
}

h1.tx1{
    margin-left:10px;     
    font-size: 14px; 
    font-weight: bold;
    white-space:nowrap;
    color:#808000;
    font-style:italic;
}
h1.tx2{
    margin-left:10px;     
    font-size: 20px; 
    font-weight: bold;
    white-space:nowrap;
    color:#663300;

}

.tx3{
    color:#B31378;
    font-weight: bold;
}

.txtred{
    color:#660033;
    font-weight: bold;
}

.footer1{
    background-color: #556B2F;    
    color:#F8F8FF;
    font-size:10px;    
    white-space: nowrap; 

    border-radius:15px;
    -moz-border-radius:15px; /* Old Firefox */    
    padding:5px 18px;     
}

.footer1 a {
    color:  #F0FFFF ;
    text-decoration:none;

}
.footer1 a:hover{
    color: #c2c2c2;
    text-decoration:none;
}

.footer1 hr{

    height: 3px;
}

.sep1 {    
    border-right: 1px solid #85A366;
}

.sep_right {    
    border-right: 2px solid #556B2F;

}
.sep_left {    
    border-left: 2px solid #556B2F;

}

.menu1{
    /* text-align: center;*/
    margin-left:10px;  
    padding-top:10px;
    padding-bottom:10px;
}
.menu1 a{  
    color: #904A28; 
    font-size: 18px;
    font-weight: bold;

}

.menu1 a:hover {      
    color:#6B8E23;
    text-decoration: none;   
    font-size: 18px;
    font-weight: bold;
}

/*  -- for service -- */
div.sev1{ width:780px;padding:15px; margin-left:50px; background-color: #FAFAFF; font-size:14px;}

ul.sevr{list-style-image: url("../images/bullet_red_s.png");}
ul.sevg{list-style-image: url("../images/bullet_green_s.png");}
ul.sevp{list-style-image: url("../images/bullet_purple_s.png");}
span.sev2{color: #191975;}

p.p1{

    padding-left:10px;
    padding-right: 10px;
    text-align:justify;
}

p{

    padding-left:10px;
    padding-right: 10px;
    text-align:justify;
}

/*
div.photo{        
    border-radius:15px;
    -moz-border-radius:15px;
    padding:15px;
    border:4px solid #556B2F;
    width:260px;
    height: 260px;
    
    
}
*/
.photo {  

    height:  250px;  
    width:   250px;  
    padding: 0;  
    margin:  0;  
} 

.photo img {  
    border-radius:15px;
    -moz-border-radius:15px;
    padding: 15px;  
    border:  2px solid #556B2F;  
    background-color: #eee;      
    width:  230px; 
    height: 230px; 
    top:  0; 
    left: 0 
}

.gallery-photo {  

    height:  350px;  
    width:   350px;  
    padding: 0;  
    margin:  0;  
} 

.gallery-photo img {  
    border-radius:15px;
    -moz-border-radius:15px;
    padding: 15px;  
    border:  2px solid #556B2F;  
    background-color: #eee;      
    width:  340px; 
    height: 340px; 
    top:  0; 
    left: 0 
}

/* for small images */
.gallery-tm { 
    height:  80px;  
    width:   80px;  
    padding: 0;  
    margin:  0;  
} 
.gallery-ad{
    border-radius:15px;
    -moz-border-radius:15px;
    padding: 15px;
    border:  3px solid #556B2F;  
    background-color: #eee;      
    width:  95%;
    height: 200px;
    top:  0; 
    left: 0 
}
.gallery-ad h3 {
    padding:2px;
    margin:2px;
    margin-left: 8px;
}

.gallery-ad h1 {
    padding:2px;
    margin:2px;
    margin-left: 8px;
    font-size: 96%;
    font-weight:bold;
}

.gallery-ad p {
    padding:4px;
    padding-right:6px;
    padding-left:6px;
    margin:2px;
    text-indent: 4px;
}


/*   */

.gallery-slider_1{
    border-radius:15px;
    -moz-border-radius:15px;
    padding: 15px;
    border:  3px solid #556B2F;  
    background-color: #eee;      
    width:  95%;
    height: 70px;
    top:  0; 
    left: 0 
}
.gallery-slider_1 h3 {
    padding:2px;
    margin:2px;
    font-size:90%;

}

.gallery-slider_1 h1 {
    padding:2px;
    margin:2px;
    font-size:88%;
    font-weight: bold;

}

.gallery-slider_1 p {
    margin:2px;
    padding:10px;
    text-indent: 6px;
    font-size: 85%;

}

/*   */

.gallery-ad-s{
    border-radius:15px;
    -moz-border-radius:15px;

    padding: 15px;
    border:  2px solid #556B2F;  
    background-color: #eee;      
    width:  250px; 
    height: 300px; 
    top:  0; 
    left: 0 
}
.gallery-ad-s h3 {
    padding:2px;
    margin:2px;
    padding-left:5px;
}
.gallery-ad-s p {
    padding:4px;
    margin:1px;
    text-indent: 6px;
}

.gallery-tm img {  
    padding: 2px;  
    border:  1px solid #556B2F;  
    background-color: #eee;      
    width:  60px; 
    height: 60px; 
    top:  0; 
    left: 0 ;


}

/*  end for small images */


.centerBox{
    text-align: center;
    color:purple;
}

.cap-purple{
    color:#660033;
    font-weight: bold;
    padding-left: 20px;
}



/** for tabs */

#bios-tabs .ui-widget-header {
    border:0; background:#c2c2c2 none; font-family:Georgia; font-size:90%; font-weight: bold;
}
#bios-tabs .ui-widget-content {
    border:1px solid #aaa; background:#fff none; font-size:95%;  
}

#bios-tabs .ui-state-default  {
    border:1px solid #636363; background: #FFD700 none;
    font-family: Arial,Helvetica,sans-serif; font-weight: bold;
}

#bios-tabs .ui-state-active {
    border:1px solid #aaa; background:#fff none; font-weight: bold;
}

#treated-tabs .ui-widget-header {
    border:0; background:#c2c2c2 none; font-family:Georgia; font-size:90%; font-weight: bold;
}
#treated-tabs .ui-widget-content {
    border:1px solid #aaa; background:#fff none; font-size:95%;  
}

#treated-tabs .ui-state-default  {
    border:1px solid #636363; background: #FFD700 none;
    font-family: Arial,Helvetica,sans-serif; font-weight: bold;
}

#treated-tabs .ui-state-active {
    border:1px solid #aaa; background:#fff none; font-weight: bold;
}


#mission-tabs .ui-widget-header {
    border:0; background:#c2c2c2 none; font-family:Georgia; font-size:90%; font-weight: bold;
}
#mission-tabs .ui-widget-content {
    border:1px solid #aaa; background:#fff none; font-size:95%;  
}

#mission-tabs .ui-state-default  {
    border:1px solid #636363; background: #FFD700 none;
    font-family: Arial,Helvetica,sans-serif; font-weight: bold;
}

#mission-tabs .ui-state-active {
    border:1px solid #aaa; background:#fff none; font-weight: bold;
}

/** for accordion-faq */
#accordion-faq .ui-widget-header {
    border:0; background:#c2c2c2 none; font-family:Georgia; font-size:88%;
}
#accordion-faq .ui-widget-content {
    border:2px solid #aaa; background:#fff none; font-size:88%; 
}

#accordion-faq .ui-state-default  {
    border:2px solid #BDB76B; background: white none;
    font-family: Arial,Helvetica,sans-serif;
    color: #4B6318; padding-top: 6px;padding-bottom: 6px;
    font-size:90%; font-weight: bold;
    /* width:40%;*/
}

#accordion-faq .ui-state-active {
    border:2px solid #aaa; background:#fff none;
    color:#29297A;  padding-top: 6px;padding-bottom: 6px; font-weight: bold;
    font-size:90%;
}

/** for accordion-test */
#accordion-test .ui-widget-header {
    border:0; background:#c2c2c2 none; font-family:Georgia; font-size:85%;
}
#accordion-test .ui-widget-content {
    border:1px solid #aaa; background:#fff none; font-size:85%; 
}
#accordion-test .ui-state-default  {
    border:1px solid olive; background: white none;
    font-family: Arial,Helvetica,sans-serif;
    color: #663300; padding:2px;
    font-size:85%; font-weight: bold;
    /*width:40%;*/
}

#accordion-test .ui-state-active {
    border:1px solid #aaa; background:#fff none;
    color:brown;  padding:2px; font-weight: bold;
    font-size:85%;
    /*width:40%;*/
}

#bio-accordion h2{
    background: url('../images/open.png') no-repeat 0 11px;
    padding: 10px 0 0 25px;
    font-size: 16px;
    color: #003366;        
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;

}
#bio-accordion h2.close {
    background-image: url('../images/close.png');
    color: darkred;
    font-size:16px;

}


.acc-main h2{
    background: url('../images/open.png') no-repeat 0 11px;
    padding: 10px 0 0 25px;        
    /* color: #660033; */
    color: #3F8A61;      
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
    font-size:16px;
}
.acc-main h2.close {
    background-image: url('../images/close.png');
    color: darkred;
    color:#3F8A61;
    font-size:16px; 

}

.answer {
    margin-left: 25px;	
}

#gallery-wrap{

    margin-left: 100px;
}

.tx4{
    margin-left: 10px;
    margin-top:3px;
    margin-bottom:3px;
    font-style: italic;
    color:darkslateblue;
}

/* ----------- appointForm ----------- */


.spacer{clear:both; height:1px;}

.appointForm{
    margin:0 auto;
    width:430px;
    padding:14px;
}
/* ----------- basic ----------- */
#basic{
    border:solid 2px #DEDEDE;	
}
#basic h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
#basic p{
    font-size:11px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #dedede;
    padding-bottom:10px;
}
#basic label{
    display:block;
    font-weight:bold;
    text-align:right;
    width:140px;
    float:left;
}
#basic .small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:140px;
    padding-right: 5px;
    margin-right: 5px;
}
#basic input{
    float:left;
    width:200px;
    margin:2px 1px 30px 10px;
}
#basic button{ 
    clear:both;
    margin-left:150px;
    background:#888888;
    color:#FFFFFF;
    border:solid 1px #666666;
    font-size:11px;
    font-weight:bold;
    padding:4px 6px;
}


/* ----------- stylized ----------- */
#stylized{
    border:solid 2px #b7ddf2;
    background:#ebf4fb;

}
#stylized h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
#stylized p{
    font-size:11px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #b7ddf2;
    padding-bottom:10px;
}
#stylized label{
    display:block;
    font-weight:bold;
    text-align:right;
    width:140px;
    float:left;
}
#stylized .small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:140px;
}
#stylized input{
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #aacfe4;
    width:200px;
    margin:2px 0 20px 10px;
}
#stylized button{ 
    clear:both;
    margin-left:160px;
    width:125px;
    height:31px;
    background:#444;
    text-align:center;
    line-height:31px;
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
   
}
/* ----------- End of appointForm ----------- */

/*  for datepicker */
.ui-datepicker-prev span {
    background-image: url("../images/arrow-prev.png") !important;
    background-position: 0px 0px !important;
}

.ui-datepicker-next span {
    background-image: url("../images/arrow-next.png")  !important;
    background-position: 0px 0px !important;
}

/*  end datepicker */