body { background-color: #dddddd; background-image: url(../images/bg.jpg); background-repeat: repeat; background-attachment:fixed; margin-top: 0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: Verdana, Arial, Sans-Serif; background-color: white; color: #333; margin: 0; z-index: -1; }

/* page formatting */ 
#page { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; width: 870px; height: 100%; margin: auto; background-color: white; margin-bottom: 10px; }

#inside { width: 840px; height: 100%; text-align: left; margin: 0 15px 20px 15px; border: 0px solid red; background-color: white; }

/* top header formatting */
#header {  height: 135px; background-color: White; text-align: left; }

#logoContainer { margin: 0 0 0 0; width: 140px; height: 67px;  }
#logoPhrase { margin: 0 0 0 0; width: 220px; height:20px; font-size: 62.5%; /* Resets 1em to 10px */ font-family: Verdana, Arial, Sans-Serif; font-size: 9px; color: black;}

#rightHeaderContainer { float: right; width: 335px; text-align:right;}
#tradePhrase { float: right; margin: 0 0 0 0;  text-align:right;}
#memberLogin { float: right; margin: 5px 0 5px 0; text-align:right;  }



/* menu formatting */
#menuContainer { background-color: #f8f8f8; height: 25px; margin-left: 0px; width: 100%; margin-bottom: 10px; margin-top: 10px; background-image: url(../images/bg_menucontainer.jpg); background-repeat: repeat-x; border: 1px solid #c0c0c0; z-index: 100;}

#navigation ul { list-style: none; margin: 0; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; }

#navigation a:link, #navigation a:visited { margin-right: 2px; padding: 6px 10px 8px 10px; color: #0091d6; font-weight: normal; text-decoration: none; font-size: 10px; }

#navigation a:hover { text-decoration: none; background-color: #0091d6; color: white; }

#navigation li { display: inline; }


/* Side Menu Formatting */
div.leftnavigation { width: 160px; font-family: verdana, sans-serif; font-size: 10px; font-weight: normal; padding-top: 10px; padding-bottom: 10px;border: 1px solid #d9d9d9; margin-bottom: 50px;}

ul.leftnavigation { list-style: none; margin-left: 2px; padding-left: 5px; }

li.leftnavigation { border-bottom: 1px dotted silver; }

li.leftnavigation  a:link, li.leftnavigation  a:visited { display: block; padding: 5px 5px 5px 5px; border-left: 0px solid #93ABAC; border-right: 0px solid #93ABAC; border-top: 0px solid #D0D7D7; border-bottom: 0px solid #8EA1A2;  color: #0091d6; font-weight: normal; text-decoration: none; }

li.leftnavigation a:hover { background-color: #0091d6; color: #FFFFFF; }

.sidenavhdr { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color: #0091d6; font-size: 12px; font-weight: bold;}




/* main table formatting */
#mainTable {width: 840px; }
#leftCol { width: 168px; }
#centerCol { width: 500px; padding: 0 20px 0 20px; border: 0px solid red; font-size: 11px; text-align:justify; }
#rightCol { width: 168px; }

#welcomeSection { width: 437px; padding: 0px 10px 10px 10px; height: auto; margin-bottom: 5px; border: 0px solid #c0c0c0;  }
#centerSection { width: 437px; padding: 0px 10px 10px 10px; height: 230px; margin-bottom: 20px; border: 1px solid #d9d6d6;  }
#centerSection2 { width: 437px; padding: 0px 10px 10px 10px; height: 700px; margin-bottom: 20px; border: 1px solid #d9d6d6;  }
#centerSection3 { width: 437px; padding: 0px 10px 10px 10px; height: 100px; margin-bottom: 20px; border: 1px solid #d9d6d6;  }
#centerSection4 { width: 437px; padding: 0px 10px 10px 10px; height: 100px; margin-bottom: 20px; border: 1px solid #d9d6d6;  }
#flashContainer { width: 457px; height: 228px; margin-bottom: 3px; border: 0px solid red; z-index: -100; }


#memberSection1 { width: 500px; height: 60px; border-top: 1px solid #000000; }
#memberSection1 tr:hover td { background: #0000ff; }


#memberSection2 { width: 500px; padding: 0px 10px 10px 10px; height: 200px; margin-bottom: 20px; border: 1px solid #ff0000; }
#memberSection3 { width: 500px; padding: 0px 10px 10px 10px; height: 80px; margin-bottom: 20px; border: 1px solid #ff0000;}

#adBottomContainer { margin-top: 30px;}




/* travel portal */
#travelPortalContainer { margin-top: 20px; width: 163px; height: 247px; background-image: url(../images/bg_travelportal.jpg); background-repeat: no-repeat; }

#btnTravelPortalContainer { position: relative; top: 209px;  margin-left: 100px; }

#adContainer { margin-top: 0px; width: 160px; }



/* member spotlight */
#memberSpotlightContainer { position:relative; margin-top: -20px; #margin-top: 20px;  padding-top: 40px; padding-left: 8px; padding-right: 8px; width: 150px; #width: 165px; height: 243px; #height: 272px; background-image: url(../images/bg_memberspotlight.jpg); background-repeat: no-repeat; font-size:10px; }

#memberPremContainer { position:relative; margin-top: -20px; #margin-top: 20px; padding-top: 40px; padding-left: 8px; padding-right: 8px; width: 150px; #width: 165px; height: 243px; #height: 272px; background-image: url(../images/bg_membershow.jpg); background-repeat: no-repeat; font-size:10px; }

#travelagentContainer { position: relative; margin-top: 10px; #margin-top:20px; padding-top: 40px; padding-left: 8px; padding-right: 8px; width: 150px; height: 272px; background-image: url(../images/bg_travelagent.jpg); background-repeat: no-repeat; font-size:10px; }

#sponsorGalleryContainer{ position: relative; margin-top: 20px; padding-top: 32px; padding-left: 5px; padding-right: 8px; width: 150px; height: 170px; background-image: url(../images/bg_sponsorgallery.jpg); background-repeat: no-repeat; }


#footer { height: 130px; width: 870px; border: 1px solid #d9d9d9; margin-top: 20px; background-color: white; margin: auto; }

#footernav {  border: 0px red solid;  padding: 5px 0px 5px 0px;}

#footercopy { border: 0px red solid; padding: 0px 80px 0px 80px; font-size: 88.5%; color: Gray; }

#navbottom ul { list-style: none; border: 0px red solid; padding-left: 0px; padding-top: 10px; margin-bottom: 0px;  height: 20px;}

#navbottom a:link, #navbottom a:visited { margin-right: 2px; padding: 6px 5px 0px 10px; color: #0469B6; text-decoration: none; font-size: 10px; }

#navbottom a:hover { text-decoration: underline; }

#navbottom li { display: inline; }

#privacybottom ul { list-style: none; padding-left: 0px; padding-top: 0px; margin-bottom: 0px; }

#privacybottom a:link, #privacybottom a:visited { border: 0px red solid; margin-top: 0; padding: 0px 5px 0px 10px; color: #0469B6; text-decoration: none; font-size: 10px; }

#privacybottom a:hover { text-decoration: underline; }

#privacybottom li { display: inline; }

#privacybottom { height: 15px; border: 0px solid red; padding-top: 0px; }

#twitterbox td { border-left: 1px solid black; border-right: 1px solid black; padding-left: 5px;}
#twitterbox tr:hover td {border-left: 3px solid black; border-right: 3px solid black; background-color: d0dafd;}




/* Font Formatting */

h1 { color: #0091d6; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; line-height: normal; margin-bottom: 5px; }


a:link {
	text-decoration: none; color: #0091d6; font-weight: bold;
}
a:visited {
	text-decoration: none; color: #0091d6;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none; 
}



.headers {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin-bottom: 2px;
}

.desttable {

	text-align: left;
}

.text {
font-size: 11px;
font-family: Verdana, Arial, Sans-Serif;
}
.accordion_toggle {
			display: block;
			height: 30px;
			width: 430px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #cdcdcd;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: bolder;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			border-bottom: 1px solid #c1c0c0;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.gif) no-repeat top right #cdcdcd;
			color: #ffffff;
			border-bottom: 1px solid #c1c0c0;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #767575; 
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
#bottom_container {
		clear: both;
		width: 440px;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	
.calhead {
		font-size: larger;
		font-weight: bold;
		text-align: center;
}


.quote {
   border:5px outset #9FCFFF;
   background:#D7EBFF url('/images/quote-left.gif') no-repeat left top; 
   margin-left: 10%; 
   margin-right: 10%;
   width: 200px;
   padding-top: 10px;
   padding-left: 40px; 
   font-style:normal; 
   font-variant:normal; 
   font-weight:normal; 
   font-size:11px; 
}

.quotein {background: transparent url(/images/quote-right.gif) right bottom no-repeat;
 padding-right: 40px;
 padding-bottom: 10px;
}

#social-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#social-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#social-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#social-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#social-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#social-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#social-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}
td.menudetail a {font: normal 12px Century Gothic, Verdana, Arial, Sans-Serif; color: #000000; text-decoration: none; }
td.menudetail a:hover {font: normal 11px Century Gothic, Verdana, Arial, Sans-Serif; color: #1b7ca9; text-decoration: none;}

td.menudetailactive {border-bottom: 3px solid #000000;  }
td.menudetailactive a {font: bold 12px Century Gothic, Verdana, Arial, Sans-Serif; color: #000000; text-decoration: none;}
td.menudetailactive a:hover {font: bold 12px Century Gothic, Verdana, Arial, Sans-Serif; color: #1b7ca9; text-decoration: none; }