/* main.css NoHLA March 2011 Hafoc Yates */

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

/* ------ Main blocks ------ */
/* --- Header - sets the Banner, Donation button, & Logo map --- */
#header  {
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	width: 100%;
	max-width: 1350px;
	min-width: 1100px;
	height: 105px;   
	}
	#header img {border: none; }
#logoMap {
padding-top: 15px; 
margin-left:50px;
border: 0; 
float: left;
}
/* --- donate plea and button --- */
#donate {
	float:left;
	padding-top: 20px;
	padding-left: 60%;
	width: 115px;
	}
	#donate p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: 400;
		line-height: 15px;
		color: #4a1d7a;
		} 
		
/* --- Site Google search box --- */
#search { float:left; width: 135px; margin: 0; padding-top:10px; padding-left: 4%;}
	#search p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #eeeeee;
	}
   .searchText {
   height: 10px;
   color: #9c9cda;
   font-size: 9px;
   }
   .searchButton {
   height: 15px;
   font-family: Arial, Helvetica, sans-serif;
   color: #9c9cda;
   font-size: 9px; 
   }
  
/* --- Location Bar - displays page directions & site search --- */
#locationBar {
	 background-image: url(../images/locationBar.jpg);
	 background-repeat: no-repeat;
	 height:30px;
	 width: 100%;
	 max-width: 1350px;
	 min-width: 1100px;
	 }
#location {
	float:left;
	clear: both;
	font-family: trebuchet ms, verdana, arial, tahoma;
	color: #eeeeee;
	font-size: 11px;
	font-weight: 500;
	padding-top: 12px;
	padding-left: 40px;
	width:790px;
	}
  #location a:link {color: #eeeeee; font-size: 11px; font-weight: 500; text-decoration: none; cursor:pointer;}
  #location a:visited {font-size: 11px; color: #eeeeee;  font-weight: 500; text-decoration: none; cursor:pointer;}
  #location a:hover {font-size: 11px; color: #eeeeee;  font-weight: 500; text-decoration: underline; cursor:pointer;}
  #location a:active {font-size: color: #eeeeee; 11px; font-weight: 500; text-decoration: none; cursor:pointer;}
  
/* --- Content  sets block to float columns---*/
#content  {
	width: 100%;
	min-width: 1100px;
	float: left;
	margin-left: 0px;
	padding-top: 20px;
	}

/* --- center main text ---*/
#center  {
	width: 75%;
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 25px;
	}
	#center h1 {
		text-align: center;
		font-variant: small-caps;
		color: #31349B; 
		font-size: 18px;
		padding-bottom: 15px;
		}
	#center h2  {
		margin-bottom: 5px;
		text-align: center;
		color: #31349B;
		font-size: 15px;
		}
	#center h3 {
		margin-top: 5px;
		margin-bottom: 3px;
		text-align:left;
		color: #31349B;
		font-size: 14px;
		padding-bottom: 5px;
		}
	#center h4 {
		font-size: 14px;
		line-height: 14px;
		color: #6a4c88;
		padding-bottom: 5px;
		}
/* used as smaller font size in boxes */
	#center h5 {
		font-size: 12px;
		margin-bottom: 5px;
		padding-bottom: 3px;
		line-height: 12px;
		font-weight: 100;
		}		
	#center p {
		font-size: 13px;
		margin-bottom: 5px;
		padding-bottom: 3px;
		line-height: 14px;
		}
	#center p strong {
		font-weight: bolder;
		}
	#center a img { border: none;}
	#center a:link { color: #0033FF; text-decoration: none; cursor:pointer; }
	#center a:visited { color:#7f1d70; text-decoration: none; cursor:pointer; }
	#center a:hover { color: #003300; text-decoration: underline; cursor:pointer; }
	#center a:active { color: #3300FF; text-decoration: none; cursor:pointer; } 
	#center hr { margin: 8px 0 12px 0; }
	#center li {
		font-size: 13px;
		margin-left: 15px;
		line-height: 14px;
		}
	#center img { padding: 4px; margin: 0 5px 2px 10px; border: none;}	
.right { float: right; }
/* side content boxes  */
/* right 'What's New' column Home  */
.boxHome {
	float: right;
	width: 45%;
	border-bottom: #d6d8a7; 
	border-bottom-width: medium;
	border-bottom-style:groove;
	border-left: #d6d8a7; 
	border-left-width: thick;
	border-left-style:groove;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-left: 5px;
	}
	.boxHome a:link { color: #000033; text-decoration: none; cursor:pointer; }
	.boxHome a:visited { color: #7f1d70; text-decoration: none; cursor:pointer; }
	.boxHome a:hover { color:#003300; text-decoration: underline; cursor:pointer; }
	.boxHome a:active { color: #3300FF; text-decoration: none; cursor:pointer; } 
/* large center box to call out material  */
.boxCenter {
	width: 750px;
	display:block;
	border-bottom: #d6d8a7; 
	border-bottom-width: medium;
	border-bottom-style:groove;
	border-left: #d6d8a7; 
	border-left-width: thick;
	border-left-style:groove;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-left: 10px;
	}
/*  - ?? */
.boxRight {
	float: right;
	width: 100px;
	border-bottom: #d6d8a7; 
	border-bottom-width: medium;
	border-bottom-style:groove;
	border-left: #d6d8a7; 
	border-left-width: thick;
	border-left-style:groove;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-left: 10px;
	}
/* 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: 10px;
		margin: 10px;
		}
/* box - To add a left boarder at boxed article in Content floats LEFT Large Width*/
	.boxLeft2  { 
		float: left;
		width: 475px;
		border-left-style:groove;
		border-left-color:#64309E;	
		padding: 10px;
		margin: 10px;
		}
/* box - To add a box around subnavs */
.box  { 
	float: right;
	width: 310px;
	margin-top: 70px;
	margin-left: 15px;
	background-color: #EFF4CC;
	border-bottom: #d6d8a7; 
	border-bottom-width: medium;
	border-bottom-style:groove;
	border-left: #d6d8a7; 
	border-left-width: thick;
	border-left-style:groove;
	padding-top: 5px;
	padding-left: 10px;
	 }
	.box h2 {
		text-align: center;
		}
	.box p  {
		text-align: left;
		font-size: 10px; 
		line-height: 11px;
		}
	.box li {
		width: 200px;
		margin-left: 5px;
		line-height: 20px;
		padding-top:2px;
		padding-bottom: 8px;
		padding-left: 3px;
		}
		
/* box - To add a box around subnavs -- option 2 */
.box2  { 
	float: right;
	width: 250px;
	margin-top: 70px;
	margin-left: 15px;
    border-top: #d6d8a7; 
	border-top-width: thin;
	border-top-style: double;
	border-right: #d6d8a7; 
	border-right-width: thin;
	border-right-style: double;
	border-bottom: #d6d8a7; 
	border-bottom-width: medium;
	border-bottom-style: double;
	border-left: #d6d8a7; 
	border-left-width: medium;
	border-left-style:double;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	 }
	.box2 h2 {
		text-align: center;
		}
	.box2 p  {
		text-align: left;
		font-size: 10px; 
		line-height: 11px;
		}
	.box2 li {
		width: 200px;
		margin-left: 5px;
		line-height: 20px;
		padding-top:2px;
		padding-bottom: 8px;
		padding-left: 3px;
		}
/* --- Main Navigation ---*/
#navMain {
	width: 162px;
	font-family: trebuchet ms, verdana, arial, tahoma;
	float: left;
	padding-top: 20px;
	margin-left: 13px;
	}
  #navMain p {
  padding-left: 30px;
  color: #4a1d7a;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
  }
  #navMain h1 {
  padding-top:11px;
  padding-bottom: 8px;
  padding-left: 30px;
  color: #6B4B8A;
  font-size: 18px;
  font-weight: 405;
  font-variant:small-caps;
  line-height: 16px;
  }
  #navMain h2 {
  font-size: 12px;
  font-weight: 300;
  padding-bottom: 8px;
  padding-left: 30px;
  line-height: 13px;
  }
	#navMain a:link { color: #000033; text-decoration: none; cursor:pointer; }
	#navMain a:visited { color: #003300; text-decoration: none; cursor:pointer; }
	#navMain a:hover { color:#003300; text-decoration: underline; cursor:pointer; }
	#navMain a:active { color: #3300FF; text-decoration: none; cursor:pointer; } 
  
   .navBox {
   background-image: url(../images/navBox.jpg);
   background-repeat: no-repeat;
   width: 162px;
   }
   	
/* --- 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: #000033; text-decoration: none; cursor:pointer; }
	#footer a:visited { color: #7f1d70; text-decoration: none; cursor:pointer; }
	#footer a:hover { color:#003300; text-decoration: underline; cursor:pointer; }
	#footer a:active { color: #3300FF; text-decoration: none; cursor:pointer; } 

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

.clear { clear: both; line-height: 2px;}
/* Clear Class */
#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;}


/* ©2010 hafoc.org  Hafoc Yates */
.focus {
	color: #F00;
}