/* CSS Document */

body {
	margin: 0px;
	background-color: #F5F5F5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626264;
}

h1 {
	color: #626264;
	line-height: normal;
	font-size: 18px;
	font-weight: normal;
}

h2 {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	margin: 3px 0px;
	padding: 0px;
}

a img {
	border: 0px;
}

a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover, a:active {
	color: #7D5E0E;
	text-decoration: underline;
}

div.content ul {
	margin: 0px;
	padding: 0px;
}

div.content ul li {
	list-style-type: none;
	background: url(/masonictrustees/images/square_bullet.gif) no-repeat 0 5px;
	padding: 0 0 0 8px;
	margin: 2px 0px;
	
}

table tr td {
	background-color: #F5F5F5;
}

table tr td.topbar {
	background-color: #010134;
}

table tr td.logo {
	background: url(/masonictrustees/images/header_midborder.gif) bottom right repeat-y 1px 10px;
}

img.headerright {
	margin: 20px 0px 0px 20px;
}

table tr td.headerimage img {
	border-bottom: 6px solid #7d5e0e;
	margin-left: 1px;
}

div.biosselected ul.bio-menu {
	margin: 3px 0 0 2px;
	padding: 0;
}
div.biosselected ul.bio-menu li {
	font-size:10px;
	margin: 0;
	padding: 0 0 0 10px;
}

div.biosselected ul.bio-menu li a:link, div.biosselected ul.bio-menu li a:visited, div.biosselected ul.bio-menu li a:hover, div.biosselected ul.bio-menu li a:active {
	padding-left: 0;
}


/*=== Header Navigation ===*/

table tr td.headernav {
	background: #010134;
	border-right: 1px solid #7d5e0e;
	border-bottom: 6px solid #7d5e0e;
	/*padding: 12px 12px 0px 12px;*/
}

/*table tr td.headernav div{
	margin: 8px 0px 0px 0px;
}*/

table tr td.headernav div.navigation {
	margin: 16px 10px 0px 16px;
}

table tr td.headernav div.navigation div{
	margin-top: 7px;
}

div.selected {
	display:none;
}

body.assistance div.btn1selected {
	display: block;
}
body.assistance div.btn1over {
	display:none;
}

body.about div.btn2selected {
	display:block;
}
body.about div.btn2over {
	display:none;
}

body.community div.btn3selected {
	display:block;
}
body.community div.btn3over {
	display:none;
}

body.hall div.btn4selected {
	display: block;
}
body.hall div.btn4over {
	display:none;
}

body.memorial div.btn5selected {
	display:block;
}
body.memorial div.btn5over {
	display:none;
}

body.turk div.btn6selected {
	display:block;
}
body.turk div.btn6over {
	display:none;
}

body.magazine div.btn7selected {
	display:block;
}
body.magazine div.btn7over {
	display:none;
}

body.donations div.btn8selected {
	display:block;
}
body.donations div.btn8over {
	display:none;
}

body.contact div.btn9selected {
	display:block;
}
body.contact div.btn9over {
	display:none;
}

/*=== Main Image ===*/

div.hall {
	display: none;
}

div.text {
	margin-top: 48px;
}

body.welcome div.welcome {
	display:inline;
}

body.aboutus div.aboutus {
	display: inline;
}

body.overviewselected div.overviewselected {
	display: inline;
}

body.community div.community {
	display: inline;
}

body.hall div.hall {
	display: inline;
}

body.memorial div.memorial {
	display: inline;
}

body.turk div.turk {
	display: inline;
}

body.magazine div.magazine {
	display: inline;
}

body.donations div.donations {
	display: inline;
}

body.contact div.contact {
	display: inline;
}


/*=== Side Bar ===*/


table tr td.sidebar {
	background: #dadbdd url(/masonictrustees/images/sidebar_logo.gif) left bottom no-repeat;
	background-color: #dadbdd;
	height: 300px;
	border-right: 1px solid #7d5e0e;
}

body.biosselected table tr td.sidebar {
	background: #dadbdd url(/masonictrustees/images/sidebar_logo.gif) left bottom no-repeat;
	background-color: #dadbdd;
	height: 300px;
	border-right: 1px solid #7d5e0e;
}


div.sidebartext {
	margin: 20px 15px 100px 15px;
	color: #626264;
	letter-spacing: .5px;
	line-height: 14px;
	font-size: 10px;
	font-weight: bold;
}

div.sidebartext p {
	margin: 18px 0px;

}

div.sidebartext a:link, div.sidebartext a:visited {
color: #336699;
text-decoration: none;
}

div.sidebartext a:hover, div.sidebartext a:active {
color: #000000;
text-decoration: none;
}

div.sidebartext ul li {
	margin-left: 2px;
		font-weight: bold;
	list-style-type: none;
}

div.sidebartext ul li a:link, div.sidebartext ul li a:visited{
	color: #626264;
	background: url(/masonictrustees/images/round_bullet.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 10px;
}

div.sidebartext ul li a:hover, div.sidebartext ul li a:active{
	color: #336699;
	text-decoration: none;
	background: url(/masonictrustees/images/round_bulletover.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 10px;
}

div.sidebartext ul li.highlight a:link, body.thomas div.sidebartext ul li.highlight a:visited{
	color: #336699;
	background: url(/masonictrustees/images/round_bulletover.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 10px;
}

body.thomas div.sidebartext ul li.thomas a:link, body.thomas div.sidebartext ul li.thomas a:visited{
	color: #336699;
	background: url(/masonictrustees/images/round_bulletover.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 10px;
}

body.abad div.sidebartext ul li.abad a:link, body.abad div.sidebartext ul li.abad a:visited{
	color: #336699;
	background: url(/masonictrustees/images/round_bulletover.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 10px;
}

body.kniesel div.sidebartext ul li.kniesel a:link, body.kniesel div.sidebartext ul li.kniesel a:visited{
	color: #336699;
	background: url(/masonictrustees/images/round_bulletover.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 10px;
}

body.adams div.sidebartext ul li.adams a:link, body.adams div.sidebartext ul li.adams a:visited{
	color: #336699;
	background: url(/masonictrustees/images/round_bulletover.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 10px;
}

body.blasch div.sidebartext ul li.blasch a:link, body.blasch div.sidebartext ul li.blasch a:visited{
	color: #336699;
	background: url(/masonictrustees/images/round_bulletover.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 10px;
}

body.grippo div.sidebartext ul li.grippo a:link, body.grippo div.sidebartext ul li.grippo a:visited{
	color: #336699;
	background: url(/masonictrustees/images/round_bulletover.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 10px;
}

body.fuller div.sidebartext ul li.fuller a:link, body.fuller div.sidebartext ul li.fuller a:visited{
	color: #336699;
	background: url(/masonictrustees/images/round_bulletover.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 10px;
}

body.darrohn div.sidebartext ul li.darrohn a:link, body.darrohn div.sidebartext ul li.darrohn a:visited{
	color: #336699;
	background: url(/masonictrustees/images/round_bulletover.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 10px;
}

body.stoy div.sidebartext ul li.stoy a:link, body.stoy div.sidebartext ul li.stoy a:visited{
	color: #336699;
	background: url(/masonictrustees/images/round_bulletover.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 10px;
}

body.responsibilitiesselected div.responsibilitiesselected {
	display: inline;
}

body.responsibilitiesselected div.responsibilities {
	display: none;
}

body.overviewselected div.overviewselected {
	display: inline;
}

body.overviewselected div.overview {
	display: none;
}

body.programselected div.programselected {
	display: inline;
}

body.programselected div.program {
	display: none;
}

div.welcome {
	display: none;
}

body.welcome div.welcome {
	display: inline;
}

/*=== Side Bar Bios ===*/

body.biosselected div.biosselected {
	display: inline;
}

div.biosselected{
	font-size: 11px;
	font-weight: normal;
}

div.biosselected ul {
	padding: 0px 0 0 20px; 
	margin: 0px;
}

body.biosselected div.bios {
	display: none;
}

img.name {
	margin-top: 20px;
}

/*=== Content ===*/

table tr td.content {
	border-bottom: 6px solid #ddd7c7;
}

div.content {
	margin: 18px 10px 25px 25px;
}

div.content img.border {
	/*border: 1px solid #7d5e0e;*/
	margin: 0px 10px 10px 10px;
}
div.content img.president { margin-bottom: 80px; }

div.content img.bioimage {
	border: 1px solid #7d5e0e;
	margin: 0px 10px 0px 0px;
}

div.signature {
	margin-left: 103px;
}

/*=== Footer ===*/

table tr td.footerleft {
	background-color: #dadbdd;
	font-size: 9px;
	border-right: 1px solid #7d5e0e;
	padding-top: 5px;
	
}

table tr td.footerright {
	font-size: 10px;
	padding-left: 25px;
}

div.footertext {
	margin: 10px 15px 10px 15px;
}

/*=== Virutal Tour ===*/

div.smallimages img{
	margin: 3px;
	border: 1px solid #7d5e0e;
}

div.virtualtour {
	height: 365px;
	
}

div.virtualtourright {
	width: 305px;
	height: 362px;
}

table.imagecaption {
	height: 210px;
}

table.imagecaption tr td {
	background-color: #ddd7c7;
	color: #624a0c;
	font-size: 10px;
	font-weight: bold;
}

table.imagecaption tr td img{
	border: 1px solid #7d5e0e;
}

p#caption {
	padding: 2px 5px 5px 5px;
	margin: 2px;
}