/*-----------------------------------------------
Matson & Isom Technology Consulting 
-------------------------------------------------
Author:		Matson & Isom Technology Consulting
            www.mitcs.com
Version:	2007.07.25.1300
----------------------------------------------- */

/*-----------------------------------------------
-- Base Styles =
----------------------------------------------- */

*
{
    margin: 0;
    padding: 0;
}

body 
{
    background: #a7a488 url(/_images/background.gif) repeat-x top;
    text-align: center;
    font-family: "Lucida Grande","Lucida Sans", "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: x-small; /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
}

h1, h2
{
    font-family: Georgia, Times, Serif;
    font-weight: normal;
    letter-spacing: -1px;
}

h1 a
{
	float: left;
	display: block;
	background: #4F563E url(/_images/logo.gif) no-repeat top left;
	text-indent: -9999px;
	width: 78px;
	height: 52px;
	padding: 0 21px;
}

#home h1
{
	float: left;
	display: block;
	text-indent: -9999px;
	background: url(/_images/logo_collage.jpg) no-repeat top left;
	width: 530px;
	height: 352px;
}

h2
{
    color: #36270B;
    font-size: 170%;
    margin: 15px 0 10px 0;
}

h3
{
    color: #61451f;
    margin: 15px 0 5px 0;
    font-size: 115%;
}

p
{
    line-height: 150%;
    margin: 5px 0 15px 0;
}

dt
{
    font-weight: bold;
    line-height: 160%;
	margin-top: 5px;
}

dd
{
    line-height: 160%;
}

a 
{
	color: #4F563E;
}

a:visited
{
	color: #4F563E;
}

#navigation
{
	float: right;
    width: 660px;
    font-family: Georgia, Helvetica, Sans-Serif;
    font-size: 140%;
    letter-spacing: -1px;
    background: #4F563E;
    list-style: none;
	margin: 0 !important;
    padding: 14px 0 13px 0;
	text-align: right;
}

#navigation li
{
	display: inline;
    margin-left: 30px;
	list-style: none;
}

#navigation li a
{
    color: #FFF;
    text-decoration: none;
	padding-bottom: 2px;
}

#navigation li a:hover,
#home #l-home a,
#about #l-about a,
#join #l-join a,
#events #l-events a,
#contact #l-contact,
#board #l-board
{
    border-bottom: 2px solid #FFF;
}

#container
{
    clear: both;
    width: 780px;
    background: url(/_images/container_background.png) repeat-y;
    text-align: left;
    margin: 0 auto;
}

#home #container
{
    background-image: none;
}

#container ul
{
    list-style: inside;
    margin: 5px 0 10px 0;
}

#container li
{
    line-height: 140%;
}

#whatsNew
{
    float: right;
    background: #c7bd9c url(/_images/whats_new_background.jpg) no-repeat bottom;
    width: 235px;
    height: 352px;
    font-size: 90%;
    border-top: 1px solid #FFF;
    padding: 0 5px 0 10px;
}

#whatsNew a
{
    color: #61451f;
}

#marketingTiles
{
    clear: both;
    float: left;
    width: 780px;
    background: #36270b;
	margin-bottom: 0;
    padding: 10px 0 20px 0;
}

.marketing_tile
{
    float: left;
    background: url(/_images/tile_background_upper.gif) no-repeat top center;
    margin: 0 0 0 5px;
}

.marketing_tile h2
{
    color: #7ccdff;
    width: 350px;
    padding: 5px 15px 0 15px;
}

.marketing_tile p
{
    width: 350px;
    color: #FFF;
    font-size: 90%;
    background: url(/_images/tile_background_lower.gif) no-repeat bottom center;
	margin-bottom: 0;
    padding: 0 15px 15px 15px;
}

.marketing_tile a
{
    color: #7ccdff;
}

/* Sub Page Styles */

#mainSubContent
{
    float: left;
	background: url(/_images/wheat.gif) no-repeat bottom right;
    width: 500px;
    padding: 5px 15px 20px 15px;
}

#mainSubContent h2
{
    color: #4F563E;
}

#subContextContent
{
    float: right;
    width: 230px;
    padding: 5px 5px 10px 10px;
}

#subContextContent h3
{
    color: #6b7c61;
}

.right
{
    float: right;
    margin: 0 0 10px 10px;
    padding: 3px;
    border: 1px solid #CCC;
}

#wufooForm
{
	margin-top: 20px;
}

/* Footer Styles */

#footer
{
    clear: both;
    background: #d0dfe9 url(/_images/footer_background.jpg) no-repeat bottom;
    padding: 10px 0 0 15px;
    border-top: 1px solid #aac0ce;
    font-size: 90%;
    color: #264b64;
}

#footer dl
{
	padding-bottom: 130px;
}

#footer dt
{
	margin: 0;
}

#footer span
{
    float: right;
    text-align: right;
	margin: -55px 15px 0 0;
}