@charset "utf-8";
/* CSS Document */

/*PNG Fix */
div { behavior: url(png/iepngfix.htc) }

/*Site Structure */

body {
	background: #0c216e;
	margin: 0;
	font-size: 62.5%
}


/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}


/* Main Structure */

#headerbg {
	width: 100%;
	height: 100px;
	background-color: #FFF;
	border-bottom: 3px solid #C4A640;
}

#page { 
	background-image: url(images/content_bg.png);
	background-repeat: repeat-y;
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 0 10px;
}

/* Inside Structure */

#headercontent {
	width: 1000px;
	height: 100px;
	padding: 0 10px;
	margin: 0 auto;
}

	#logoscontainer {
		width: 520px;
		height: auto;
		float: left;
		margin: 10px 0;
	}
		
		#ctamblogo {
			width: 300px;
			height: 52px;
			padding-right: 15px;
			float: left;
		}
		
		#namblogo {
			width: 198px;
			height: 52px;
			float: left;
		}

		#titleline {
			width: 490px;
			height: auto;
		}
	
	#imagecontainer {
		width: 450px;
		height: 100px;
		float: right;
		background-image: url(images/placeholder.jpg);
		background-repeat: no-repeat;
	}
	
		#joinnow {
			width: 450px;
			height: 42px;
			float:right;
			background-image: url(images/join_now.png);
			background-repeat: no-repeat;
			background-position: right;
			margin-top: 10px;
			margin-right:20px;
		}
		
		#joinlink {
	width: 170px;
	height: 42px;
	position: absolute;
	right: 150px;
	top: 9px;
		}
		
		#phonenumber {
			width: 425px;
			height: auto;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.6em;
			font-weight: bold;
			color: #162455;
			text-align: right;
			margin-top: 5px;
			margin-right:5px;
			padding-right: 10px;
		}

#navigationcontainer {
	width: 1000px;
	height: 35px;
	background-color: #C4A640;
}

#content {
	width: 960px;
	height: auto;
	margin: 0;
	padding: 10px 10px 10px 10px;
}

	#leftcontent {
		width: 528px;
		height: auto;
		margin-right: 20px;
		padding-left:12px;
		float: left;
	}
	
		#leftcontent p {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.2em;
			color: #000;
			line-height: 22px;
		}
	
		#leftcontent ul {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		}
		
		#leftcontent ul li {
			padding-bottom: 15px;
		}
	
	#rightcontent {
		margin-top: 10px;
		width: 380px;
		height: auto;
		float: right;
	}
	
	#rightcontent p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		line-height: 18px;
	}
	
	#rightcontent ul {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
	}
	
	#rightcontent ul li {
		padding-bottom: 5px;
	}
	
		#events {
			width: 400px;
			height: auto;
		}
		
		#events p {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.2em;
			color: #000;
		}
		
			#eventimage {
				width:120px; 
				height:120px; 
				padding: 5px; 
				background-color: #c4a640;
				float: right; 
				margin-right: 20px;
			}
			
			#eventinfo {
				padding-left: 15px;				
			}
			
				#speakerhighlights {
					float: left; 
					height: 100px; 
					width: 100px; 
					margin-right: 10px;
				}

#footer {
	width: 800px;
	height: 80px;
	background-color: #939ab2;
	padding: 10px 100px;
	clear: both;
}

	#footer p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #FFF;
		text-align: center;
	}
	
		#footer a {
			color: #FFF;
			text-decoration: none;
		}
		
		#footer a:hover {
			text-decoration: underline;
		}
	

/* Navigation */
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:35px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:163px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1; font-family: "Times New Roman", Times, serif; font-size: 1.2em}
ul.menu ul li a:hover {background-color:#c5c5c5}

ul.menu .about {
	background-image: url(images/about.jpg);
	width: 87px;
	height: 35px;
}

ul.menu .consumers {
	background-image: url(images/consumers.jpg);
	width: 113px;
	height: 35px;
}

ul.menu .membership {
	background-image: url(images/membership.jpg);
	width: 123px;
	height: 35px;
}

ul.menu .events {
	background-image: url(images/events_calendar.jpg);
	width: 154px;
	height: 35px;
}

ul.menu .education {
	background-image: url(images/education.jpg);
	width: 107px;
	height: 35px;
}

ul.menu .news {
	background-image: url(images/legislative_news.jpg);
	width: 158px;
	height: 35px;
}

ul.menu .partners {
	background-image: url(images/industry_partners.jpg);
	width: 165px;
	height: 35px;
}

ul.menu .contact {
	background-image: url(images/contact.jpg);
	width: 93px;
	height: 35px;
}

ul.menu .about:hover, ul.menu .consumers:hover, ul.menu .membership:hover, ul.menu .events:hover, ul.menu .education:hover, ul.menu .news:hover, ul.menu .partners:hover, ul.menu .contact:hover {
	background-position: 0 -35px;
}

/* Font Styles */
.eventheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #c4a640;
	font-weight: bold;
}

.eventtopics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #275f1e;
	font-weight: bold;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #000;
	font-weight: bold;
}

.rightcontentheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #275f1e;
	font-weight: bold;
}
	

/* H Tags */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #c4a640;
	margin: 0;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #162455;
	letter-spacing: .2em;
	clear: both;
	padding-top: 5px;
	margin-bottom: 0;
}

a, a:visited, a:active {
	color: #0066CC;
}

a:hover {
	color: #0033CC;
}

/* IE6 css fixer v0.8: Fri, 21 May 2010 19:40:21 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#logoscontainer,
#ctamblogo,
#namblogo,
#imagecontainer,
#leftcontent,
#rightcontent,
#eventimage,
#speakerhighlights,
ul.menu li {display:inline;}

/* convert min height values */
#content {height:600px;}


/* add zoom:1 to pos:relative elements */
ul.menu li,
ul.menu ul li {zoom:1;}

/* add transparancy */
ul.menu ul {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}