/*
  Building Officials Association of Mississippi
   Style Sheet

   Filename:         style.css
   Supporting Files: graphics/button.jpg

*/

body                   {margin: 0px; padding: 0px; font-size: 15px; 
                        font-family: Arial, Helvetica, sans-serif}

#head                  {
	position: absolute;
	top: 16px;
	left: 70px;
	width: 650px;
	height: 3px;
}

#links                 {
	position: absolute;
	top: 162px;
	width: 874px;
	left: 188px;
}

#links ul              {list-style-type: none; padding: 0px; margin: 60px}
#links li              {display: block; float: left; font-size: 14px;
                        background: url(graphics/button.jpg) no-repeat center center;
                        width: 100px; height: 55px; text-align: center; margin-right: 2px}
#links a               {display: block; color: black; text-decoration: none; margin-top: 12px}
#links a:hover         {color: white}

#box           	       {
	position: absolute;
	top: 301px;
	left: 773px;
	width: 234px;
	border-style: ridge;
	border-width: 10px;
	background-color: #e6c169;
	font-size: 14pt;
	font-family: Arial, Helvetica, sans-serif;
	height: 217px;
}
#box h2			{text-align: center; background-color: white; margin-top: 0px; border-bottom: 2px black}	

#box ul 		{list-style-type: none; margin-left: 25px; padding-left: 0px; margin-right: 25px}

#eventLinks                 {position: absolute; top: 180px; left: 170px; width: 800px}

#eventLinks ul              {list-style-type: none; padding: 0px; margin: 60px}
#eventLinks li              {float: left; width: 250px; margin: 70px 00px 00px 750px; 
                        border-style: ridge; border-width: 10px; background-color: #e6c169;
                        font-size: 14pt; font-family: Arial, Helvetica, sans-serif}
#eventLinks a               {display: block; color: black; text-decoration: none; margin-top: 12px}
#eventLinks a:hover         {color: white}
  

#appLinks                 {font-size: 16px; position: absolute; top: 320px; left: 350px; width: 500px}

#appLinks a               {display: block; color: black; text-decoration: none; margin-top: 12px}
#appLinks a:hover         {color: #00562d; text-decoration: overline underline}

#officers		{
	position: absolute;
	top: 315px;
	left: 350px;
	width: 500px;
	line-height: 1.35;
	text-align: center;
	font-weight: bold;
}

#intro			{
	position: absolute;
	top: 294px;
	left: 261px;
	width: 486px;
	text-align: center;
	font-size: 17;
	height: 530px;
}		
	
#bottom			{float: left; width: 250px; margin: 290px 00px 00px 127px}

#evbottom		{float: left; width: 250px; margin: 290px 00px 00px 127px}

#ofbottom		{float: left; width: 250px; margin: 290px 00px 00px 127px}

#mabottom		{float: left; width: 250px; margin: 290px 00px 00px 127px}