﻿body, table
{
	background: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Tahoma, Geneva, Sans-Serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	text-align: justify;
}

/* lists */
ul
{
	margin: 10px 0 10px 20px;
	padding: 0 0 0 0;
}

table { margin-bottom: 15px; }

/* tables */
td { margin-bottom: 15px; vertical-align: top; background-color: #ececec; padding: 5px 5px 5px 5px; }

/* headings */
h1, .Heading1
{
	font-size: 18px;
	font-family: Tahoma, Geneva, Sans-Serif;
	color: #4D4D4D;
	margin: 0 0 10px 0;
	padding : 0 0 0 0;
	font-weight: normal;
}

h2,h3,h4, .Heading2, .Heading3, .Heading4
{
	font-family: Tahoma, Geneva, Sans-Serif;
	/*color: #000000;*/
	color: #99cc00;
	margin: 10px 0 7px 0;
	padding : 0 0 0 0;
	font-weight: normal;
}

h2, .Heading2 { font-size: 16px; }
h3, .Heading3 { font-size: 14px; }
h4, .Heading4 { font-size: 12px; }

/* Paragraphs */
p, .Para
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

/* Hyperlinks */
a
{
	text-decoration: none;
	color: #0099cc;
}

a:hover
{
	text-decoration: underline;
}
		
/* simple classes */
.NoBorder { border: none; }

.ClearBoth { clear: both; }

.Clear 
{ 	border: medium none;
	clear: both;
	float: none;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.ExtraLargeText { font-size: 16px; }
.BigText { font-size: 14px; }
.HugeText { font-size: 30px; line-height: 30px; }
.NormalText { font-size: 12px; }
.SmallText { font-size: 10px; }		

.Central { text-align: center; }

.PicLeft { float:left; padding: 0 10px 0 0; border: none; }
.PicRight { float:right; padding: 0 0 0 10px; border: none; }

.ErrorLabel, .Highlight { color: #ff0000; font-weight: bold; }
.Tip { color: #00498d; font-size: 11px; font-weight: bold; }

.Spacing20 { width: 100%; height: 20px; }
.Spacing { width: 100%; height: 10px; }
.Spacing5 { width: 100%; height: 5px; }
.Spacing2 { width: 100%; height: 2px; }
.Spacing8 { width: 100%; height: 8px; }

.hidden { display: none; }
.unhidden { display: block; }

.Bold { font-weight: bold; }

.Overflow { overflow: auto; }

.ThreeCol { float:left; width: 33%; }

/* Standard warnings */
.InfoMsg 
{	
	background: #d8e5f5 url(Graphics/info1.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #000000;
	font-style: italic;
}

.ErrorMsg
{	background: #d8e5f5 url(Graphics/error.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #000000;
	font-style: italic;
}

.WarningMsg
{
	background: #d8e5f5 url(Graphics/warning.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #000000;
	font-style: italic;
}

/* wrapper */
.OuterWrapper { width: 100%; background-color: #EDEDED; }

.Wrapper
{ 
	width: 990px; 
	margin: 0 auto 0 auto; 
	padding: 0 0 0 0;
	border-left: solid 10px #ffffff;
	border-right: solid 10px #ffffff;
	background: #ffffff url(Graphics/wrapbg1.gif) repeat-y;
}

.WidthWrapper
{ 
	width: 990px; 
	margin: 0 auto 0 auto; 
	padding: 0 0 0 0;
}

/* footer */
#Footer
{
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	background-color: #0099cc;
	width: 100%;
	text-align:center;
	color: #99cc00;
}

#Footer a { color: #ffffff; }
	
/* social bookmarking */
#Social
{
	width: 990px;
	margin: 5px auto 5px auto;
	height: 35px;
}

.addthis_toolbox { float:left; width: 200px; padding-top: 10px; }

#QuickSearch
{
	float: right;
	background-color: #c7e667;
	padding: 5px 5px 5px 5px;
	height: 25px;
	width: 214px;
}

.QuickSearchText { height: 23px; padding-top: 2px; float: left; width: 145px; }
.QuickSearchBtn { height: 25px; float: right; width: 59px; }
	
/* top menu */
#TopMenu
{
	height: 30px;
	width: 100%;
	background: #4D4D4D url(Graphics/nvbg1.gif) repeat-x;
	line-height: 30px;
	font-size: 15px;
	margin-bottom: 8px;
}

.TopMenuItems { width: 990px; margin: 0 auto 0 auto; }

#TopMenu ul
{
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 30px;
	z-index: 100;
}

#TopMenu ul li
{
	float:left;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 30px;
	z-index: 50;
}

#TopMenu li ul
{
	position: absolute;
	display: block;
	left: 5px;
	top: 29px;
	/*position: absolute;
	left: 10px;
	top: 29px;*/
	display:none;
	background: #4D4D4D;
	z-index: 120;
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

#TopMenu li ul li
{
	float: left;
	position: relative;
	width: 190px;
	font-size: 12px;
}
		
/* Styles for Menu Items */
#TopMenu ul li a 
{
	float:left;
	display: block;
	text-decoration: none;
	padding: 0 15px 0 15px;
	background: none; /* IE6 Bug */
	z-index: 50;
	color: #99cc00;
	border-right: solid 2px #ffffff;
}

#TopMenu ul li a:hover 
{ 
	background-color: #99cc00;
	color: #4d4d4d;
	text-decoration: none;
}

/* Fix IE. Hide from IE Mac \*/
* html #TopMenu ul li { float: left; height: 1%; }
* html #TopMenu ul li a { height: 1%; }
/* End */

#TopMenu li ul li a 
{ 
	width: 160px; 
	background: none; 
	text-align: left;
	border:none;
} /* Sub Menu Styles */
		
#TopMenu li:hover ul, li.over ul 
{ 
	display: block; 
} /* The magic */

/* Banner */
.Banner 
{
	margin: 0 auto 2px auto; 
	height: 180px;	
	background: #ffffff; /* url(Graphics/banner1.jpg) no-repeat; */
}

#Newsflash
{
	width: 55%;
	height: 110px;
	padding-top: 30px;
	overflow: hidden;
	padding-left: 2%;
	color: #ffffff;
	font-size: 12px;
	line-height: 15px;
}

#Newsflash h2 { color: #ffffff; font-weight: bold; margin: 0 0 3px 0; }
	
/* standard stuff */
#LeftBar
{
	float:left;
	width: 230px;
	background-color: #4d4d4d;
}

#LeftBarAd
{
	border-top: solid 2px #ffffff;
	background-color: #c7e667;
	padding: 10px 0 10px 0;
}

#LeftBarAd img { border: none; margin-left: 30px; }

#Logo
{
	background: #4d4d4d url(Graphics/logo2.png) no-repeat scroll top center;
	height: 180px;
	color: #c0c0c0;
	font-size: 19px;
	text-align: center;
	/*padding-top: 85px;*/
}

#RightBar
{
	float: right;
	width: 750px;
}	
	
#Content
{
	clear:both;
	padding-top: 10px;
}

/* home page */	
.RightMenu
{
	float: right;
	width: 110px;
}

.MainSection
{
	float: left;
	width: 620px;
}

#Clocks { text-align: center; padding: 10px 0 10px 2px; }
#Clocks td 
{ 
	background-color: #ffffff; 
	margin-bottom: 0; 
	vertical-align: top; 
	padding: 0 0 0 0; 
}

#InTouch
{
	background-color: #BBE639;
	text-align: center;
	padding: 10px 10px 10px 10px;
	height:455px;
}

#FurtherLinks
{
	margin: 2px 0 2px 0;
}

#FurtherLinks a, .MoreStuff a
{
	display: block;
	width: 180px;
	padding-left: 35px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	background: #4d4d4d url(Graphics/nvbg.png) no-repeat scroll center left;
	color: #ffffff;
	margin-bottom: 2px;
	text-align: left;
}

#FurtherLinks a:hover, .MoreStuff a:hover
{
	background: #99cc00 url(Graphics/nvbg1.png) no-repeat scroll center left;
	color: #4d4d4d;
	text-decoration: none;
}

.WhatsHappening
{
	margin-top: 10px;
}


	
/* Members login section */
#MembersLogin
{
	background-color: #4d4d4d;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #dcdcdc;
	border-top: 2px solid #ffffff;
}	

#MembersLogin h2 { color: #dcdcdc; text-align: center; }

.MembersBtn { text-align: right; padding-top: 2px; }
	
/* standard button classes */
.SmallButton
{
	border: none;
	font-size: 11px;
	color: #ffffff;
	height: 25px; 
	line-height: 20px;
	width: 59px;
	text-align: center;
	background: #4D4D4D url(Graphics/btnup.png) no-repeat;
}

.SmallButton:hover { background: #99CC00 url(Graphics/btndown.png) no-repeat; }

.LargeButton
{
	border: none;
	font-size: 11px;
	color: #ffffff;
	height: 25px; 
	line-height: 20px;
	width: 120px;
	text-align: center;
	background: #4D4D4D url(Graphics/btnup1.png) no-repeat;
}

.LargeButton:hover { background: #99CC00 url(Graphics/btndown1.png) no-repeat; }


input { font-family: Tahoma, Geneva, Sans-Serif; font-size: 12px; border: solid 1px #c0c0c0; }

/* navigator */
/* Navigator */
#Navigator
{
	float:left;
	background: #4D4D4D;
	width: 230px;
	padding: 0 0 0 0;
	font-size: 14px;
}		

#Navigator ul
{
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 30px;
	width: 230px;
	z-index: 100;
}

#Navigator ul li
{
	padding: 0 0 0 0;
	position: relative;
	height: 30px;
	border-top: solid 2px #ffffff;
	z-index: 50;
}

#Navigator li ul
{
	position: absolute;
	left: 229px;
	top: -10px;
	display:none;
	background: #4d4d4d;
	z-index: 120;
}

/* Styles for Menu Items */
#Navigator ul li a 
{
	display: block;
	text-decoration: none;
	padding: 0 5px 0 35px;
	/*background: none; /* IE6 Bug */
	background: #4d4d4d url(Graphics/nvbg.png) no-repeat scroll center left;
	z-index: 50;
	height: 30px;
	width: 190px;
	color: #ffffff;
}

/* Fix IE. Hide from IE Mac \*/
* html #Navigator ul li { float: left; height: 1%; }
* html #Navigator ul li a { height: 1%; }
/* End */

#Navigator ul li a:hover 
{ 
	background: #99cc00 url(Graphics/nvbg1.png) no-repeat scroll center left;
	color: #4d4d4d;
}	
		
#Navigator li ul li a 
{ 
	width: auto; 
	background: none; 
	text-align: left;
} /* Sub Menu Styles */
		
#Navigator li:hover ul, li.over ul 
{ 
	display: block; 
} /* The magic */

/* round boxes */
.BlueBoxTop, .GreenBoxTop
{
	width: 365px;
	height: 30px;
	text-align: center;
	background: #0099cc url(Graphics/tab-top-blue.gif) no-repeat;
	position: relative;
	left: -10px;
}
.GreenBoxTop { background: #99cc00 url(Graphics/tab-top-green.gif) no-repeat; }

.BlueBoxTop h2, .GreenBoxTop h2 { text-align: center; color: #ffffff; line-height: 30px; height: 30px; margin: 0 0 0 0; padding: 0 0 0 0; }

.BlueBox, .GreenBox
{
	width: 345px;
	background: #ffffff url(Graphics/tab-mid-blue.gif) repeat-y;
	padding: 0 10px 0 10px;
}
.GreenBox {	background: #ffffff url(Graphics/tab-mid-green.gif) repeat-y; }

.BlueBoxBottom, .GreenBoxBottom
{
	width: 365px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #ffffff url(Graphics/tab-bottom-blue.gif) no-repeat scroll bottom left;
	position: relative;
	left: -10px;
}
.GreenBoxBottom { background: #ffffff url(Graphics/tab-bottom-green.gif) no-repeat; }

.EventsList, .FriendsEvents, .BGuide, .ITouch
{
	float:left;
	width: 365px;
	height: 360px;
}

.FriendsEvents, .ITouch { float: right; }	
.BangkokGuide { border: 2px solid #99cc00; padding: 2px 5px 2px 5px; font-size: 11px; background: #ffffff; text-align: center; }
h2.BangkokGuideTitle { margin: 0 0 0 0; padding: 0 0 0 0; text-align: center; background: #99cc00; height: 23px; line-height: 23px; color: #ffffff; }

.BGuide p { font-size: 11px; line-height: 17px; }
.BangkokGuideImg { padding: 5px 10px 5px 0; border: none; float: left; }

.ITouchImg
{
    float: left;
    padding: 5px 10px 5px 0;
    overflow: hidden;
    height: 260px;
}
    
.ITouch img
{
    border: none;
}    

/* events lists */
.BoxSizer { height: 270px; }
.BgBk { background: #ffffff url(Graphics/bgbk.jpg) no-repeat scroll bottom left; }

.EventIntro { height: 90px; }
.EventSizer { height: 315px;}

.Event
{
	height: 40px;
	margin-top: 5px;
}

.EventDate, .EventDateFriends
{
	float: left;
	width: 40px;
	height: 40px;
	background-color: #74c7e3;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}

.EventDateFriends
{
	background-color: #c7e667;
}

.EventDay { line-height: 22px; font-size: 18px; }
.EventMonth { line-height: 12px; font-size: 11px; }

.EventText
{
	float: right;
	width: 300px;
	height: 34px;
	line-height: 17px;
	padding: 3px 0 3px 0;
}		

.MoreStuff { padding: 5px 0 0 63px; }

/* events calendar */
.Calendar
{
	border: solid 1px #dcdcdc;
	width: 735px;
	background-color: #dcdcdc;
}
	
.CalendarRow, .CalendarHeadingRow
{
	line-height: 17px;
	min-height: 105px;
	width: 100%;
	margin-bottom: 1px;
}
.CalendarHeadingRow { min-height: 30px; height: 30px; }
.CalendarRow h4 { margin: 0 0 0 0; }

.CalendarSquare, .CalendarHeading
{
	width: 105px;
	min-height: 105px;
	float:left;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
	background-color: #c0c0c0;
	font-size: 11px;
}

.CalendarHeading
{
	background-color: #74c7e3; /* #808080; #5e3547;*/
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	min-height: 30px;
}

.Booked { background-color: #ffffff; }
.Available { background-color: #ececec; }
.Empty { background-color: #dbdbdb; /*#B8B8B8;*/ }
.Today { background-color: #FFF799; }

.CalendarSquare h4 
{
	background-color: #4d4d4d;
	color: #ffffff;
	margin-bottom: 2px;
}

a.CalAnzwg { color: #0099cc; }
a.CalFriends { color: #99cc00; }
a.CalRegular { color: #736357; }
a.CalWelfare { color: #F36F21; }

#CalendarAdSpace {margin-bottom: 10px; }

/* events calendar key */
.KeyA, .KeyF, .KeyW, .KeyR { height: 20px; padding: 0 10px 0 10px; margin-right: 5px; color: #ffffff; float: left; }

.KeyA { background-color: #0099cc; }
.KeyF { background-color: #99cc00; }
.KeyR { background-color: #736357; }
.KeyW { background-color: #F36F21; }

.Mth { width: 25%; float: left; height: 45px;}
.Key { width: 74%; float: right; height: 45px;}

/* welfare page */
.WelfareRightCol
{
	width: 224px;
	float: right;
	margin-bottom: 10px;
}

.WelfareLeftCol
{
	width: 516px;
	float:left;
	margin-bottom: 10px;
}

#WelfareTrips
{
	background-color: #4D4D4D;
	color: #ffffff;
	margin-top: 5px;
	padding: 5px 5px 5px 5px;
	height: 430px;
}

#WelfareTrips h2 { color: #c0c0c0; margin: 0 0 7px 0; text-align: center; }
#WelfareTrips a { color: #99cc00; }

/* membership page */
.MembershipRightCol
{
	float: right;
	width: 307px;
}

.MembershipLeftCol
{
	float:left;
	width: 433px;
}

#MembershipBenefits
{
	background-color: #4D4D4D;
	color: #ffffff;
	margin-top: 5px;
	padding: 5px 5px 5px 5px;
	height: 375px;
	font-size: 11px;
	text-align: center;
}

#MembershipBenefits h2 { color: #c0c0c0; margin: 0 0 7px 0; text-align: center; }
#MembershipBenefits a { color: #99cc00; }

#MembershipForms
{
	background-color: #c7e667;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

#MembershipForms h2, #MembershipForms h3 { color: #4d4d4d; }

.docimage { height: 55px; width: 55px; margin: 0 auto 5px auto; display: block; border: solid 1px #0099cc;}

.pdf, .word
{
	float:left;
	height: 80px;
	width: 49%;
	font-size: 11px;
}

.word { float: right; }

/* kiwalas page, advertising page */
.KiwalasRightCol, .AdvertisingRightCol, #StdRight
{
	float: right;
	width: 250px;
}

.AdvertisingRightCol { padding: 0 0 10px 10px; }

.KiwalasLeftCol, .AdvertisingLeftCol, #StdLeft
{
	float:left;
	width: 490px;
}

.KiwalasImg { margin-top: 5px; border: none; }

.KiwalasAd
{
	background-color: #c7e667;
	padding: 5px 5px 5px 5px;
	height: 250px;
}

.MediaKits
{
	background-color: #c7e667;
	padding: 5px 5px 5px 5px;
	text-align: center;
}			

#StdRight a
{
	display: block;
	width: 215px;
	padding-left: 35px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	background: #4d4d4d url(Graphics/nvbg.png) no-repeat scroll center left;
	color: #ffffff;
	margin-bottom: 2px;
	text-align: left;
}

#StdRight a:hover
{
	background: #99cc00 url(Graphics/nvbg1.png) no-repeat scroll center left;
	color: #4d4d4d;
	text-decoration: none;
}

/* bangkok guide pages */
#BkMenu
{
	float: right;
	width: 180px;
	padding-left: 10px;
}

a.Bk0, a.Bk1, a.Bk2, a.Bk3, a.Bk4, a.Bk5, a.Bk6, a.Bk7, a.Bk8, a.Bk9, a.Bk10, a.Bk11, a.Bk12, a.Bk13, a.Bk14
{
	display: block;
	text-align: center;
	height: 25px;
	line-height: 25px;
	border-bottom: solid 2px #ffffff;
	text-decoration: none;
	color: #ffffff;
}

.Bkh0, .Bkh1, .Bkh2, .Bkh3, .Bkh4, .Bkh5, .Bkh6, .Bkh7, .Bkh8, .Bkh9, .Bkh10, .Bkh11, .Bkh12, .Bkh13, .Bkh14
{
	text-align: center;
	height: 52px;
	line-height: 52px;	
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	color: #ffffff;
}

a.Bk0, .Bkh0 { background-color: #000000; }
a.Bk1, .Bkh1 { background-color: #f6adcd; }
a.Bk2, .Bkh2 { background-color: #ed1c24; }
a.Bk3, .Bkh3 { background-color: #00a7e5; }
a.Bk4, .Bkh4 { background-color: #d80c8c; }
a.Bk5, .Bkh5 { background-color: #8fb63e; }
a.Bk6, .Bkh6 { background-color: #007943; }
a.Bk7, .Bkh7 { background-color: #f6e700; color: #000000; }
a.Bk8, .Bkh8 { background-color: #851f83; }
a.Bk9, .Bkh9 { background-color: #a9a5cd; }
a.Bk10, .Bkh10 { background-color: #25247b; }
a.Bk11, .Bkh11 { background-color: #4dc6e1; }
a.Bk12, .Bkh12 { background-color: #939598; }
a.Bk13, .Bkh13 { background-color: #595959; }
a.Bk14, .Bkh14 { background-color: #f58220; }

a:hover.Bk0 { background-color: #99cc00; }
a:hover.Bk1 { background-color: #99cc00; }
a:hover.Bk2 { background-color: #99cc00; }
a:hover.Bk3 { background-color: #99cc00; }
a:hover.Bk4 { background-color: #99cc00; }
a:hover.Bk5 { background-color: #99cc00; }
a:hover.Bk6 { background-color: #99cc00; }
a:hover.Bk7 { background-color: #99cc00; }
a:hover.Bk8 { background-color: #99cc00; }
a:hover.Bk9 { background-color: #99cc00; }
a:hover.Bk10 { background-color: #99cc00; }
a:hover.Bk11 { background-color: #99cc00; }
a:hover.Bk12 { background-color: #99cc00; }
a:hover.Bk13 { background-color: #99cc00; }
a:hover.Bk14 { background-color: #99cc00; }

a.BuyGuide
{
	display: block;
	padding-left: 35px;
	height: 52px;
	line-height: 52px;
	font-size: 14px;
	background: #4d4d4d url(Graphics/nvbg.png) no-repeat scroll center left;
	color: #ffffff;
	margin-bottom: 2px;
	text-align: left;
}

a:hover.BuyGuide
{
	background: #99cc00 url(Graphics/nvbg1.png) no-repeat scroll center left;
	color: #4d4d4d;
	text-decoration: none;
}

/* members pages */
#MemberMenu
{
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 20px;
	background-color: #0099cc;
}

#MemberMenu a
{
	float: left;
	display: block;
	padding: 0 7px 0 7px;
	background-color: #0099cc;
	color: #ffffff;
	height: 30px;
	border-right: solid 2px #ffffff;
}			

#MemberMenu a:hover
{
	background-color: #99cc00;
}	

#MembersLoungeLogin 
{ 
	float: right; 
	width: 230px; 
	background-color: #4d4d4d;
	padding: 10px 10px 10px 10px;
	color: #dcdcdc;
}

/* general table headers */
.tbh { background-color: #CCCCCC; font-weight: bold; }

.AltHead { color: #4d4d4d; }

/* Standard two columns */
.StdLeftCol { float: left; width: 49%; text-align: left; }
.StdRightCol { float: right; width: 49%; }

/* in touch archives */
.int { background: #ffffff; width: 100%; height: 20px;}
.inta { background: #ececec;  width: 100%; height: 20px; }

.intdt
{
	float:left;
	width: 20%;
	font-weight: bold;
	height: 20px;
}

.intopen
{
	float:left;
	width: 20%;
	height: 20px;
}
	
/* ads on pages */
.MembersAd
{
	background-color: #ececec;
	padding: 5px 5px 5px 5px;
}	

/* Gallery */
#Gallery
{
	padding: 10px 0 0 0;
	background-color: #ececec;
}
	
.GalleryLine
{
	width: 100%;
	height: 170px;
	padding: 0 0 10px 0;
}

.ImageHolder
{
	width: 200px;
	height: 150px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	border: solid 10px #0099cc;
	background-color: #0099cc;
	text-align: center;
}

.OuterImage
{
	float:left;
	width: 250px;
	height: 170px;
}			

.GalleryImage { border: none; margin: 0 auto 0 auto;}

/* site search */
.SiteSearch
{
	padding: 10px 0 10px 0;
}

.Sch { padding: 0 0 10px 0; }
.SchD { font-size: 11px; }

/* classifieds */
.ClassifiedsLogo { height: 150px; width: 100%; background: #F08D25 url(Graphics/expat.gif) no-repeat; margin-bottom: 10px;}

.ClassifiedsSell
{
	background-color: #f08d25;
	float: left;
	height: 80px;
	width: 130px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

.ClassifiedsSearch
{
	background-color: #f08d25;
	float: right;
	height: 80px;
	width: 570px;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

.ClsCat { float: left; height: 51px; width: 272px; }
.ClsLd { float: left; height: 51px; width: 16px; padding: 0 5px 0 0; }
a.ClsLink { color: #000000; }

.ClassifiedsTerms { background-color: #4d4d4d; color: #dcdcdc; padding: 10px 10px 10px 10px; font-size: 11px; }
.ClassifiedsTerms h2 { color: #ffffff; }

.ClassifiedsItems { background-color: #ececec; padding: 10px 10px 10px 10px; }

.Cls
{
	border-bottom: solid 1px #c0c0c0;
	padding: 10px 0 10px 0;
}

.ClsPic
{
	float:left;
	width: 150px;
	height: 113px;	
	padding-right: 10px;
	overflow:hidden;
}

.ClsTop, .ClsDt
{
	float:left;
	width: 570px;
	height: 45px;
}

.ClsName { float: left; width: 59%; font-weight: bold; }
.ClsSpec { float:left; width: 20%; text-align: center; font-weight: bold; font-size: 11px;}
.ClsDt { height: 68px; font-size: 11px; overflow: hidden; }
.ClsImg { width: 150px; border: none; }

.ClassifiedHeader
{
	background-color: #f08d25;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}	

.ClassifiedHeader1 { float: left; width: 60%; }
.ClassifiedHeader2 { float: right; text-align: right; width: 39%; font-size: 11px; font-weight: bold; }

.ClassifiedHeader a { color: #ffffff; }
.ClassifiedHeader h2 { color: #000000; }

.ClassifiedImages
{
	float: left;
	width: 200px;
	font-size: 11px;
	text-align: center;
}

.ClassifiedImagesText { background-color: #4d4d4d; padding: 5px 5px 5px 5px; color: #dcdcdc; border-bottom: solid 2px #ffffff;}

.ClassifiedBg { background-color: #ececec; padding: 10px 10px 10px 10px; margin-bottom: 10px; width: 520px; float: right; }	

.ClsRow { width: 100%; }
.ClsLbl { width: 15%; text-align: right; font-weight: bold; float: left; }
.ClsVal { width: 84%; float: right; }
.ClsThumb { width: 200px; border: none; padding-bottom: 5px; }

.ClassifiedsQuickLinks
{
	margin: 10px 0 10px 0;
	height: 100px;
}

.Clsqr, .Clsq
{
	width: 110px;
	height: 100px;
	padding-right: 14px;
	text-align: center;
	float:left;
}		

.Clsq { padding-right: 0; }
.ClsqImg { width: 110px; height: 80px; border: none; }

/* members lounge bullet list */
#LoungeList ul
{
	list-style-image: url(Graphics/green-bullet.gif);
	list-style-type:none;
}

/* contact form */
#ContactForm
{
	width: 60%;
	float:left;
}

#ContactMap 
{
	float: right;
	width: 37%;
	padding: 10px 1% 10px 1%;
	background-color: #ececec;
}

/* committee pic */
.CmImg { border: none; width: 59px; height: 75px; padding-bottom: 2px;}

.CmCol1 { width: 372px; float: left; }
.CmCol2 { width: 372px; float: right; }
.CmTitle { background-color: #ececec; border-top: solid 5px #ffffff; padding: 5px 5px 5px 5px; height: 20px;}
.CmJob { float: left; width: 40%; font-size: 11px; color: #99cc00; }
.CmEmail { float: right; width: 59%; text-align: right; font-size: 11px; }
.CmMembers { background-color: #dcdcdc; padding: 5px 5px 5px 5px; height: 102px; }
.Cm { width: 20%; text-align: center; font-size: 11px; float: left; line-height: 14px; }

