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

.xxx {
}

/**********************************************************/
#branding {
   height:177px;
   background-image: url('images/banner.jpg');
}

/**********************************************************/
#rooms {
   font-size:11px;
   font-weight:normal;
   margin-left: 5px;
}

#rooms div {
   color:#27273F;
   padding-top: 10px;
   text-align: left;
}

#rooms div.first {
   padding-bottom: 5px;
   border-bottom: 1px solid #000066;
}

#rooms div.middle{
   padding-bottom: 5px;
   border-bottom: 1px solid #000066;
}

#rooms div.last {
   padding-bottom: 5px;
   border-bottom: 1px solid #000066;
}

#rooms a {
   color: #000066; 
   text-decoration: none;
   padding-left: 10px;
}

#rooms a:hover{
   color: #EF1D25;
}

#rooms a.selected{
   
}

#rooms a.selected {
   font-weight:bold;
   background: url('images/arrow.gif') 0 3px no-repeat;
}

#rooms img{
}

/**********************************************************/
#clickMember {
   background: url('images/member_button.jpg') no-repeat;
   width: 114px;
   height: 58px;
   color: #ffffff;
   margin:10px auto;
}

#clickMember div {
   padding-top: 10px;
}

#clickMember a {
   color: #ffffff;
   text-align: center;
   padding-left:5px;
}


#login {
   background: url('images/login_button.jpg') no-repeat;
   width:114px;
   height:43px;
   margin: 10px auto;
}

#login div {
   padding-top: 10px;
}


#login a {
   color: #ffffff;
   margin:auto;
}

/****************************************************************/
#categories {
   font-size: 11px;
   margin-left: 10px;
}

#categories div {
   text-align: left;
   display: block;
   width:169px;
   padding-top: 6px;
}

#categories div a {
   text-decoration:none;
   padding: 0;
}

#categories div a:hover {
	color: #FF0000;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

#categories div.selected a {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}

/****************************************************************/
#subCategories {
   margin-right: 10px;
   color:#fff;
}

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

#subCategories div a {
   text-decoration:none;
   font-size: 11px;
}

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

/********************** BODY CONTENT ******************************/
#fatList {
   width: 97%;
   padding:15px 15px 0px 15px;
   overflow: hidden;
   border: 0px solid red;
}

#fatList .title {
   font-size: 14px;
   color: #006633;
   font-weight: bold;
   padding-bottom: 15px;
}

#fatList img {
   padding-right:5px;
}

#fatList a:link, #fatList a:visited {
   font-style: none;
   color: blue;
}

#fatList a:hover {
   font-style: underline;
   color: blue;
}

#fatList a.attachment:visited {
   margin-left: 80px;
   font-size: 12px;
   font-weight: bold;
   font-style: italic;
   color: #6687CE;
   text-decoration: underline;
   color: #6687CE;
}

#fatList a.attachment:hover {
   color: blue;
   
}

#fatList #fatListLeft{
      width: 100%;
      float: left;
   padding-right: 20px;
}

#fatListLeft .categoryDescription {
   text-align: justify;
   line-height: 16px;
   padding-bottom: 15px;
}

#fatListLeft #committeeTitle {
   margin-left: 25px;
}

#fatListLeft #committeeTitle .title {
   margin: 0;
   padding: 0;
   font-size: 11px;
}

#fatListLeft #committeeTitle .title a {
   font-weight: normal;
   margin: 0;
   padding: 0;
   text-decoration: underline;
}

#fatListLeft #committeeTitle .title a:hover {
   color: #003399;
   text-decoration: underline;
}

#committeeDetail {
   margin-left: 15px;
}

#committeeDetail .title {
   color: #006633;
   font-weight: bold;
   padding: 10px 0px;
}

#committeeDetail .description {
}

#fatListLeft p {
   text-align: justify;
}

/********************** FATLIST RIGHT ******************************/
#fatList #fatListRight {
   float: right;
   width :270px;
   margin-left: 15px;
}

#fatList #fatListRight #latestNews {
   height: 190px;
   background-image: url('images/news_box.jpg');
   background-repeat: no-repeat;
   padding-top: 10px;
   background-color: #EFEFFB;
}

#latestNews h2{
   width: 235px;
   line-height:10px;
   border-bottom:1px solid #000066;
   font-weight: bold;
   font-size: 12px;
   color: #000066;
   padding:10px 0px 10px 5px;
   margin: 0px 10px;
}

#latestNews ul, #latestNews li{
    list-style:none;
    padding:0;
    margin:0;
}

#latestNews li{
   background: url('images/arrow.gif') no-repeat left 3px;
   margin:10px 15px;
   padding-left:15px;
}

#latestNews li a {
   color: #000033 !important;
   text-decoration:underline;
}

#latestNews li a:hover {
   color: red;
}


#fatList #fatListRight #latestEvents {
   width : 270px;
   min-height: 190px;
   background-image: url('images/event_box.jpg');
   background-repeat: no-repeat;
   margin-top: 10px;
   background-color: #F5F9FC;
}

#latestEvents #latestEventsTitle {
   width: 235px;
   line-height:10px;
   border-bottom:1px solid #000066;
   font-weight: bold;
   font-size: 12px;
   color: #000066;
   padding: 10px 0px 10px 10px;
   margin: 0px 10px 0px 12px;
}

#latestEvents .desc{
    margin:15px;
}

div.imageContainer{
   margin-left: 15px;
   margin-bottom: 15px;
   border: 0px solid red;
}
   
/**********************************************************/

#thinList, .thinList{
   font-weight: normal;
   border-right:1px solid #fff;
   margin-top:0px;
   margin-bottom:10px;
   border-collapse:seperate;
   border: 0px solid red;
   width: 100%;
}

#thinList td{
   color: #fff;
   padding:5px;
   border:1px solid #fff;
   border-right:0px;
   border-top:0px;
}

.thinList td{
   padding:5px;
   border:1px solid #fff;
   border-right:0px;
   border-top:0px;
}

#thinList #heading{
   border-left:1px solid #fff;
   color: #FFF;
   background-color: #000066;
   text-align: left;
   //font-weight: bold; 
}
#thinList td.last
{
   border-bottom:0px;
}

#thinList .headerRow td
{
   border-top:1px solid #fff;
   background-color:#7092b6;
   font-weight:bold;
}

#thinList .list1
{
   color:#000033;
   background-color: #b8cce0;
}

.thinList .list1
{
   color:#000033;
   background-color: #D1DEEF;
}

#thinList .list2
{
   color:#000033;
   background-color: #8daccc;
}

#thinList #button
{
   width:125px;
   height:15px;
   color:#fff;
   border: 0px solid #fff;
   margin:0x;
   padding-top:3px;
   text-align:center;
   background-color:#7092b6;
   cursor:pointer;
}
/**********************************************************/

   

   

/**********************************************************/
#footer{
   background-color:#003084;
   height:35px;
   border: 0px solid red;
   margin-top:20px;
}

.footerImage img{
   float: left;
   border: 0px solid red;
}

.footerText {
   border: 0px solid red;
   font-size: 10px;
   text-align:left;
   color: #ffffff;
   padding:10px 0px 10px 10px;
}
/********************** SEARCH PANEL ******************************/
#genericForm{
   border:0px solid red;
   width:100%;
   min-height:500px;
}

#genericForm .float_left {
   float: left; 
   padding-right: 5px; 
   border: 0px solid red;
}

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

#genericForm #formTitle {
   line-height: normal; 
   font-weight: normal; 
}

#genericForm .titleValue select{
   border: 1px red;
   width: 470px;
}

#genericForm .formTitle, .formTitle{
   font-size: 14px;
   font-weight: bold;
   color: #006633;
}

#genericForm .formFieldLabel{
   font-weight: normal;
   width:300px;
}

#genericForm .formFieldValue{
   font-size: 12px;
}

#genericForm .formInputBox{
   width:250px;
}

#genericForm .inputBox{
   width:440px;
   border: 1px solid #000;
   
}

#genericForm .formInputCountryCode{
   width:30px;
}

#genericForm .formInputBoxSmall{
   width:210px;
}

#genericForm .formSmallText{
   font-size: 10px;
   font-style: italic;
}

#input1{
   border: 0px solid red;
   text-align: left;
   line-height:20px;
}

#genericForm .interestCheckBoxes{
    margin:5px;
    float:left;
    width:45%;
}

#genericForm .interestCheckBoxes input{
}

/********************** FORM******************************/
.RegText {  
   font-family: "Arial", "Helvetica", "sans-serif"; 
   font-size: 9pt; 
   line-height: 20px; 
   color: #000000
}

.SubHead {  
   font-family: "Arial", "Helvetica", "sans-serif"; 
   font-size: 11pt; 
   font-weight: bold
}

.ArticleHead {
   font-family: "Daily News Regular"; 
   font-size: 22pt; 
   line-height: normal; 
   font-weight: normal; 
   color: #00000
}
.PageTitle {
  font-family: "Garamond"; 
  font-size: 22pt; 
  line-height: normal; 
  font-weight: normal; 
  color: #000000
}
.callout {
  font-family: "R Frutiger Roman"; 
  font-size: 10px; 
  font-style: italic; 
  color: #CCCCCC
}
.smalltxt {
  font-family: "Arial", "Helvetica", "sans-serif"; 
  font-size: 10px; 
  color: #000000
}
a: {
  color: #333366
}
.dropdownSeminar {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10pt; 
  font-style: normal; 
  font-weight: bold; 
  color: #006633; 
  text-decoration: none; 
  width: 400; 
  background-color:#F2EFCF  
 }

/********************** LOGIN FORM******************************/
.loginForm{
   border: 1px solid #000;
   width:365px;
   margin-left:auto;
   margin-right:auto;
   margin-top:100px;
}

.loginForm td{
   padding: 8px;
}

.loginFormShop{
   border: 1px solid #000;
   width:250px;
   float:left;
}

/********************** NEW MEMBER FORM ******************************/
div.newMemberForm{
   border: 0px solid red;
   width:700px;
   margin: 0 0 0 25px;
}

div.newMemberForm table td.newMemberForm td{
   padding: 8px;
}

div.newMemberForm table td.formFieldLabel{
   font-weight: bold;
   width: 150px;
   border: 0px solid red;
}

.newMemberFormShop{
   border: 1px solid #000;
   width:430px;
   margin:auto;
}

/********************** GENERAL ******************************/
.linkButton {
	text-decoration: none !important;
	color:#2e523b;
	margin: 0;
    border: 2px solid #006633;
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
	padding: 0.2em 0.8em;
	background-color: #ccc;
}


/********************** EVENT ******************************/
#eventDetail {
   width:500px;
}

#eventDetail .title {
   font-size: 14px;
   color: #006633;
   font-weight: bold;
   padding-bottom: 15px;
}

#eventDetail div.left {
   float:left; 
   padding:1em;
   width: 73%;
}

#eventDetail div.image {
   float:left; 
   padding:1em;
   width: 25%;
}

.floatRight {
   float: right;
}

#keywordSearch {
    width: 180px;
    float:right;
    margin:15px 264px 0 0;
}


#keywordSearch .searchArrow input {
    color:#000066;
    font-size:0.9em;
}

.searchArrow{
    float:right;
    background-color: #B4D8E4;
    padding: 2px;
}