/* main.css NoHLA Feb. 2008 Hafoc Yates */

* {
	margin: 0px;
	padding: 0px;
	}
body
{
font-family: trebuchet ms, verdana, arial, tahoma;
background-image: url(../images/bfcube.gif);
background-repeat: repeat;
max-width: 100%;
min-width: 800px;
}
/* Container - sets the middle background */
#container  {
background-image: url(../images/bgbody.jpg);
background-repeat: repeat-y;
width: 100%;
max-width: 850px;
min-width: 800px;
}

/* ---Main blocks --- */	
/* Header - sets the Logo */
#header  {
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
width: 100%;
max-width: 1000px;
height: 97px;	
}
#header img {border: 0; }

/* mainNav */
#mainNav  {
float: left;
width: 145px;
margin-top: 15px;
background: #F8F8FE;	
}
	/* Nav - child of mainNav */
	.nav {	
		color: #6666bb;
		padding-right: 7px;
		padding-left: 7px;
		}
	.nav p {
		font-size: 12px;
		line-height: 15px;
		padding-top: 5px;
		padding-bottom: 10px;
		}
	.nav h2  {
		padding-left: 10px;
		color: #31349B;
		font-size: 13px;
		line-height: 16px;
		text-align: center;
		}
	.nav p strong {
		font-size: 12px;
		color: #63319c;	
		font-weight: bold;
		}
	.nav p a:link { color:#63319c; text-decoration: none; cursor:pointer; }  
	.nav p a:visited { color:#63319c; text-decoration: none; cursor:pointer; }
	.nav p a:hover{ text-decoration: underline; color: #63319C; cursor:pointer; }
	.nav p a:active { color:#6666bb; text-decoration: none; cursor:pointer; }
			/* Sliding menu for who */		
			#who {	display: none; margin-left: 3px;}
			#who p li { display: none; }
			#who  li a:link { font-size: 11px; padding-bottom: 5px; text-decoration: none; color:#63319c;}
			#who  li a:visited { color:#63319c; text-decoration: none; cursor:pointer;}
			#who  li a:hover { color:#63319C; text-decoration: underline; cursor:pointer; }
			#who  li a:active { color:#6666bb; text-decoration: none; cursor:pointer; }	
/* End Nav */

/* Begin Content */
#content  {
	width: 73%;
	float: left;
	padding-left: 40px;
	}
#content h1 {
	margin-bottom: 10px;
	text-align: center;
	color: #31349B;
	font-size: 18px;
	padding-bottom: 15px;
	}
#content h2  {
	margin-bottom: 5px;
	text-align: center;
	color: #31349B;
	font-size: 14px;
	}
#content h3 {
	margin-top: 5px;
	margin-bottom: 3px;
	text-align:left;
	color: #63319C;
	font-size: 13px;
	}
#content h4 {
	font-size: 12px;
	font-weight: 900;
	line-height: 18px;
	}
#content img.right { padding: 4px; margin: 0 5px 2px 10px; border: none;}
.right { float: right; }
#content img { border: none;}
#content p {
	font-size: 13px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	line-height: 14px;
	}
#content p strong {
	color: #31349B;
	font-weight: bolder;
	}
#content a img { border: none; }
#content p a:link { color: #6C45A0; text-decoration: underline; cursor:pointer; }
#content p a:visited { color: #63319C; text-decoration: underline; cursor:pointer; }
#content p a:hover { color: #31349B; text-decoration: underline; cursor:pointer; }
#content p a:active { color: #6C45A0; text-decoration: none; cursor:pointer; }
#content hr { margin: 8px 0 12px 0; }
#content li {
	font-size: 13px;
	margin-left: 15px;
	line-height: 14px;
	padding-top:2px;
	padding-bottom: 3px;
	padding-left: 3px;
	}

/*  footer  */
#footer {
	text-align: center;
	margin-bottom: 20px;
	margin-left: 150px;
	}
#footer img { border: none;}
#footer p {
	font-size: 11px;
	color: #666666;
	padding-bottom: 15px;
	}
#footer a:link { color: #31349B; text-decoration: underline; cursor:pointer; }
#footer a:hover { color: #63319C; text-decoration: none; cursor:pointer; }

/* ---Boxes --- */

/* box - To add a box around article in Content floats right */
.box  { 
	float: right;
	width: 40%;
	margin-top: 15px;
	margin-left: 15px;
	border-color: #66CeFF;
	border: groove;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	 }
.box h2 {
	text-align: center;
	}
.box p  {
	text-align: left;
	font-size: 10px; 
	line-height: 11px;
	}

	/* box - To add a left boarder at boxed article in Content floats LEFT */
	.boxLeft  { 
		float: left;
		width: 275px;
		border-left-style:groove;
		border-left-color:#64309E;	
		padding-left: 14px;
		 }
		 .boxLarge {
		 float: left;
		 width: 80%;
		 margin-top: 20px;
		 margin-right: 60px;
		 margin-bottom: 20px;
		 margin-left: 40px;
		 padding: 10px 15px 10px 15px;
		 border: groove;
		 border-color: #CCCCCC;
		 }

/* headlineContent - To add background color to page title */
#headlineContent  { 
	width: 55%;	
	background-color: #E3E3FB;
	border-right: groove;
	border-right-color:#FFFFFF;
	border-bottom: groove;
	border-bottom-color:#FFFFFF;
	margin: 20px 70px 15px 120px;
	padding:10px 3px 0 3px;
	text-align: center;
	 }
#headlineContent h1 {
	color: #31349B;
	font-size: 16px;
	text-align: center;
	}
#headlineContent h2  {
	color: #31349B;
	font-size: 15px;
	text-align: center;
	}
	
/* ---Links code --- */
.line a:link { color: #6C45A0; text-decoration: underline; cursor:pointer; }
.line a:visited { color: #63319C; text-decoration: underline; cursor:pointer; }
.line a:hover { color: #31349B; text-decoration: none; cursor:pointer; }
.line a:active { color: #6C45A0; text-decoration: underline; cursor:pointer; } 

.noline a:link { color: #31349B; font-size: 12px; text-decoration: none; cursor:pointer; }
.noline a:hover { color: #31349B; text-decoration: underline; cursor:pointer; }
.noline a:active { color: #6C45A0; text-decoration: none; cursor:pointer; }

/* ---Unique Code --- */

/* background - To add background color to sliding menus in main nav */
.background  { 
	background-color: #E3E3FB;
	width: 145px;
	margin-right: 0;
	margin-left: 0;
	 }
.background h2  {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	color: #31349B;
	font-size: 15px;
	line-height: 17px;
	text-align: center;
	}	
.background-ft  { 
	background-color: #E3E3FB;
	width:300px;
	margin-right: 0;
	margin-left: 0;
	 }
/* use in index.php only */	
.top {
	float:left;
	border: 0;
	width: 630px;
	height: 260px;
	margin-top: 5px;
	margin-left: 19px;
	}

/* ---Misc --- */
.clear { clear: both; }
/* Clear for middle background*/
#clear { clear: both; font-size: 2px; }
.donate { 
	cursor:pointer;     
	display: block;
    margin-left: auto;
    margin-right: auto }
	
/* Code for Donate Page ONLY: donate support image */
#bg { 
	background-image: url(../linkPages/images/supportAllows.jpg);
	background-repeat: no-repeat;
	border: none;
	height: auto;
	padding-left: 5px;
	clear: left;
	}	
.imgLeft {border: none; float: left; padding: 0 15px 0 5px;}
.thin { padding: 0 40px 0 50px;  }


/* ©2006 hafoc.org  Hafoc Yates */