/* CSS Document */

body{
background:#595959;
margin:0px;
padding:0px;
}

/* main layouts */
#main{
width:895px;
margin:auto;
}
#main-wrapper{
width:895px;
float:left;
}
#left-section{
width:257px;
height:831px;
float:left;
background:#ffffff;
background-image:url(images/silver-left.gif);
background-position:right;
background-repeat:repeat-y;
padding:13px 15px;
}
#left-section2{
width:257px;
height:2161px;
float:left;
background:#ffffff;
background-image:url(images/silver-left.gif);
background-position:right;
background-repeat:repeat-y;
padding:13px 15px;
}
#right-section{
width:577px;
height:831px;
background:#99CC00;
float:left;
background-image:url(images/silver-right.gif);
background-position:left;
background-repeat:repeat-y;
padding:13px 17px;
padding-right:14px;
}
#right-section2{
width:577px;
height:2161px;
background:#99CC00;
float:left;
background-image:url(images/silver-right.gif);
background-position:left;
background-repeat:repeat-y;
padding:13px 17px;
padding-right:14px;
}
/* left side elements */
#left-top{
background-image:url(images/leftside-design.gif);
width:248px;
height:22px;
}
#left-middle{
width:246px;
border-left:1px solid #D6D6D6;
border-right:1px solid #D6D6D6;
height:772px;
clear:none;
padding-top:15px;
}
#left-middle2{
width:246px;
border-left:1px solid #D6D6D6;
border-right:1px solid #D6D6D6;
height:2102px;
clear:none;
padding-top:15px;
}
#left-bottom{
background-image:url(images/leftside-design2.gif);
width:248px;
height:22px;
clear:none;
}
#logo{
width:246px;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
background-position:center;
height:100px;
float:left;
}
#form-area{
width:228px;
background-image:url(images/book.gif);
background-position:top;
background-repeat:no-repeat;
float:left;
clear:none;
padding-left:18px;
margin-top:28px;
padding-top:20px;
}
/* form elements */
form{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#787878;
}
.listmenu{
width:135px;
height:20px;
background-color:#FFFFFF;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
padding-top:3px;
padding-bottom:3px;
}
.listmenu-small{
width:66px;
height:20px;
background-color:#FFFFFF;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
padding-top:3px;
padding-bottom:3px;
}
.text-box{
width:135px;
height:15px;
background-color:#FFFFFF;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
padding-top:3px;
padding-bottom:3px;
}
.text-box2{
width:135px;
height:18px;
background-color:#C3E169;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #8EBD00;
border-right:1px solid #8EBD00;
padding-top:3px;
padding-bottom:3px;
}
.text-box8{
width:50px;
height:18px;
background-color:#C3E169;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #8EBD00;
border-right:1px solid #8EBD00;
padding-top:3px;
padding-bottom:3px;
}
.text-box6{
width:150px;
background-color:#C3E169;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #8EBD00;
border-right:1px solid #8EBD00;
padding-top:3px;
padding-bottom:3px;
}
.text-box3{
padding-top:3px;
padding-bottom:3px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
}
.text-box4{
width:60px;
padding-top:3px;
padding-bottom:3px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
}
.text-box5{
width:100px;
padding-top:3px;
padding-bottom:3px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
}
.text-box9{
width:50px;
background-color:#C3E169;
padding-top:3px;
padding-bottom:3px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
}
.text-box10{
width:135px;
background-color:#C3E169;
padding-top:3px;
padding-bottom:3px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
}
.text-box11{
width:100px;
height:18px;
background-color:#C3E169;
padding-top:3px;
padding-bottom:3px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
}
.textarea{
width:300px;
height:30px;
background-color:#C3E169;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #8EBD00;
border-right:1px solid #8EBD00;
padding-top:3px;
padding-bottom:3px;
}
.textarea2{
width:300px;
background-color:#C3E169;
border-top:1px solid #484848;
border-left:2px solid #484848;
border-bottom:1px solid #8EBD00;
border-right:1px solid #8EBD00;
padding-top:3px;
padding-bottom:3px;
}
.button{
width:136px;
height:22px;
background:#BCBCBC;
border:1px solid #828282;
background-image:url(images/button-bg.gif);
background-position:top;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#727272;
font-weight:bold;
}
.button2{
width:100px;
height:22px;
background:#BCBCBC;
border:1px solid #828282;
background-image:url(images/button-bg.gif);
background-position:top;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#727272;
font-weight:bold;
margin-top:2px;
}
/* -------- */

/* navigation elements */
.glossymenu{
width:215px;
padding-left:14px;
padding-top:18px;
float:left;
clear:none; /*width of menu*/
}

.glossymenu a.menuitem{
width:197px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#868686;
display:block;
padding:2px 0px;
padding-left:18px;
border-bottom:1px solid #D5D5D5;
background-image:url(images/icon-link.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
text-decoration:none;
}

.glossymenu a.menuitem:hover{
background:#F7F7F7;
background-image:url(images/icon-link-hover.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
}




.glossymenu a.menuitem2{
width:197px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#868686;
display:block;
padding:2px 0px;
padding-left:18px;
background-image:url(images/icon-link.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
}


.glossymenu a.menuitem2:visited, .glossymenu .menuitem2:active{
text-decoration:none;
}

.glossymenu a.menuitem2:hover{
background:#F7F7F7;
background-image:url(images/icon-link-hover.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
}
/*----------*/
/* right side contents including banner */
#right-top{
background-image:url(images/right-design.gif);
width:573px;
height:15px;
background-repeat:no-repeat;
float:right;
overflow:hidden;
}
#right-middle{
width:539px;
height:801px;
border-left:1px solid #84B000;
border-right:1px solid #84B000;
float:right;
clear:none;
padding:0px 16px;
}
#right-middle2{
width:539px;
height:2131px;
border-left:1px solid #84B000;
border-right:1px solid #84B000;
float:right;
clear:none;
padding:0px 16px;
}
#right-bottom{
background-image:url(images/right-design2.gif);
width:573px;
height:15px;
background-repeat:no-repeat;
float:right;
clear:none;
overflow:hidden;
}
#banner{
width:526px;
height:217px;
float:left;
clear:none;
background:#C3E169;
padding:6px 7px;
}
#banner2{
width:524px;
float:left;
clear:none;
background:#C3E169;
padding:8px 8px;
}
.content-box{
width:527px;
float:left;
clear:none;
background-image:url(images/shadow.gif);
background-position:top;
background-repeat:no-repeat;
padding:6px;
padding-top:18px;
padding-bottom:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#3A571F;
text-align:left;
}
.content-box3{
width:527px;
height:490px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#3A571F;
text-align:left;
overflow:auto;
scrollbar-base-color: #009966;
scrollbar-track-color: #8FBE03;
scrollbar-face-color: #C3E169;
scrollbar-highlight-color: #779F00;
scrollbar-3dlight-color: #009966;
scrollbar-darkshadow-color: #8FBE03;
scrollbar-shadow-color: #009966;
scrollbar-arrow-color: #009966;
}
.content-box2{
width:527px;
height:80px;
float:left;
clear:none;
background-image:url(images/shadow.gif);
background-position:top;
background-repeat:no-repeat;
padding:6px;
padding-top:18px;
padding-bottom:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#3A571F;
text-align:left;
}
.content-box5{
width:527px;
float:left;
clear:none;
background-image:url(images/shadow.gif);
background-position:top;
background-repeat:no-repeat;
padding:6px;
padding-top:18px;
padding-bottom:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#3A571F;
text-align:left;
}
.font1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#3A571F;
text-align:left;
}
.font1 a:link{
color:#3A571F;
text-decoration:none;
}
.font1 a:visited{
color:#3A571F;
text-decoration:none;
}
.font1 a:hover{
color:#3A571F;
text-decoration:none;
}


.title{
width:527px;
background-image:url(images/title.gif);
background-position:left;
background-repeat:no-repeat;
height:19px;
}
.title2{
width:159px;
background-image:url(images/title2.gif);
background-repeat:no-repeat;
height:15px;
float:left;
}
.title3{
width:164px;
padding-left:18px;
clear:none;
float:left;
}
.title4{
width:164px;
padding-left:89px;
float:left;
}
.rooms{
float:left;
width:144px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#3A571F;
text-align:left;
}
.imgarea{
background:#C3E169;
border:1px solid #92BE0D;
padding:6px 6px;
}
.imgarea2{
background:#C3E169;
border:1px solid #92BE0D;
padding:6px 6px;
}
.padding2{
padding-right:7px;
float:right;
}
.padding3{
float:right;
padding-right:5px;
}
.padding5{
width:190px;
float:left;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
clear:none;
}
.imgarea3{
background:#C3E169;
border:1px solid #92BE0D;
float:left;
padding:6px 7px;
}
.padding1{
padding-left:18px;
float:left;
}
.padding4{
width:370px;
padding-left:18px;
float:left;
}
.imgarea4{
background:#C3E169;
border:1px solid #92BE0D;
padding:6px 6px;
}
.lists{
width:131px;
float:left;
}
/* navigation elements */
.glossymenu2{
width:524px;
border-left:1px solid #87B300;
border-top:1px solid #87B300;
margin-top:5px;
float:left;
clear:none; /*width of menu*/
}

.glossymenu2 a.menuitem3{
width:128px;
height:13px;
background:#94C500;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#446526;
display:block;
padding-bottom:2px;
padding-left:2px;
border-right:1px solid #87B300;
border-bottom:1px solid #87B300;
text-decoration:none;
}


.glossymenu2 a.menuitem3:visited, .glossymenu2 .menuitem3:active{
text-decoration:none;
}

.glossymenu2 a.menuitem3:hover{
background:#A0D500;
text-decoration:none;
}
.font3{
font-size:18px;
font-family:"Lucida Sans Unicode";
color:#5A801B;
}



/*thumbnail*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index:1;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #C3E169;
border:1px dashed #84B000;
padding:5px;
left:-1000px;
top:0px;
visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}

/*thumbnail 2*/
.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #C3E169;
border:1px dashed #84B000;
padding: 5px;
right:-0px;
top:0px;
visibility: hidden;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
right: 0px; /*position where enlarged image should offset horizontally */

}

/*thumbnail 3*/
.thumbnail3{
position: relative;
z-index: 0;
}

.thumbnail3:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #C3E169;
border:1px dashed #84B000;
padding:5px;
left:0px;
top:0px;
visibility: hidden;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}


/*thumbnail4*/
.thumbnail4{
position: relative;
z-index: 0;
}

.thumbnail4:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #C3E169;
border:1px dashed #84B000;
padding:5px;
left:0px;
top:0px;
visibility: hidden;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail4:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}


.font5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

/* hanging form */
.hanging-area{
width:527px;
float:left;
clear:none;
}
.thread{
background-image:url(images/thread.gif);
height:49px;
float:left;
width:527px;
background-position:center;
background-repeat:no-repeat;
}
.holes{
float:left;
width:527px;
clear:none;
background-image:url(images/holes.gif);
height:19px;
background-position:center;
background-repeat:no-repeat;
background-color:#85B200;
}
.hanging-form-area{
width:503px;
float:left;
background-color:#85B200;
clear:none;
padding:12px;
padding-top:0px;
}
.hanging-form{
width:493px;
float:left;
border:1px solid #6C9000;
padding:4px;
}
.hanging-form-font{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#C3E169;
}