/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */

body
	{
	margin: 0;
	padding: 0;
	background-color: #cbdea8;
	font-size: 100.01%;
	text-align: center; 
	}

#box
	{	
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 1em;
	text-align: left;
	/*width:90%;				/* <-- use this to tie width to viewport size */
	width: 820px;				/* <-- use this for a set width */
	background-color: #f9e718/* #ffffff;*/
	}

/*#title_pic {
display: block;
float: left;
background-image:url(images/title_pic.jpg) no-repeat;
width: 400px;
height: 359px;
}*/
 	
#img.centered{
		float: none;
    display: block;
    margin-left: auto;
    margin-right: auto }
	
#content
	{
	padding:3em;
	padding-bottom: 7em;
	float: none;
	}

#content h1
	{
	color:#0a8f07;
	font-weight: bold;
	font-size: 1.2em;
	font-family: cursive,Trebuchet MS, geneva, arial, sans-serif;
	float: none;
	}
		
#content p 
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: cursive, arial, helvetica, sans-serif;
	}
	
#content ul 
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: cursive, arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #ffffff;
	background-image:url(images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
/* NAVIGATION - IRISH STU	
/* ====================================================================== <<<< Top Menu */

#topmenu { height:40px; padding:0 0 0 0px; }

#topmenu ul { float:left;  list-style-type:none; width: 800px;}

#topmenu ul li { float:left; margin:0 5px 0 0; /*width: 800px;*/}

#topmenu ul li a { display:block; text-indent: -9000px; width:2px; height:40px; text-decoration:none; }



#topmenu #mi1 a { background: url(images/nav_20font/home.gif) no-repeat; width:66px; }

#topmenu #mi2 a { background: url(images/nav_20font/mission.gif) no-repeat; width:86px; }

#topmenu #mi3 a { background: url(images/nav_20font/about_us.gif) no-repeat; width:100px; }

#topmenu #mi4 a { background: url(images/nav_20font/the_farm.gif) no-repeat; width:108px; }

#topmenu #mi5 a { background: url(images/nav_20font/products.gif) no-repeat; width:94px; }

#topmenu #mi6 a { background: url(images/nav_20font/locations.gif) no-repeat; width:104px; }

#topmenu #mi7 a { background: url(images/nav_20font/community.gif) no-repeat; width:126px; }

#topmenu #mi1 a:HOVER, #topmenu #mi2 a:HOVER, #topmenu #mi3 a:HOVER, #topmenu #mi4 a:HOVER, #topmenu #mi5 a:HOVER, #topmenu #mi6 a:HOVER, #topmenu #mi7 a:HOVER, { background-position:0 -40px; }

#topmenu #mi1 a.on, #topmenu #mi2 a.on, #topmenu #mi3 a.on, #topmenu #mi4 a.on, #topmenu #mi5 a.on, #topmenu #mi6 a.on, #topmenu #mi6a a.on,  { background-position:0 -40px;   }

/* Try bold Verdana at 20 pt font instead of current 25.  Change CSA to community.*/

/* Top menu 2: Another menu style more appropriate to what Mike and Emily want */

 #topmenu2
{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 10px;
}

#navlist li
{
display: inline;
padding-bottom: 14px;
padding-left: 0px;
background-repeat: no-repeat;
}

#navlist a
{
padding-left: 20px;
padding-bottom: 14px;
/*font-weight: bold;*/
font-size: 1.1em;
/*text-transform: uppercase;*/
text-decoration: none;
}

#navlist a:link, #navlist a:visited
{
padding-left: 20px;
color: #000000;
background: url(images/bullet.jpg);
/*background: url(http://hekima.lionking.org/randomness/arrowbullet.gif);*/
background-position: 0 -28px;
background-repeat: no-repeat;}

#navlist a:hover
{
color: #238F37;
padding-left: 20px;
/*background: url(http://hekima.lionking.org/randomness/arrowbullet.gif);*/
background: url(images/bullet.jpg);
background-repeat: no-repeat;
background-position: 0 -10px;}