﻿

*
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

/* IE6 correction */
html
{
	font-size: 100%;
}

body
{
	background: #fff;
	color: #666666;
	font-size: 62.5%; /*1em = 10px*/
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

a
{
	color: #929598;
	text-decoration: none;
}
img
{
	border: none;
}
#wrapper
{
	background: #fff;
	border: solid 2.2em #fff;
	border-bottom: 0em;
	border-top: 0em;
	margin: 0 auto;
	margin-top: 0em;
	position: relative;
	width: 95.7em;
}
/* -- header styles -- */
#header
{
	height: 10em;
	padding-top: 1em;
	padding-bottom: 1em;
}
#header #logo a
{
	position: relative;
	float: left;
	width: 19.5em;
	height: 10em;
	background: url('../images/header/mottiso2008.jpg') no-repeat;
	outline: none;
	text-indent: -9999px;
}
#header #header-nav
{
	position: relative;
	float: right;
	height: 2.5em;
	padding-bottom: 0.5em;
}
#header #header-nav #hnavlinks
{
    position:relative;
    float:right;
    top: 0.3em;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
}
#header #header-nav #sitesearch
{
    position: relative;
    float:right;
}
#header #divider-line
{
	background: url('../images/header/line.gif') no-repeat;
	position: relative;
	float: left;
	width: 76.2em;
	height: .5em;
}

/* -- see nav.css for nav area -- */

/* -- breadcrumb style -- */
#header #breadcrumb
{
	position: relative;
	float: right;
	width: 70em;
	height:2em;
	top: .5em;
	text-align: right;
}

/* -- banner area -- */
#banner
{
	position:relative;
	float:left;
	padding-bottom: 1em;
	width: 950px;
	height: 300px;
}

/* -- content styles -- */
#content
{
	position: relative;
	float: left;
	padding-bottom: 1em;
}
.column-anchor
{
	position: relative;
	float: left;
	width: 23.5em;
	padding-right: .5em;
}
#column-one, #column-two, #column-three, #column-four
{
	border: solid .1em #ccc;
	width: 23em;
	height: 28em;
	position: relative;
	float: left;
	padding-top: 1em;
	text-align: center;
}
#column-one h2, #column-three h2
{
	color: #4f4f51;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;
	padding-top: 1.4em;
	padding-bottom: .5em;
}
#column-two h2, #column-four h2
{
	color: #4f4f51;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;
	padding-bottom: .5em;
}
#column-one a img, #column-one a:visited img, 
#column-two a img, #column-two a:visited img, 
#column-three a img, #column-three a:visited img, 
#column-four a img, #column-four a:visited img 
{
	border-bottom: solid .3em white;
	border-top: solid .3em white;
	width: 228px;
}
#column-one a:hover h2, #column-two a:hover h2, #column-three a:hover h2, #column-four a:hover h2
{
	color: #333;
}
#column-one a:hover img, #column-two a:hover img, #column-three a:hover img, #column-four a:hover img
{
	border-bottom: solid .3em #333;
	border-top: solid .3em #333;
}
#column-one p, #column-two p, #column-three p, #column-four p
{
	position: relative;
	font-size: 1.2em;
	letter-spacing: .1em;
	text-align:left;
	padding: 1em 1em;
}

/* Membership Logos */
#membership-logos
{
	position:relative;
	float:left;
	width: 100%;
	height: 6.5em;
	padding-top: 2em;
	padding-bottom: 0.2em;
}
#membership-logos ul.social
{
    float:left;
    list-style: none;
}
#membership-logos ul.social li
{
	float: left;
	padding-right: 0.5em;
}

#membership-logos ul.logos
{
	float: right;
	list-style: none;
}
#membership-logos ul.logos li
{
	float: left;
	padding-right: 2.0em;
}

#membership-logos ul.social li img, ul.logos li img
{
	height: 60px;
}

/* -- footer styles -- */
#footer
{
	position: relative;
	float: left;
	font-size: 1em;
	font-weight: normal;
	width: 100%;
	padding-bottom: 1em;
}
#footer #foot-line
{
	background: url('../images/header/line.gif') no-repeat;
	position: relative;
	float: right;
	width: 76em;
	height: .5em;
}

#footer #bar
{
	/*background: url('../images/footerbg.jpg') repeat-x;*/
	position: relative;
	float: left;
	width: 100%;
	height: 2.5em;
	font-size: 1.1em;
}
#footer #allrights
{
	position: relative;
	float: right;
	padding-top: 0.5em;
	padding-right: 1em;
}
#footer #allrights a
{
	color: #666;
}
#footer #allrights a:hover
{
	text-decoration: underline;
}

