/* This is the CSS style document for the Matson Consulting website*/

/* Main body CSS code.*/

body
{background-color:#666633;
background:url(images/AgrarianTile.jpg) repeat; 
background-attachment:fixed;
font-family:"Times New Roman", Times, serif;
font-style:normal;
font-weight:normal;	
font-size: 0.875em;  
color:#333300;
line-height: 1.5em;
}  

a {
color: #666633;
font-weight:bold;
}

A:link {color: #666633; text-decoration: none; font-weight:bold;}
A:visited {color: #336633; text-decoration: none; font-weight:bold;}
A:active {color: #336633; text-decoration: none; font-weight:bold;}
A:hover {color: #999933; text-decorations: none; font-weight:bold;}

/* This is the entire site containg CSS code */

.wholesite{
	
	background-color:#FFFFFB;
	background:url(images/bg.jpg) repeat-y;
	margin-left: auto;
	margin-right: auto;
	width:740px;
}

.header img{

	
	position: center;
	margin: 0px 0px 0px 50px;
}

.header a img{

		border: none;
}

/*This is to make the top navbar go horizontal and look good */

#menu {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: capitalize;
				margin: 20px 0px 10px 0px;
				padding: 0 0 0 85px;
				list-style-type: none;
				font-size: 12px;
				background: #666633;
				height: 40px;
				border-top: 2px solid #666633;
				border-left: 2px solid #666633;
				border-bottom: 2px solid #676633;
				border-right: 2px solid #676633;
			}
			#menu li {
				float: left;
				margin: 0;
				
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 15px;
				line-height: 40px;
				color: #eee;
			}
			#menu li a:hover, #menu li.active a {
				background-color: #9B9650;
				border-bottom: 2px solid #666633;
				color: #ffffff;
			}


/*This is to make the bottom navbar go horizontal and look good */
#menu2 {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: capitalize;
				margin: 10px 0;
				padding: 0 0 0 25px;
				list-style-type: none;
				font-size: 12px;
				background: #666633;
				height: 40px;
				border-top: 2px solid #666633;
				border-left: 2px solid #666633;
				border-bottom: 2px solid #676633;
				border-right: 2px solid #676633;
			}
#menu2 li {
				float: left;
				margin: 0;
				
			}
#menu2 li a {
				text-decoration: none;
				display: block;
				padding: 0 15px;
				line-height: 40px;
				color: #eee;
			}
#menu2 li a:hover, #menu2 li.active a {
				background-color: #9B9650;
				border-bottom: 2px solid #666633;
				color: #ffffff;
			}

/* Content Body CSS code */

#content {
	width: 670px;
	padding: 25px;
	
	
	
	text-align: left;
	
	font-family:Georgia, Times New Roman, Times, serif;
	

}

#content h1{
	text-align:center;
}

#content img{

	padding: 0px 0px 10px 0px;

}

#content .Bold{

	font-weight: bold;

}

#content .ThankYou{

	font-size:22px;
	padding:0px 0px 0px 120px;
}


#footer{

	color:#FFFFFF;
letter-spacing: 0.1em;
background-color:#666633;  	
text-align:center;  	
padding: 5px;  	
margin-bottom: 10px;  	  	
clear:left;  	  	
font-family: Arial;
font-size: 11px; 
}

/* Tooltips */

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
border-bottom:0px dotted #336633;
}
a.tooltip:hover {
background: transparent;
z-index: 100;
}
a.tooltip span {
display: none;
text-decoration: none;
font-size:11px;
font-weight:400;
}
a.tooltip:hover span {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 350px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #336633;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left; }

#swot table{

border:1px solid black;
border-collapse: collapse;
margin: 0px 0px 10px 130px;


}

#swot td{
	
	text-align: center;
	font-size: 22px;
	padding:30px;
	
	border: 1px solid black;
	
}