﻿
/***
   do not delete this dummy class which is
   used to fix some strange problems
***/

.xxx {
}

/**********************************************************/
#branding {
   height:78px;
   border-bottom: 0px solid #000;
   text-align: left;
   padding-top:30px;
}

/**********************************************************/
#logo {
   margin:auto;
   text-align: center;
   width:281px;
}

/**********************************************************/
#roomsRow {
   background-image: url(/images/rooms_bg1.jpg);
   height:46px;
   width:872px;
   margin:auto;
}

#rooms {
   margin:auto;
   margin-left:136px;
   padding-top: 12px;
}

#rooms div {
}

#rooms div h3{
    padding:0;
    margin:0;
    font-size:13px;
    float:left;
}

#rooms div.first,
#rooms div.middle,
#rooms div.last {
   float:left;
   text-align: center;
   padding: 0 11px;
   border-left: 1px solid #fff;
   padding-top:5px;
   font-family: futuraBold, Arial, sans-serif; 
}

#rooms div.last {
   border-right: 1px solid #fff;
}

#rooms img {
   margin:auto;
   display:inline;
}

#rooms a {
   padding:0px;
}

#rooms a:hover,
#rooms a.selected{
}

#rooms img{
   margin: auto;
}

/****************************************************************/
#categories {
   text-align: left;
	margin-top:7px;
}

#categories div {
   margin:0px 0px 15px 15px;
}

#categories div a {
   padding-top:0px;
   text-decoration:none;
	font-weight: normal;
   border: 0px solid green;
   font-size:13px;
}

#categories div a:hover,
#categories div.selected a
{
}

#categories div h2{
    padding:0;
    margin:0;
    font-size:16px;
}

/****************************************************************/
#subCategories {
   border: 0px solid #000;
   margin-right: 10px;
}

#subCategories div {
   margin:0px 5px 5px 0px;
   width:150px;
}

#subCategories div a {
   text-decoration:none;
}

#subCategories div a:hover,
#subCategories div.selected a
{
   text-decoration: none;
}

/********************** HOME PAGE ******************************/
#homePage {
   width:872px;
   margin:auto;
}

#homePage #homeRow1{
   margin-top:10px;
   background-image: url(/images/home_message_bg.jpg); 
   background-repeat:repeat-y;
   border-top:1px solid #6f6e6c;
   border-bottom:1px solid #585851;
   zoom:1;
}

#homePage #homeRow1 #homeRow1_content{
   font-family: futuraBold, Arial, sans-serif; 
   width:576px;
   margin:5px auto 5px 136px;
   border-left:1px solid #f26621;
   border-right:1px solid #f26621;
   padding:5px 10px;
   font-size:14px;
}

#homePage #homeRow1 #homeRow1_content p{
   font-size:14px;
   font-family: futuraBold, Arial, sans-serif; 
}

#homePage #homeRow2{
   background-color:#fff;
   background-image: url(/images/home_bg2.jpg); 
   background-repeat:repeat-y;
   zoom:1;
   min-height:300px;
   overflow:hidden;
}

#homePage #homeRow2 #homeRow2_content{
   width:598px;
   margin:15px 0 15px 136px;
   padding:0;
   font-size:1.2em;
   min-height:400px;
   background-image: url(/images/q_image_main_bg.png); 
   background-repeat:repeat-y;
}

* html #homePage #homeRow2 #homeRow2_content{
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/q_image_main_bg.png", sizingMethod="scale");
}

#homeRow2_content h4{
}

#homeRow2_content h4 img{
   float:left;
   padding-bottom:10px;
}

#homeRow2_content ul{
   margin:0;
   padding:0;
   list-style:none;
}

#homeRow2_content ul li{
   float:left;
   width:199px;
}

#homeRow2_content div.desc{
   min-height:175px;
   _height:175px;
}

#homeRow2_content ul li img{
   margin:auto;
}

#homeRow2_content ul li.last{
   width:200px;
}

#homeRow2_content ul li div.inner{
   padding:0 9px 0 12px;
}



#homeRow2_content ul li ul li{
   float:none;
   list-style:disc;
   margin-left:15px;
   width:auto;
}

.png {
   margin:5px auto;
}

/********************** FAT LIST ******************************/
#fatList{
   border:0px solid blue;
   padding-bottom:20px;
}

h1{
   margin:0
   padding:0;
   font-size:18px;
}

.heading {
   margin-bottom:10px;
}

.heading img{
   display:inline;
}

/********************** FAT LIST - LEFT ******************************/
#fatList #leftInner{
   float: left;
   border:0px solid blue;
   width:450px;
}

#fatList #leftInner p{
   border:0px solid blue;
}

#fatList #leftInner p a{
   border:0px solid blue;
   color: #ff6600;
}

div.fieldHeader {
   font-family: futura, Arial, sans-serif; 
   font-size: 20px;
   font-weight: normal;
   border: 0px solid red;
   color: #ff6600;
   word-spacing: 4px;
   margin-bottom: 10px;
   text-align:left;
}

div.fieldHeader img{
   margin:0px;
}


div.fieldLabel {
   border: 0px solid red;
   float: left;
   line-height: 20px;
   width: 105px;
}

div.fieldValue {
   border: 0px solid blue;
   float: left;
   line-height: 20px;
   
}

div.desc
{
   line-height: 20px;
   border: 0px solid blue;
}

/********************** FAT LIST - RIGHT ******************************/
#fatList #rightInner{
   float: right;
   width:200px;
   border:0px solid blue;
	padding:5px;
}

#fatList #rightInner .imageContainer{
   margin-bottom: 20px;
}

#fatList #rightInner .imageContainer img{
   border:0px solid #d0ab43;
}

#fatList #rightInner .imageCaption {
	font-size:10px;
	text-align:left;
	font-style: italic;
}

/**********************************************************/
#leftInner #listImage {
   flaot:left;
   width: 190px;
   border: 1px solid blue;
}

#leftInner #listImage .imageContainer {
   margin:auto;
   border: 0px solid blue;
   width: 190px;
}

#leftInner #listImage .imageContainer img {
   border: 0px solid green;
   margin:auto;

}
/********************** FAT LIST - COMMON ******************************/
#fatList .title{
	font-size: 22px;
	line-height: 22px;
	color: #333333;
}

#fatList h2,
#fatList h2.title1
{
   font-family: futuraBold, Arial, sans-serif; 
   color: #ff6600;
}

#fatList h2 img,
#fatList .title1 img
{
   margin:0px;
}

#fatList img{
   margin: auto;
}

#fatList p,
#fatList td,
#fatList li
{
	line-height: 20px;
}

#fatList #desc p{
	line-height: 30px;
	text-align:left;
	float:left;
	padding-top: 15px;
	padding-left: 140px;
}

.detail .fieldHeader {
   font-weight: bold;
   border: 0px solid red;
   color: #ff6600;
   padding-top: 5px;
   word-spacing: 4px;
}

.detail .fieldLabel {
   border: 0px solid red;
   float: left;
   line-height: 20px;
   width:100px;
   font-weight: bold;
}

.detail .fieldLabel1 {
   border: 0px solid red;
   float: left;
   line-height: 20px;
   width: 150px;
   color: #ff6600;
   padding-top: 15px;
}

.detail .fieldLabel2 {
   border: 0px solid red;
   float: left;
   line-height: 20px;
   width: 150px;
   padding-top: 15px;
}

.detail .fieldValue {
   border: 0px solid blue;
   float: left;
   line-height: 20px;
   padding-top: 1px;
}

.detail .fieldFooter {
   border: 0px solid red;
   color: #ff6600;
   padding-top: 15px;
}

/**********************************************************/
#footer{
   height:25px;
   text-align: left;
   padding-left: 15px;
   padding-top: 12px;
}

/********************** SEARCH PANEL ******************************/
#genericForm{
   border:0px solid #000;
   width:525px;
}

#genericForm td{
   padding:8px;
   padding-left:0px;
   vertical-align: top;
}

#genericForm h2{
   font-family: futuraBold, Arial, sans-serif; 
   color: #ff6600;
   font-size: 20px;
}

#genericForm .formTitle, .formTitle{
   font-size: 20px;
   font-weight: normal;
   border:0px solid red;
   color: #ff6600;
}

#genericForm .formFieldLabel{
   font-weight: bold;
   width:150px;
}

#genericForm .formFieldValue{
}

#genericForm .formInputBox{
   width:250px;
}

#genericForm .formInputCountryCode{
   width:30px;
}

#genericForm .formInputBoxSmall{
   width:210px;
}

#genericForm .formSmallText{
   font-size: 10px;
   font-weight: bold;
}
/********************** NEW MEMBER FORM ******************************/
.newMemberForm{
   border: 0px solid #000;
   width:600px;
}

.newMemberForm td{
   padding: 8px;
   padding-left:0px;
}

.newMemberForm .formTitle{
   padding-top: 0px;
}

.newMemberForm .formInputBox{
   width:250px;
}


.backToList{
	margin-top:5px;
	margin-bottom:15px;
}


/********************** CALLOUT NEWS ******************************/
#calloutNews {
}


#calloutNews .heading {
   clear:both;
   margin-top:15px;
   color: #ff6600;
   border-top: 1px solid #4B4B4B; 
   border-bottom: 1px solid #4B4B4B; 
   padding:5px 0;
}

#calloutNews img{
   float:left;
   display:block;
}

#calloutNews h2{
   margin:20px 0 0 0;
}

#calloutNews h2 img{
   margin:0px;
}

#calloutNews .splLink {
}

#calloutNews .splLink .link {
}

#calloutNews .splLink .link a {
   font-size: 11px;
   color: #F36421;
}

/********************** NEWS ARCHIVE ******************************/
#archiveList {
} 

#archiveDetailLeft{
   float: left;
   width: 10%;
   border: 0px solid red;
}

#archiveDetailLeft li,
#archiveDetailLeft p
{
   line-height:20px;
}

#archiveList h4{
   color: #ABABAB;
}


#archiveList #archiveDetailRight {
   float: right;
   width: 85%;
   padding: 0;
   margin:0;
   border: 0px solid red;
}

.picture img{
   width: 60px;
   height: 60px;
}

#archiveDetail h1{
   margin-bottom:10px;
}

#archiveDetail #archiveDetailLeft{
   float: left;
   width: 60%;
}


#archiveDetail #archiveDetailRight {
   float: right;
   width: 38%;
}

/********************** PAGER ******************************/
#pager {
   margin-top: 5px;
   border:0px solid red;
}

#pager div {
}

#pager div.previous {
   float:left;
   width:65px;
}

#pager div.display{
   float:left;
   width:315px;
   text-align: center;
}

#pager div.summary{
   text-align: center;
}

#pager div.next {
   float:right;
   text-align:right;
   width:40px;
   border:0px solid red;
}

/********************** List ******************************/
ul#list {
    list-style:none;
    margin:10px 0 0 0;
    width:450px;
}

ul#list li{
    border-bottom:1px solid #dddbde;
    margin-bottom:5px;
}

ul#list div{
   padding:0 0 5px 0;
}

ul#list li div.left{
    float:left;
    margin-right:10px;
}

ul#list li div.right{
    float:left;
    width:350px;
}

ul#list h4{
   margin:0;
   padding:0;
   color:#9e9e9e;
   line-height:8px;
   margin-bottom:5px;
}

ul#list div.desc_short{
   line-height:20px;
}
