/* CSS Document */

/* ------------------------------- formatting ----------------------------- */

body {
	padding: 2;
	border: 0;
	margin: 0;
	background-color: #ffffff;
	color: #000000;
	}

#top {
	position: absolute;
	top: 2px;
	left: 0px;
	margin: 0px 2px 0px 2px;
	width: 100%;
	background: #FFFFFF;
	background-image: url(graphics/Brotherhoodlogobg.jpg);
	background-repeat: repeat-x;
	}
	

#topcontent {
	position: absolute;
	top: 20px;
	right: 35px;
	width: 80%;
	}


#topcontent ul {
	position: absolute;
	right: 0px;
	list-style: none;
	margin: 0px 0px 40px 0px;
	}

#topcontent ul li {
	display: inline;
	padding: 0 0.5em;
	}

#topcontent ul li a {
	font: .7em/1em verdana, sans-serif;
	letter-spacing: .1em;
	color: #000000;
	text-decoration: none;
	}

#topcontent ul li a:hover {
	color: #4262b1;
	}

#greybar { 
	margin-left: 0px;
	position: absolute;
	top: 94px;
	left: 0px;
	width: 100%;
	background: #003366;
	}

#mainmenu {
	position: absolute;
	top: 114px; 
	left: 0px;
	width: 100%;
	}
html>body #mainmenu {
     top: 115px;
	}


#menuleft {
	position: absolute;
	top: 146px;
	width: 24% ;
	width: 19% ;
	margin: 0px;
	padding: 5px;
	}

#submenu {
	width: 98%;
	background: #ffffff;
	padding-left: 10px;
	border: 1px solid gray;
	}

#submenu a { 
  color: #cc3300;
}

#submenu a:visited { 
  color: #993300;
}

#submenu {
	display: block;
	padding: .5em .5em .5em .5em ;
	}

#submenu h1 {
	display: inline;
	font: 1.1em/1em arial, sans-serif;
	font-weight: 900;
	color: #000000;
}
#submenu {
	font: .7em/1.3em verdana, sans-serif;
	color: #000000;
}
.menublock {
	padding: 0;
	font: 11pt/1.8em verdana, sans-serif;
	letter-spacing: .1em;
	width: 20%;
	text-align: center;
	color: #ffffff;
	background-color: #FF3300;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	}

.menublock a {

	display: block;
	font: .8em/2.3 verdana, sans-serif;
	letter-spacing: .1em;
	color: #ffffff;
	background-color: #FF3300;
	text-decoration: none;
	}

.menublock a:hover {
	display: block;
	color: #000000;
	background-color: #ffffcc;
	}

#mainbody {
	position: absolute;
	top: 146px;
	left: 25%;
	left: 20%;
	width: 75%;
	width: 80%;
	background: #ffffff;
	border-left: 1px solid #003399;
	padding: 20px;
	}

#wholebody {
	position: absolute;
	top: 146px;
	left: 0px;
	margin: 0px 2px 0px 2px;
	width: 100%;
	background: #FFFFFF;
	}

#mainbody h1, #menuleft h1, #wholebody h1 {
	font: 1.2em/1em arial, sans-serif;
	font-weight: 900;
	margin: .5em 0em .5em 0em ;
	color: #993300;
}

#mainbody h2, #menuleft h2, #wholebody h2 {
	font: 1em/1em arial, sans-serif;
	font-weight: 900;
	margin: .5em 0em .5em 0em ;
	color: #993300;
}

#mainbody p, #mainbody li, #wholebody td, #menuleft p, #wholebody p, #wholebody li{
	font: .7em/1.3em verdana, sans-serif;
	color: #000000;
}

#wholebody h1, #wholebody p {
	padding: 10px 20px 0px 10px;
}

#simplebody {
	position: absolute;
	left: 10px;
	top: 170px;
	padding: 20px;
border: 1px solid black;
}

#simplebody h1 {
	font: 1.2em/1em arial, sans-serif;
	font-weight: 900;
	margin: .5em 0em .5em 0em ;
	color: #993300;
}

#simplebody p, #simplebody li {
	font: .7em/1.3em verdana, sans-serif;
	color: #000000;
}

#showpicture {
	position: absolute;
	top: 150px;
	width: 100%; 
	background: #ffffff;
	text-align: center;
	}

#showpicture h1 {
	font: 1.2em/1em arial, sans-serif;
	font-weight: 900;
	margin: .5em 0em .5em 0em ;
	color: #993300;
}

.picmenublock {
	padding: 0;
	font: .9em/1.8em verdana, sans-serif;
	letter-spacing: .1em;
	width: 33%;
	text-align: center;
	color: #ffffff;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	}

.picmenublock a {
	display: block;
	font: .8em/2.3 verdana, sans-serif;
	letter-spacing: .1em;
	color: #ffffff;
	background-color: #FF3300;
	text-decoration: none;
	}

.picmenublock a:hover {
	display: block;
	color: #000000;
	background-color: #ffffcc;
	}

#footer {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	background: #ffffff;
	border-top: 1px solid #003399;
	width: 100%; 
	margin: 0px 2px 10px 2px;
	padding-top: 5px;
	}

#footer td {
	font: .6em/1.1em verdana, sans-serif;
	}

#simplefoot {
	background: #ffffff;
	border-top: 1px solid #003399;
	width: 99%; 
	margin: 0px 2px 10px 2px;
	padding: 5px;
	}

#simplefoot td {
	font: .6em/1.1em verdana, sans-serif;
	}

#welcome {
   width: 70%; 
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 15%;
   background: #FFFFCC;
   border-bottom: 1px solid gray;
   border-right: 1px solid gray;
   vertical-align: top;
}

.quicklist td, .quicklist li, .psf, .littlepoll {
	font: 8pt/1.4em verdana, sans-serif;
	text-decoration: none;
	color: black;
}

.blist li {
	font: 8pt/1.4em verdana, sans-serif;
	text-decoration: none;
	color: black;
	padding-bottom: .5em;
}

.brownbox {
	padding-left: 35px;
	padding-right: 35px;
	}

.brownbox td{
	font: .9em /1.2 Times New Roman, serif; 
        font-style: italic;
	color: #336699;
}

.framed {
 float: left; 
 border: 1px solid black;
 background-color: #ffffff;
 margin: 10px;
}

.framed h3 {
 text-align: right;
 font: normal 8pt/1em Verdana, Arial, Helvetica, sans-serif; 
}

.framed img {
 border: 0;
 vertical-align: middle;
 padding: 0px 10px 0px 10px;
}