* { margin: 0; padding: 0; }

a img { border: none; }

body { 
	background: #F5F5F5 url(images/body.gif) repeat-x top left;
	font: 8.25pt Arial, sans-serif;
	color: #414141;
}

p { margin: 0 0 0.82em; line-height: 22px; font-size: 12px; }

p.first, .welcome p.first { margin-top: 0; }

#page {
	width: 764px;
	position: absolute;
	left: 50%;
	margin-left: -382px;
}

#header {
	background: url(images/header.gif) no-repeat top left;
	height: 130px;
}

#header a { 
	position: absolute;
	display: block;
	top: 32px;
	left: 31px;
	width: 220px;
	height: 72px;
	text-indent: -999em;
}

#navigation {
	background: url(images/nav.gif) no-repeat top left;
	height: 26px;
	position: relative;
}

#navigation li { list-style: none; 	position: absolute; top: 0; }
#navigation a, #navigation li {
	display: block;
	height: 26px;
}
#navigation a { text-indent: -999em; }
#navigation a:hover, #navigation .selected a { background-image: url(images/nav.gif); }
li#nav-home { left: 27px; width: 60px; } 
li#nav-home a { width: 60px; background-position: -27px 26px; }
li#nav-about { left: 87px; width: 85px; }
li#nav-about a { width: 85px; background-position: -87px 26px; }
li#nav-news { left: 172px; width: 59px; }
li#nav-news a { width: 59px; background-position: -172px 26px; }
li#nav-calendar { left: 231px; width: 88px; }
li#nav-calendar a { width: 88px; background-position: -231px 26px; }
li#nav-gallery { left: 319px; width: 120px; }
li#nav-gallery a { width: 120px; background-position: -319px 26px; }
li#nav-contact { left: 439px; width: 102px; }
li#nav-contact a { width: 102px; background-position: -439px 26px; }

ul.inline-nav { text-align: center; }
ul.inline-nav li { list-style: none; display: inline; padding: 0 4px; border-left: 1px solid #a2a2a2; }
ul.inline-nav li.first { border-left: none; }

#footer { background: url(images/footer.gif) no-repeat top left; padding: 12px 0; text-align: center; }
#footer a { text-decoration: none; }
#footer a:hover { color: #575757; }
#footer p { margin: 10px 0; }

#content { position: relative; background: url(images/shadow.gif) repeat-y top left;  padding: 0 6px; height: 400px; min-height: 400px; }
* > #content { height: auto; }

#content h1 { 
	background: url(images/content-header-bg.gif) no-repeat top left;
	height: 11px;
	font-size: 8pt;
	padding: 13px 20px;
	position: relative;
	margin: 0;
	overflow: hidden;
}

#content h1 #apply-now-button {
	position: absolute;
	top: 7px;
	right: 16px;
}

#content a { text-decoration: underline; color: #3D3D3D; font-weight: bold; }
#content a:hover { text-decoration: none; }

#content .body { background: url(images/content-body.gif) no-repeat top center; min-height: 213px; height: 213px; }
#content .body, .welcome { padding: 16px 22px; }

* > #content .body { height: auto; }

.sub-navigation { position: absolute;  top: 9px; right: 14px; }
.sub-navigation li { 
	list-style: none; 
	display: inline; 
	background: url(images/sub-nav-separator.gif) no-repeat center left;
	padding-right: 10px;
	padding-left:  12px;
	font: bold 13px Arial, sans-serif; 
}
.sub-navigation li.first { background-image: none; }
#content .sub-navigation a { text-decoration: none; }
#content .sub-navigation a:hover, #content .sub-navigation a.selected { color: #414141; }

.welcome {
	position: relative;
	background: url(images/welcome-body.gif) no-repeat top left; 
	height: 162px; 
	min-height: 162px;	
}
* > .welcome { height: auto; }

#tvideasvideo, .tvideasvideo { position: absolute; left: 10px; top: 10px; }

.welcome p { line-height: 13.5pt; margin: 0.86em 0; padding-left: 333px; }

.three-column { position: relative; margin: 0 13px; }
.three-column .column1,
.three-column .column2,
.three-column .column3 { width: 202px; padding: 12px 20px 0; height: 190px; min-height: 190px; }
.three-column > .column1,
.three-column > .column2,
.three-column > .column3 { height: auto; }
.three-column .column2 { position: absolute; top: 0; left: 242px;  }
.three-column .column3 { position: absolute; top: 0; left: 484px;  }

.three-column h2 { text-transform: uppercase; color: #D5590C; font-size: 8px; margin-bottom: 16px; }

/* Brown color */
dt,
.speaker .name, 
#content h2 a,
#content .sub-navigation a, 
#footer a, 
blockquote, 
cite, 
.date,
label
{ color: #43250C; }

label { font-weight: bold; }

blockquote { font-weight: bold; font-style: italic; margin: 8px 0; } 
cite { display: block; text-align: right; font-style: normal; }

ul.links li {
	list-style: none;
	padding: 0 0 14px 15px;
	background: url(images/arrow.gif) no-repeat 3px 5px;
}

.three-column { background: url(images/three-column-divider.gif) no-repeat top center; }

.date { font-weight: bold; }

.member, .speaker { clear: left; }

.left-photo, .speaker .photo { float: left; border: 1px solid #8C847A; margin: 0 9px 9px 0; }
.member .name, .speaker .name { font: bold 13px Arial, sans-serif; }
.speaker ul.info { margin-bottom: 24px; }
.member ul.info li,.speaker ul.info li { list-style: none; line-height: 18px; }
.speaker .title, .speaker .business { font-size: 12px; }

.member ul.info { margin-bottom: 1em; }

h2 { font: bold 13px Arial, sans-serif; margin: 0 0 7px; }

.news-summary { margin-bottom: 15px; }

#content h2 a { text-decoration: none; }
#content h2 a:hover { color: #414141; }


.replaced { text-indent: -999em; background-repeat: no-repeat; background-position: top left; }
#h-important-notices { background-image: url(../images/h/important-notices.gif); }
#h-latest-news { background-image: url(../images/h/latest-news.gif); }
#h-weekly-inspiration { background-image: url(../images/h/weekly-inspiration.gif); }

textarea { width: 500px; height: 10em; }

.error { font-weight: bold; color: red; }

.search-pane
{
	margin-bottom: 1em;	
}

.section { margin-bottom: 1em; }

.calendar { margin-bottom: 2em; }

.search-pane { position: relative; border: 1px solid #8C847A; padding: 5px; }
.search-pane .column1,
.search-pane .column2,
.search-pane .column3 { width: 190px; padding: 0 5px; height: auto; text-align: left; }
.search-pane .column2 { position: absolute; top: 5px; left: 200px; }
.search-pane .column3 { position: absolute; top: 5px; left: 400px; }

dt { font-weight: bold; }

dl { position: relative; margin: 0.5em 0; }
dt { position: absolute; left: 0; }
dd { padding: 0 0 0.5em 100px; }

ul.error li { list-style: none; }