/* Glass Houses */
/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2007 anacarinidesign.com and may not be reproduced. */
/* Last updated: 12/02/07 */

/* tags */
html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px auto;
	padding: 0px;
	width: 950px;
	font: .8em "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #58341b;
}
h1 {
	font-size: 1em;
	text-transform: uppercase;
}
h2 {
	font-size: .9em;
}
h3 {
	text-transform: capitalize;
	color: #8bba2d;
	font-size: 95%;
	background: #f4f4f4;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
h4 {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 90%;
}
h5 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 85%;
}
p {
	margin: 0px 0px 10px;
	padding: 0px;
	text-align: justify;
	line-height: 18px;
}
img {
	border-style: none;
}
hr {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	visibility: hidden;
}
span {
	text-decoration: underline;
}
blockquote {
	margin: 10px 0px 0px;
	padding: 0px;
}
#global {
	background: url(p/img_main.jpg) no-repeat left 26px;
	margin: 0px;
	padding: 0px;
	height: 600px;
}
#topbar {
	margin: 0px;
	padding: 0px;
	background: #58341b url(p/img_topbar.gif) no-repeat left top;
	height: 25px;
}
#topbarnav {
	list-style: none;
	padding: 0px;
	font-size: 90%;
	text-transform: uppercase;
	float: right;
	margin-top: -16px;
}
#topbarnav li {
	margin: 0px;
	padding: 0px 7px;
	display: inline;
	border-right: 1px solid #ccc;
}
#topbarnav a:link, #topbarnav a:visited {
	text-decoration: none;
	color: #ccc;
}
#topbarnav a:hover {
	color: #81b628;
}
#header {
	margin: 0px;
	padding: 30px 0px 15px;
	height: 87px;
}
.date {
	padding-top: 7px;
}
#taglines {
	margin: -20px 25px 0px 0px;
	padding: 0px;
	list-style: none;
	width: 350px;
	float: right;
}
.motto {
	width: 400px;
	text-align: center;
	float: right;
	margin-right: 5px;
	margin-top: 30px;
	font-size: 90%;
}
.motto em {
	font-weight: bold;
	font-style: normal;
	color: #3ba2f7;
}
#content {
	margin: 0px;
	padding: 0px;
	position: relative;
}
#content li {
	list-style: url(p/img_arrow.gif) inside;
	margin-bottom: 7px;
}
#nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
}
#nav li {
	list-style: none;
}
#exe {
	position: absolute;
	width: 130px;
	left: 273px;
	top: 5px;
	height: 130px;
	text-align: center;
}
#exe a:link, #exe a:visited {
	text-decoration: none;
	color: #8bba2d;
	display: block;
	height: 80px;
	padding-top: 50px;
	background: url(p/80.png) repeat left top;
}
#exe a:hover {
	color: #fff;
	background: url(p/60.png) repeat left top;
}
#trans {
	position: absolute;
	width: 130px;
	left: 680px;
	top: 140px;
	height: 130px;
	text-align: center;
}
#trans a:link, #trans a:visited {
	text-decoration: none;
	color: #8bba2d;
	display: block;
	height: 90px;
	padding-top: 40px;
	background: url(p/80.png) repeat left top;
}
#trans a:hover {
	color: #fff;
	background: url(p/70.png) repeat left top;
}
#candi {
	position: absolute;
	width: 130px;
	left: 545px;
	top: 5px;
	height: 130px;
	text-align: center;
}
#candi a:link, #candi a:visited {
	text-decoration: none;
	color: #8bba2d;
	display: block;
	height: 80px;
	padding-top: 50px;
	background: url(p/80.png) repeat left top;
}
#candi a:hover {
	color: #fff;
	background: url(p/70.png) repeat left top;
}
#meet {
	position: absolute;
	width: 130px;
	left: 137px;
	top: 141px;
	height: 130px;
	text-align: center;
}
#meet a:link, #meet a:visited {
	text-decoration: none;
	color: #8bba2d;
	display: block;
	height: 80px;
	padding-top: 50px;
	background: url(p/80.png) repeat left top;
}
#meet a:hover {
	color: #fff;
	background: url(p/30.png) repeat left top;
}
#members {
	position: absolute;
	width: 130px;
	left: 408px;
	top: 277px;
	height: 130px;
	text-align: center;
}
#members a:link, #members a:visited {
	text-decoration: none;
	color: #8bba2d;
	display: block;
	height: 80px;
	padding-top: 50px;
	background: url(p/80.png) repeat left top;
}
#members a:hover {
	color: #fff;
	background: url(p/60.png) repeat left top;
}
#testimonial {
	margin-top: 9px;
	padding: 0px 0px 20px;
}
#testimonial .image {
	float: left;
	margin-right: 9px;
	margin-bottom: 110px;
}
#testimonial  p {
	text-align: justify;
	font-size: 90%;
	font-style: italic;
	color: #999;
}
#bottom {
	margin: 0px;
	padding: 430px 135px 10px;
	font-size: 100%;
}
#bottom em {
	font-weight: bold;
	color: #3ba2f7;
	font-style: normal;
}
#bottom li {
	list-style: url(p/img_arrow.gif) inside;
	margin-bottom: 7px;
}
#transition #global, #meetus #global, #exec #global, #memberspage #global {
	background: url(none);
}
#transition #content, #meetus #content, #exec #content, #memberspage #content {
	background: url(p/img_bar.gif) repeat-x left top;
	margin: 0px;
	padding: 80px 0px 0px;
}
#transition #nav, #meetus #nav, #exec #nav, #memberspage #nav {
	font-size: 80%;
	margin: 30px 0px 0px;
	padding: 0px;
	float: right;
}
#transition #nav li, #meetus #nav li, #exec #nav li, #memberspage #nav li {
	display: inline;
	margin: 0px;
	padding: 0px 7px;
	border-right: 1px solid #58341b;
}
#transition #nav a:link, #transition #nav a:visited, #meetus #nav a:link, #meetus #nav a:visited, #exec #nav a:link, #exec #nav a:visited, #memberspage #nav a:link, #memberspage #nav a:visited {
	text-decoration: none;
	color: #58341b;
}
#transition #nav a:hover, #meetus #nav a:hover, #exec #nav a:hover, #memberspage #nav a:hover {
	color: #8bba2d;
}
#nav li.active a {
	border-bottom: 1px solid #58341b;
}
#leftcol {
	float: left;
	width: 360px;
	margin: 0px;
	padding: 0px;
}
#leftcol a:link, #leftcol a:visited {
	font-weight: bold;
	color: #cd181e;
	text-decoration: none;
	margin-left: 0px;
	display: block;
	padding-left: 133px;
	background: #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#leftcol a:hover {
	color: #58341b;
}
#howto {
	margin: 10px 0px 0px;
	padding: 0px 10px 10px;
	background: #f4f4f4;
	border: 1px solid #ccc;
	font-size: 90%;
}
#rightcol {
	margin: 0px 0px 0px 400px;
	padding: 0px 0px 120px;
}
#rightcol a:link, #rightcol a:visited {
	text-decoration: none;
	color: #8bba2d;
	font-weight: bold;
}
#rightcol a:hover {
	color: #58341b;
}
#people {
	width: 650px;
}
#people #global {
	background: url(none);
	margin: 0px auto;
	padding: 0px;
}
#people #content {
	background: url(p/img_bar.gif) repeat-x left top;
	margin: 0px;
	padding: 80px 0px 0px;
	width: 650px;
}
#people #leftcol {
	width: 250px;
	margin: 0px;
	padding: 0px;
}
#people #rightcol {
	margin: 0px 0px 0px 300px;
	padding: 0px 10px 0px 0px;
	width: 340px;
}
#people #footer {
	margin: 20px 0px 0px;
	padding: 10px 0px;
	font-size: 90%;
	border-top: 2px solid #58341b;
}
.image {
	padding: 5px;
	background: #f4f4f4;
	border: 1px solid #ccc;
}
#footer {
	margin: 0px 135px;
	padding: 10px 0px;
	font-size: 90%;
	border-top: 2px solid #58341b;
	text-align: center;
}
#footer a:link, #footer a:visited {
	font-weight: bold;
	color: #8bba2d;
	text-decoration: none;
}
#footer a:hover {
	color: #58341b;
}
#transition #footer, #meetus #footer, #exec #footer, #memberspage #footer {
	margin: 20px 0px 0px;
	padding: 10px 0px;
	font-size: 90%;
	border-top: 2px solid #58341b;
}

/* browser selector */
/* msie fix */
.ie body {
	padding-right: 10px;
	padding-left: 10px;
}
.ie body, .ie #home, .ie #exec #content, .ie #transition #content, .ie #meetus #content, .ie #memberspage #content {
	position: relative;
}
.ie .date {
	padding-top: 3px;
}
.ie #taglines {
	margin-top: -99px;
	margin-right: 0px;
}
.ie .motto {
	margin-top: -59px;
	width: 360px;
	margin-right: -330px;
}
.ie #exec #content, .ie #transition #content, .ie #meetus #content, .ie #memberspage #content {
	position: fixed;	
}
.ie #rightcol li {
	text-indent: 5px;
	list-style: outside;
	padding-left: 12px;
}
.ie #transition #nav, .ie #meetus #nav, .ie #exec #nav, .ie #memberspage #nav {
	margin-top: -45px;
}
.ie #people {
	margin: 0px;
	padding: 0px;
}
.ie #people #rightcol {
	margin-left: 290px;	
}
/* msie7 */
.ie7 .date {
	padding-top: 3px;
}
.ie7 #topbarnav {
	margin-top: -13px;
}
.ie7 body, .ie7 #home, .ie7 #exec #content, .ie7 #transition #content, .ie7 #meetus #content, .ie7 #memberspage #content {
	position: relative;
}

/* firefox fix */
.gecko #topbarnav {
	margin-top: -12px;
}
.gecko #taglines {
	margin-top: -90px;
}
.gecko #transition #nav, .gecko #meetus #nav, .gecko #exec #nav, .gecko #memberspage #nav {
	margin-top: -42px;
}
.gecko .motto {
	margin-top: -40px;
	width: 360px;
	margin-right: 27px;
}
/* opera fix */
.opera #topbarnav {
	margin-top: -10px;
}
.opera .motto {
	margin-top: -35px;
	width: 360px;
	margin-right: 27px;
}