@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	background-image:url(../images/layout/bkg_color.png);
	
}
#bkg_gradient {
	background-image:url(../images/layout/bkg_gradient.png);
	background-repeat:repeat-x;
	width: auto;
	height:auto;
	
}
#container {
	width: 1000px;
	height:auto;
	background-image:url(../images/layout/logo_banner.png);
	background-repeat:no-repeat;
	border-top:1px solid #5FB7E7;
}
#header {
	margin: 0 0px 0 0px;
	padding: 0;
	height: auto;
	
	
}
#main_area {
	margin: 35px 0 0 0;
	padding: 0px 0px 0 0px;
	width: 1000px;
	height:auto;
}
#column_left {
	margin: 70px 0 0 0;
	padding: 0px 0px 0 0px;
	width: 180px;
	height:auto;
	float:left;
}
#column_center {
	margin: 0px 0 0 0;
	padding: 0px 0px 0 0px;
	width: 805px;
	height:auto;
	float:left;
	background-image:url(../images/layout/bkg_column_center_wide.png);
	background-repeat:repeat-y;
	
}
body.homepage #column_center {
	margin: 0px 0 0 0;
	padding: 0px 0px 0 0px;
	width: 585px;
	height:auto;
	float:left;
	background-image:url(../images/layout/bkg_column_center.png);
	background-repeat:repeat-y;
}
#top_column_center {
	margin: 0px 0 0 0;
	padding: 0px 0px 0 0px;
	float:left;
}
#bottom_column_center {
	margin: 0px 0 -5px 0;
	padding: 0px 0px 0 0px;
}
#column_right {
	margin: 70px 0 0 0;
	padding: 0px 0px 0 0px;
	width: 225px;
	height:auto;
	float:left;
}
#footer {
	clear: both;
	margin: 0px 0 0 0px;
	padding: 0;
	
}
#lei_top {
	margin: -288px 0 0 0;
}
#content {
	width: 550px;
	height:auto;
	margin: 10px;
	
}

#top_callout_news {
	margin: 0px 0 0 0;
	padding: 0px 0px 0 0px;
	float:left;
}


#top_callout_sponsors {
	margin: 0px 0 0 0;
	padding: 0px 0px 0 0px;
	float:left;
}
#bottom_callout_sponsors {
	margin: 0px 0 0px 0;
	padding: 0px 0px 0 0px;
	float:left;
}
#slideshow {
	margin: 0 0 0 5px;
}
#heroshot {
	margin: 0 0 0 10px;
}
/* TOP NAV */
#topnav {
	width: 1000px;
	height:18px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0 0 0px;
	text-align: right;
}
#topnav li {
	margin:0;
	padding: 0 0px 0 10px;
	display:inline;
	list-style:none;
	color:#fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#topnav a {
	color:#fff;
}
#topnav a:hover {
	color:#543019;
}
#topnav .current {
	color:#6A9138;
}
body.login #nav_login a,
body.contact #nav_contact a ,
body.search #nav_search a     

{
	color:#FFFF99;
	text-decoration:underline;
}
/* SIDE NAV */
#side_nav {
	width: auto;
	height: auto;
	margin: 0px 0px 0px 20px;
	padding: 1px 0 0 0px;
	text-align: left;
}
#side_nav li {
	margin:0 0 0 15px;
	padding: 0 0px 10px 0px;
	list-style:url(../images/layout/sidenav_off.gif);
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
#side_nav a {
	color:#78BDE2;
	text-decoration:none;
}
#side_nav a:hover {
	color:#fff;
}
#side_nav .current {
	color:#6A9138;
}
body.homepage #nav_home a,
body.about #nav_about a,
body.events #nav_events a,
body.membership #nav_membership a,
body.sponsorship #nav_sponsorship a,
body.naiopnational #nav_naiopnational a      

{
	color: #fff;
}
body.homepage #nav_home,
body.about #nav_about,
body.events #nav_events,
body.membership #nav_membership,
body.sponsorship #nav_sponsorship,
body.naiopnational #nav_naiopnational  
 {
	list-style:url(../images/layout/sidenav_on.gif);
}
/* BOTTOM NAV */
#bottom_nav {
	width: 805px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0 0px;
	text-align: left;
	background-image:url(../images/layout/bkg_color.png);
}
body.homepage #bottom_nav {
	width: 585px;
	text-align: right;
}
#bottom_nav ul {
	margin:0 20px 0 0px;
	padding: 0 0px 0 0px;
}
#bottom_nav li {
	margin:0;
	padding: 0 0px 0 5px;
	display:inline;
	list-style:none;
	color:#fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#bottom_nav a {
	color:#fff;
}
#bottom_nav a:hover {
	color:#ccc;
}
/* LOCAL NAV */
#nav_local {
	width: 770px;
	height:18px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0 0 0px;
	text-align: left;
	
}
#nav_local li {
	margin:0;
	padding: 0 0px 0 10px;
	display:inline;
	list-style:none;
	color:#fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#999999;
}
#nav_local a {
	color:#666666;
}
#nav_local a:hover {
	color:#003399;
	text-decoration:underline;
}

/* TYPOGRAPHY */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #FF6600;
	text-align:left;
	margin: 0 0 10px 0;
}
h2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 2em;
	color:#4B7415;
	font-weight: bold;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 2em;
	color:#0D525C;
	font-weight: bold;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	line-height: 2em;
	color:#0D525C;
	font-weight: 200;
}
p {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.30em;
	color: #333333;
	margin: 0 0 10px 0;
}
p.hero {
	font-size: 0.7em;
	line-height: 1.30em;

}
p.callout {
	font-size: 0.7em;
	line-height: 1.30em;
	margin: 0 0 0px 15px;

}
ul.callout {
	margin: 0 10px 0 10px;
	font-size: 1.0em;
	
}
ul li {
	margin: 0 0 9px 16px;
	padding: 0;
	list-style-type:square;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.0em;

	color: #333333;
}
ol li {
	margin: 0 0 9px 23px;
	list-style-type:decimal;
	padding: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.0em;

	color: #333333;
}
a, a:visited {
	color: #3366CC;
	text-decoration: none;
}
a:hover {
	color:#003399;
}
a img {
	border:none;
}
a:visited img {
	border:none;
}
form {
	margin: 0;
	padding: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000;
}
.required_warning {
	color:#990000;
}
#calendar .padding {
	background-color:#fff;
}
#calendar .today {
	background-color:#DBFCFF
}
#calendar .calendarDay {
	background-color:#f1f1f1;
}
#calendar .daycounter {
	font-family:Arial, Helvetica, sans-serif;
	font-size:smaller;
}
#calendar .dayOfTheWeek {
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:smaller;
}
#calendar .todayheader {
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:smaller;
}