BODY 
{
	margin-top: 0;
	padding: 0;
	background: url(../images/bg.gif) repeat-x                ;
	background-color: #648495;
}
div.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
img {border-style: none}
td, ul, li {font-size:12px;}
a  { color:#006594; text-decoration:none;}
a:hover{ text-decoration:underline;  color:#006594;}

select { font-family: Arial, Helvetica, sans-serif; font-size:11px;color: #333333; }
input {	font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#4D4D4D;}
.input100 {	font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#4D4D4D; width: 100px;}
.input150 {	font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#4D4D4D; width: 150px;}
.input200 {	font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#4D4D4D; width: 200px;}
.input300 {	font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#4D4D4D; width: 300px;}

#container
{
	width: 940px;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4D4D4D;
	line-height:16px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

#content
{
	margin: 0 10px;
	width:920px;
	background-color:#FFF;
	/*background: #ffffff url(images/gray_gradient.gif) repeat-x bottom; */
}

#content_bottom
{
	height:10px;
	width:auto;
	margin:0;
	padding:0;
	background-color:#FFF;
}

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

/***************************** TOP BANNER ******************/


#topbanner
{
	width: 920px;
	height: 122px;
	background: #ffffff url(../images/banner.gif) no-repeat;
}

#topbanner #topMenu
{
	float:right;
	width: 220px;
	height: 20px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin-right:20px;
	margin-top: 15px;
	font-weight:bold;
	color:#00673E;
}

#topbanner #topMenu a
{
	color:#00673E;
	text-decoration:none;
}

#topbanner #topMenu a:hover
{
	text-decoration:underline;
}

#logo {
width: 218px;
height: 65px; 
}

/********************** MAIN MENU ***************************/

#menu
{
	width:920px;
	height:33px;
	background-color:#00673E;
}
#main-menu{
	height:1%;
	background-color:#00673E;
	width:920px;
	border-bottom:0px solid #fff;
	position:relative;
	z-index:10;
}
#main-menu:after{
	content:"";
	clear:both;
	display:block;
}

/* Main menu */
#main-menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#main-menu li{
	float:left;	
	border-right:1px dotted #fff; 
	position:relative;
}
#main-menu li ul{display:none;}
#main-menu li.hover ul,
#main-menu li:hover ul{
	width:137px;
	position:absolute;
	top:33px;
	left:-1px;
	background:#94af9e url(../images/bg-drop-down-btm.gif) repeat-x 0 100%;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:0 0 2px;
	display:block;
	border-top:2px solid #fff;
}
#main-menu li ul li{
	width:100%;
	border:0;
}
#main-menu li ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:6px 2px 4px 9px;
	width:135x;
}
#main-menu li ul li a.active,
#main-menu li ul li a:hover{background:#70957f url(../images/bg-active-sub-menu.gif) no-repeat 0 100%;}
#main-menu .item{
	min-height:33px;
	float:left;
}
* html #main-menu .item{height:33px}
#main-menu li.hover a.item,
#main-menu li:hover a.item,
#main-menu .item:hover, #main-menu .active {background:#94af9e url(../images/bg-active-main-menu.gif) repeat-x;}
#main-menu .item span{
	overflow:hidden;
	text-indent:-9999em;
	float:left;
	height:33px;
	margin:0px 20px 0;
	cursor:pointer;
}
#main-menu .about span{
	background: url(../images/about-item.gif) no-repeat;
	width:66px;
}
#main-menu .membership  span{
	background: url(../images/membership-item.gif) no-repeat;
	width:86px;
}
#main-menu .events span{
	background: url(../images/events-item.gif) no-repeat;
	width:51px;
}
#main-menu .awards span{
	background: url(../images/awards-item.gif) no-repeat;
	width:93px;
}
#main-menu .sponsors span{
	background: url(../images/sponsors-item.gif) no-repeat;
	width:94px;
}
#main-menu .public span{
	background: url(../images/public-item.gif) no-repeat;
	width:104px;
}
#main-menu .blog span{
	background: url(../images/blog-item.gif) no-repeat;
	width:35px;
}

#main-menu .about:hover span{background: url(../images/about-item.gif) no-repeat;}
#main-menu .membership:hover  span{background: url(../images/membership-item.gif) no-repeat;}
#main-menu .events:hover span{background: url(../images/events-item.gif) no-repeat;}
#main-menu .awards:hover span{background: url(../images/awards-item.gif) no-repeat;}
#main-menu .sponsors:hover span{background: url(../images/sponsors-item.gif) no-repeat;}
#main-menu .public:hover span{background: url(../images/public-item.gif) no-repeat;}
#main-menu .blog:hover span{background: url(../images/blog-item.gif) no-repeat;}




/******************** ALL CONTENT ****************/

#columns
{
	width:920px;
	background: url(../images/bg_columns_home.gif) no-repeat bottom;

}


/********************* MIDDLE COL *********************/

#midCol
{
	float: right;
	position: relative;
	right: 0px;
	width:628px; /** matches the dotted rule width **/
	/*margin-left:28px;*/
	margin-bottom:20px;
	border-top: #FFF solid 2px;
}


#midCol h1
{
	font-family:Arial, Helvetica, sans-serif;
	color:#3C7891;
	font-size:22px;
	font-weight:normal;
	margin:17px 0px 15px 15px;
}
#midCol h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#00673e;
	vertical-align:top;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
}
#midCol h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	color:#3C7891;
	vertical-align:top;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
}
#midCol div
{
	margin-bottom:15px;
}

#midCol p
{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	line-height:18px;
	margin:15px 15px 15px 15px;
}

#midCol hr
{
	border: 2px dotted #d9d9d9;
}

#midCol ul
{
list-style-type:square;

}

#midCol li
{
	margin-top: .5em;
}

#midCol #top_tag a
{
	margin:5px 0 12px 0;
	float: right;
}

#midCol #sitemap ul
{
	margin:5px 0 0 0;
	padding-left: 0px;
	font-weight:bold;
}
#midCol #sitemap li
{
	margin:0px 0 0 15px;
	font-weight: normal;
	float:none;
}

#bulletContent
{
	background:#E8F2C2;
	width:450px;
	padding:10px;
}

#bulletContent span
{
	color:#0F6E97;
	font-size:11px;
}

#midCol p.footer
{
	font-size:10px;
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#midSlide {
	width:628px;
	height:339px;
	margin:0;
	padding: 0;
	position:relative;
}

/************************** LEFT COL CONTENT *************************/

#sidebar
{
	float:left;
	width:290px;
	background-color: #ccc;
}


/************************** LEFT BUTTONS ***************************/

.button-blue {
	
	height: 45px;
	width:290px;
	border-top: solid #FFF 2px;
	border-bottom: solid #FFF 2px;
	
}
.button-blue a {
	background: url(../images/bg-blue-button.gif) no-repeat;
	height: 31px;
	width:250px;
	display: block;	
	padding: 15px 0 0px 40px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	
}
.button-blue a:hover{
	background: url(../images/bg-green-button.gif) no-repeat;
}

/************************** CALENDAR BOX ***************************/

#calendar ul{
	margin:10px 20px 20px 11px;
	padding:0;
	list-style:none;
}
#calendar li{
	background: url(../images/calendar-icon8.gif) no-repeat 0 7px;
	padding:8px 10px 7px 75px;
	min-height:44px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#333;
}

#calendar a strong{
	font-size:12px;
	color:#779308;
	font-weight:normal;
	display:block;
}
#calendar a{
	font-size:11px;
	color:#5d87a1;
	text-decoration: underline;
}

#calendar a:hover{
	text-decoration: none;
}

#calendar2 ul{
	margin:10px 20px 20px 11px;
	padding:0;
	list-style:none;
}
#calendar2 li{
	background: url(../images/calendar-icon2.gif) no-repeat 0 7px;
	padding:8px 10px 7px 75px;
	min-height:55px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#333;
}

#calendar2 a strong{
	font-size:12px;
	color:#779308;
	font-weight:normal;
	display:block;
}
#calendar2 a{
	font-size:11px;
	color:#5d87a1;
	text-decoration: underline;
}

#calendar2 a:hover{
	text-decoration: none;
}

#calendar3 ul{
	margin:10px 20px 20px 11px;
	padding:0;
	list-style:none;
}
#calendar3 li{
	background: url(../images/calendar-icon3.gif) no-repeat 0 7px;
	padding:8px 10px 7px 75px;
	min-height:55px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#333;
}

#calendar3 a strong{
	font-size:12px;
	color:#779308;
	font-weight:normal;
	display:block;
}
#calendar3 a{
	font-size:11px;
	color:#5d87a1;
	text-decoration: underline;
}

#calendar3 a:hover{
	text-decoration: none;
}
/************************** LEFT GRAY BOX ***************************/
#grayBox
{
	width:290px;
	background-color: #ccc;
	border-top: #FFF solid 2px;
}

#grayBox h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4D4D4D;
	font-weight:bold;
	letter-spacing:3px;
	text-decoration:none;
	margin: 15px 0 0px 0;
	padding: 0px 15px 0px 15px;
}

#grayBox img
{
	vertical-align:top;
}

#grayBox p
{
	margin:0 0px 8px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 10px 15px 10px 15px;
	line-height:16px;
	color:#333;
}
#grayBox a{

	color:#00673e;
	text-decoration: underline;
}

#grayBox a:hover{
	text-decoration: none;
}

#wrapperbottom
{
	width: 940px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	line-height:16px;
	margin: 0 auto;
	background-color:#3b3b3b;
}
#foot
{
	width:940px;
	height:30px;
	padding:20px 0;
	text-align:center;
	color:#fff;	
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
#foot a
{ text-decoration:none;color:#fff;}
#foot a:hover
{ text-decoration:none;color:#ccc;}