/*
	Creative Tree Master Stylesheet 
	Coded by: Andreas Sihombing of kemangnet.com
*/

/* Hides from IE5-mac \*/

* html #Content {height:1%;}
* html #Content ul {margin-left:0;}

/* End hide from IE5-mac */

html body
{
	text-align:center;
}
body, textarea, button
{
	font-size:10px; margin:0; font-family: verdana, geneva, arial, tahoma;
}
form
{
	margin: 0
}
fieldset
{
	margin-bottom:10px
}
legend
{
	font-size:12px
}
a 
{
	text-decoration:none; font-weight:bold;
}
a:hover, a:visited:hover
{
	text-decoration:underline
}
a:visited 
{	
	text-decoration:none;
}
a img 
{
	vertical-align:middle;
}
#ctl00_imgLogo
{
	vertical-align:top;
}
.menu
{
	text-transform:uppercase; font-weight:normal; padding:10px 4px 10px 4px; line-height:31px
}
a.menu, a.menu:visited 
{	
	text-decoration:none; font-weight:normal
}
.login
{
	margin-top:10px; text-align:right
}
.login a
{
	font-weight:normal; text-transform:uppercase
}
.topnav
{
	font-family: geneva, verdana, helvetica; text-align:right;
}
.topmenu
{
	text-align:right; margin-top:38px
}
.bottomlistmenu 
{
	margin-bottom:0px;
}
.footer
{
	display:block; clear:both; width:864px; margin-bottom:0px; margin-left:auto; margin-right:auto; text-align:center
}
input
{
	font-size:10px; font-family: Verdana, Geneva, sans-serif, Helvetica, Arial;
}
td
{
	vertical-align:top; text-align:left;
}
h1, h2, h3, h4, h5
{
	font-family:Geneva, sans-serif, Helvetica, Arial
}
h1
{
	font-size:20px; line-height:16px; margin-top:16px; margin-bottom:12px
}
h2
{
	font-size:16px;	margin-top:14px; margin-bottom:10px
}
h3
{
	font-size:14px; margin-top:12px; margin-bottom:8px
}
h4
{
	font-size:12px; margin-top:10px; margin-bottom:6px
}
h5
{
	font-size:11px; margin-top:8px; margin-bottom:4px
}
img
{
	border:none
}
th, .thside
{
	text-align:left; vertical-align:top
}
hr, .hr
{
	border:0;
}
hr.dot, .hidden, .hrhidden
{
	margin-top:16px
}
ul, ol 
{ 
	margin-bottom:9px; margin-top:0
}
ul.arrow
{
	margin-left:20px; padding-left:0; padding-top:4px; text-indent:-3px
}
.arrow li
{
	margin:0;
}
table thead td
{
	text-transform:uppercase
}
label.inlinelabel
{
	display:inline;
}
table
{
	border-collapse:collapse;
}
table ul
{
	margin-left:14px;
}
#Logo
{
	height:90px; width:322px; position: absolute
}
#TopNav
{
	height:90px; width:470px; position: absolute; right: 0
}
#Header
{
	height:90px;
}
#SubHeader
{
	height:31px
}
#Intro
{
	padding:19px 0px 0px 0px; height:152px
}
#JoinNow
{
	float:left; width:453px; padding-left:34px; display:inline; height:120px; position: relative;
}
#JoinNowOverlay
{
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0; /* will cover the entire parent */
	left: 40px;
	width:510px;
	height:135px;
	opacity: 0.8;
	-moz-opacity: 0.8; /* older Gecko-based browsers */
	filter:alpha(opacity=80); /* For IE6&7 */
	-khtml-opacity: 0.8
}
#JoinNowM
{
	width:510px; height:135px; position:relative
}
#JoinNowM3 .buttonM, #JoinNowM3 .buttonMG
{
	width:104px
}
#JoinNowM1
{
	width:118px; margin:30px 2px 12px 80px
}
#JoinNowM2
{
	width:122px; margin:30px 0px 12px 62px
}
#JoinNowM3
{
	width:116px; margin:12px 0px 12px 4px
}
#JoinNowM3 .bold
{
	padding-bottom:6px
}
#JoinNowM1, #JoinNowM2, #JoinNowM3
{
	float:left; text-align:left; display:inline
}
#TagLine
{
	float:left; width:228px
}
#Discipline
{
	height:160px
}
#Content
{
	display:block
}
#Content p.line
{
	line-height:28px; margin-top:0;
}
#Content ul li
{
	line-height:18px
}
#Content ol.line li, #Content ul.line li
{
	line-height:28px
}
#Content ol.line, #Content ul.line
{
	margin:0; margin-bottom:27px
}
#ContentLeft, #GalleryLeft 
{
	float:left; width:180px; padding-top:16px; padding-right:20px; text-align:left; overflow:hidden;
}
#ContentCenter 
{
	float:left; width:204px; padding-top:16px; padding-left:20px; padding-right:20px; text-align:left;
}
#ContentCenter2
{
	float:left; width:180px; padding-top:16px; padding-left:20px; text-align:left;
}
#ContentRight
{
	float:left; width:180px; padding-top:16px; padding-left:20px; text-align:center
}
#Credit
{
	padding-bottom:6px; 
}
#Credit em
{
	font-family:Arial, sans-serif, Helvetica;	
}
#Address, #Credit
{
	font-size: xx-small; line-height:12px;
}
#Address img
{
	vertical-align:middle
}
#SideNav
{
	width:180px; position:absolute; top:90px
}
#SideMenu
{
	width:180px; position:absolute; top:50px; left:0; line-height:1.8em
}
#Middle
{
	width:640px; margin-left:180px
}
#SearchForm
{
	padding-bottom:10px; margin-top:8px
}
#ThumbnailWrapper
{
	width:100%
}
#TopBanner
{
	height:70px; padding-left:260px; position:relative; vertical-align:middle; overflow:hidden
}
#GalleryLeft
{
	text-align:right;
}
#Gallery, #Profile
{
	float:left;	width:623px; padding-left:20px
}
#AreaTitles
{
	height:24px; margin-top:16px; margin-bottom:10px
}
#DirectoryList .pattern
{
	padding:6px 0px 6px 0px;
}
#DirectoryList .body
{
	margin-top:2px; width:100%;
}
#DirectoryList .body h2
{
	font-size:13px; margin:0px 0px 1px 0px 
}
#DirectoryList .body h3
{
	font-size:11px; margin:0px 0px 6px 0px 
}
.showcase
{
	width:254px; float:left
}
.jobs, .newmembers
{
	width:196px; float:left
}
.events
{
	width:190px; float:left
}
.events div, .newmembers div, .jobs div
{
	text-align:left
}
.events hr, .newmembers hr, .jobs hr
{
	margin:4px 0px 0px 0px; padding:0px 0px 4px 0px
}
.jobs div, .newmembers div, .showcase div
{
	padding-right:9px
}
.jobs div.description, .newmembers div.description, .events div.description
{
	height:50px
}
.hr
{
	width:100%; height:9px; padding:0; margin:0
}
.error
{
	padding-top:6px; padding-bottom:6px; color:#ff0000; font-weight:bold
}
.title, .title2
{
	font-family:helvetica, tahoma, arial; font-size:21px; font-weight:bold; color:#a0aa85; margin-bottom:8px; line-height:22px; text-align:left
}
.title2
{
	padding-bottom:16px
}
.subtitle, .biglabel
{
	font-family:helvetica, tahoma, arial; font-size:12px; font-weight:bold; text-align:left
}
.biglabel
{
	margin-bottom:4px; margin-top:8px; text-align:left
}
.thumbnail, thumbnail2
{
	vertical-align:middle; text-align:center; font-size:10px; cursor:pointer
}
.thumbnail td
{
	padding:0px; margin:0px
}
.thumbnail2 td 
{
	padding:4px
}
.imageframe
{
	float:left; padding:10px; text-align:center; border:solid 1px #000
}
.labeltop label
{
	display:block;
}
.labeltop td
{
	padding-top:4px; vertical-align: top;
}
.wrapper
{
	text-align:justify; width:844px; margin-left:auto; margin-right:auto; position:relative
}
.wrapperfluid
{
	text-align:left; padding-left:10px; padding-right:10px
}
.wrapperright
{
	text-align:right; width:844px; margin-left:auto; margin-right:auto
}
.wrapperfluidright
{
	text-align:right; margin-left:auto; margin-right:auto
}
.pagingtop, .pagingbottom
{
	text-align:right; padding:8px
}
.pagingtop
{
	margin-bottom:8px;
}
.pagingbottom
{
	margin-top:8px;
}
.hidden
{
	visibility:hidden;
}
.thumbnailright
{
	float:right; height:60px; width:49%
}
.thumbnailleft
{
	float:left; height:60px; width:50%
}
.greytable td, .greytable th
{
	padding:4px
}
table.greytable
{
	margin-bottom:20px
}
.thumbnailrow
{
	clear:both; height:60px;
}
.box
{
	padding:10px
}
.buttonL, .buttonR, .buttonLG, .buttonRG
{
	width:6px; height:19px; float:left
}
.buttonM, .buttonMG
{
	height:19px; float:left; padding:3px 0px 2px 0px;
	text-transform:uppercase; text-align:center; vertical-align:middle
}
.buttonM a, .buttonMG a
{
	text-decoration:none
}
.xsmall
{
	font-size:x-small;
} 
.xxsmall 
{
	font-size:xx-small;
}
.paneltop, .panelbottom, .bordertop, .borderbottom, .gallerybordertop, .galleryborderbottom, .thumbstop, .thumbsbottom
{
	height:9px; margin-top:9px; clear:both;
}
.thumbstop
{
	margin-bottom:9px	
}
#MiddleLine
{
	margin-bottom:0px; margin-top:0px
}
.separator
{
	margin-top:10px; margin-bottom:10px; clear:both
}
.breadcrumb 
{
	padding:9px 0px 18px 0px; font-family:geneva, verdana, helvetica
}
.idbox
{
	padding:20px; text-align:left
}
.header h1, .header h2
{
	font-weight:normal; margin-top:0; margin-bottom:0
}
.header h1
{
	margin-bottom:6px
}
.album
{
	padding:20px; margin-top:10px	
}
.albumthumbs
{
	float:left; width:295px; padding-left:15px; text-align:center
}
.photodetail
{
	float:left; width:313px
}
.photodetail img, .thumbnail img, .thumbnail2 img, .showcasepanel img
{
	cursor:pointer
}
.pattern
{
	width:100%; text-align:left
}
.roundedtopleft, .roundedtopright, .roundedbottomleft, .roundedbottomright
{
	width:6px; height:7px; background-repeat:no-repeat
}
.roundedtopleft, .roundedbottomleft
{
	float:left
}
.roundedtopright, .roundedbottomright
{
	float:right
}
.specializations td
{
	width:220px
}
.specializations td
{
	margin:0; padding:0
}
.pattern3
{ 
	font-weight:bold; font-size:12px
}
.eventlist
{
	width:180px; float:left; margin-left:20px
}
.eventnav
{
	width:282px; float:left; text-align:left
}
.article
{
	float:left; padding-left:10px; width:527px; border-left:dotted 1px #a88a58
}
.bannerM
{
	text-align:right; padding-top:8px
}
.bannerL
{
	float:left; width:349px; text-align:right; margin-bottom:10px
}
.bannerR
{
	float:left; width:203px; text-align:right; margin-bottom:10px
}
.opaque 
{
	-moz-opacity: 1; opacity:1; filter:alpha(opacity=100); -khtml-opacity:1
}
.transparent 
{
	-moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); -khtml-opacity:0.8
}
.gridtable 
{
	font-size:1em; 
}
.pattern table
{
	width:100%
}
.pattern thead td 
{
	padding:4px 9px 4px 9px
}
.pattern tbody td 
{
	padding:6px 9px 6px 9px
}
.pattern big
{
	font-size:16px; font-family:Geneva, sans-serif, Helvetica, Arial; line-height:16px; font-weight:bold
}
.date
{
	margin-bottom:3px
}
.idphoto
{
	float:left; width:36px; margin-right:3px
}
ul.alignright li
{
	list-style-type:none; text-align:right
}
.hiddenboxed
{
	padding:2px 7px 2px 7px
}
.hiddenboxed li
{
	margin-bottom:0.8em
}
.hiddenboxed li a
{
	line-height:1em
}
.boxed
{
	padding:2px 6px 2px 6px
}
.fixh46
{
	height:46px; margin:9px 0 9px 0
}
.fixh20
{
	height:20px
}
.barchart td
{
	height:100px; vertical-align:bottom
}
.chartlabel td
{
	font-size:1.4em; font-weight:bold
}
.vbar
{
	width:42px; float:left
}
.vbarshadow
{
	width:3px; float:right; margin-top:4px
}
.barcontainer
{
	width:45px; vertical-align:bottom; clear:both
}
#Chart td
{
	text-align:center; padding:6px
}
.chartvalue 
{
	margin-bottom:3px
}
.bannerWrapper
{
	width:552px; margin:30px auto
}
#BannerContainer
{
	position:relative
}
.chat
{
	width:200px; text-align:center; margin-right:auto; margin-left:auto
}
.line20
{
	line-height:20px
}
#TagLine
{
	width:228px; height:120px; overflow:hidden; cursor:pointer
}
.randomtestimonial
{
	height:120px; text-align:center; margin:10px; vertical-align:middle; font-weight:bold
}
.quote
{
	font-size:1.2em; font-family: arial, helvetica, verdana; margin-bottom:10px; font-weight:normal; font-style:italic
}
.testimonial
{
	margin:10px; font-size:1.3em; margin-bottom:10px; font-style:italic
}
.testimoner
{
	font-size:0.8em; text-align:right; font-style:normal
}
.price 
{
	font-size:1.2em; font-weight:bold
}
.nowrap { white-space:nowrap }
.nowrap label.inlinelabel { display:inline }

.specialization { font-size:1.1em }
.vcard .type { font-weight:bold }
.vcard .adr { margin-bottom:0.8em }
.idbox h2 { margin-bottom:0.5em }

.rightcol { text-align:right }

.longtext h2 { margin-top:3em }
.longtext h3 { font-size:1.3em; margin-top:2em }