/* Globals */
*{
	margin: 0px;
	padding: 0px;
	}

body{
	font-family: Verdana;
	font-size: 11px;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-color: #aaaaaa;
     }

img { border : 0px; display:block; }
hr { color:#774c8b; height:1px; border:0px; }
td{	vertical-align: top;}

ul{margin: 0;}
ul li ul{margin: 5px 0px 5px 25px;}
ul li ul li{margin: 5px 0px; background-color: #fff;    text-align: left;} 
ol{margin:10px 0px 5px 30px;}
ol li{margin: 5px 0px;} 

.clear {clear:both}  
.underline{text-decoration: underline;}
.image{padding-left: 10px;}
    
.mcopy {text-align: left; font-size: 13px; color: #333333; font-family: Verdana, Helvetica, Arial, Tahoma, Geneva, sans-serif; line-height: 18px; padding: 10px 0px 10px 0px;}
.mcopy a{color:#0cb5ea; font-weight: normal; }
.mcopy table{font-size: 13px;}
.mcopy table td{font-size: 13px; padding: 5px;}
.mcopy ul{margin:10px 30px;  }

.bkg_color01 {background-image: url(/images/bkg_E5E5E5.gif); background-repeat: repeat;}
.bkg_color02 {background-image: url(/images/bkg_EFEFEF.gif); background-repeat: repeat;}
.bkg_color03 {background-image: url(/images/bkg_D6D6D6.gif); background-repeat: repeat;}
.bkg_color04 {background-image: url(/images/bkg_EBEBEB.gif); background-repeat: repeat;}
.bkg_color05 {background-image: url(/images/bkg_0D6E9E.gif); background-repeat: repeat;}
.bkg_color06 {background-image: url(/images/bkg_3D8BB1.gif); background-repeat: repeat;}
.bkg_color07 {background-image: url(/images/bkg_F5F5F5.gif); background-repeat: repeat;color: black;}
.bkg_color08 {background-image: url(/images/bkg_8C8C8C.gif); background-repeat: repeat;}
.bkg_color09 {background-image: url(/images/bkg_ftr.gif); background-repeat: repeat;
              height: 48px; font-size: 14px; font-family: Verdana;
              vertical-align: middle;  font-style: italic;
              }

.bkg_tile01 {background-image: url(/images/bkg_tile01.gif); background-repeat: repeat-x;}
.bkg_tile02 {background-image: url(/images/bkg_tile02.gif); background-repeat: repeat-x;}
.bkg_tile03 {background-image: url(/images/bkg_tile03.gif); background-repeat: repeat-x;}

.top {padding: 8px 0px;}
.top a{color: #0cb5ea; text-decoration: none; }
.top a:hover{color: #666666; }

h1 {
	font-family: Verdana; 
    Font-size: 26px; font-weight: normal; margin-bottom: -5px; color: #0cb5ea;
    letter-spacing: -1px;
    padding-bottom: 0px;
    margin-top: 10px;
    text-align: left;
    }


/* Navigation */
#navigation ul li{ background-color: #fff; list-style: none;}
#main-navigation{ height: 40px; width: 950px; margin: 0 auto; padding-left: 10px; background: url('/resources/images/nav_left.png') 0 0 no-repeat; position: relative; z-index: 500;}
	#main-navigation > ul{ list-style-type: none; margin: 0; padding: 0; height: 40px; padding-right: 10px; background: url('/resources/images/nav_right.png') top right no-repeat;}
	#main-navigation > ul > li{ position: relative; float: left;}
	#main-navigation > ul > li > a{ display: block; height: 40px; text-indent: -99999px;}
	#chamber{ width: 139px;}
		#chamber > a{ background: url('/resources/images/nav_01.jpg') 0 0 no-repeat;}
		#chamber:hover > a{ background: url('/resources/images/nav_01r.jpg') 0 0 no-repeat;}
	#membership{ width: 127px;}
		#membership > a{ background: url('/resources/images/nav_02.jpg') 0 0 no-repeat;}
		#membership:hover > a{ background: url('/resources/images/nav_02r.jpg') 0 0 no-repeat;}
	#programs{ width: 105px;}
		#programs > a{ background: url('/resources/images/nav_04.jpg') 0 0 no-repeat;}
		#programs:hover > a{ background: url('/resources/images/nav_04r.jpg') 0 0 no-repeat;}
	#events{ width: 84px;}
		#events > a{ background: url('/resources/images/nav_07.jpg') 0 0 no-repeat;}
		#events:hover > a{ background: url('/resources/images/nav_07r.jpg') 0 0 no-repeat;}
	#advocacy{ width: 106px;}
		#advocacy > a{ background: url('/resources/images/nav_05.jpg') 0 0 no-repeat;}
		#advocacy:hover{ > a background: url('/resources/images/nav_05r.jpg') 0 0 no-repeat;}
	#resources{ width: 179px;}
		#resources > a{ background: url('/resources/images/nav_03.jpg') 0 0 no-repeat;}
		#resources:hover > a{ background: url('/resources/images/nav_03r.jpg') 0 0 no-repeat;}
	#about{ width: 132px;}
		#about > a{ background: url('/resources/images/nav_06.jpg') 0 0 no-repeat;}
		#about:hover > a{ background: url('/resources/images/nav_06r.jpg') 0 0 no-repeat;}
	#blog{ width: 68px;}
		#blog > a{ background: url('/resources/images/nav_08.jpg') 0 0 no-repeat;}
		#blog:hover > a{ background: url('/resources/images/nav_08r.jpg') 0 0 no-repeat;}

	#main-navigation .subnav{ display: none; position: absolute; top: 40px; left: 0; margin: 0; list-style: none; background-color: #ddd; width: 200px; padding: 0 2px 2px; border: 1px solid #999; border-top: none;}
		#main-navigation > ul > li:hover .subnav{ display: block;}
		#main-navigation .subnav a{ display: block; padding: 3px 6px; color: #222; text-decoration: none;}
		#main-navigation .subnav .itemheader{ background-color: #bbb; font-size: 13px;}
		#main-navigation .subnav ul{ margin: 0; list-style-type: none; padding: 0; margin: 0; font-size: 12px;}
		#main-navigation .subnav li{ margin: 0; background-color: transparent;}
		#main-navigation .subnav ul a:hover{ background-color: #0cb5ea}
		
.itemheader{
	background-color:#0cb5ea; 
    font-weight: bold;
    margin-bottom: 2px;
    text-align: left;
	}
	
.itemheader a{text-decoration: none;}	
	
#navigation .item{
	margin-left: 10px;
	background-color: #cccccc;	
    padding: 5px;
    padding-top: 5px;
    width: 240px;
    text-align: left;
    }
    
.nav_right{
	background-image: url(/resources/images/nav_right.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-right:20px;
	/* width: 614px; */
	}

#navigation .subnav{font-size: 11px; padding: 20px 0 0 10px;}
#navigation .subnav a, #navigation .subnav a:link, #navigation .subnav a:visited{color: #333333;}
#navigation .subnav a:hover{color:#0cb5ea;}  
    
    
    
/* Header */    
.top_right{text-align: right; color: #fff; vertical-align: top; padding-top: 2px;}

.top_right a, .top_right a:visited, .top_right a:link{
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana;
	padding:0px 5px;
    }

.top_right a:hover{text-decoration: underline;}
 
 
.slide_nav{
	display:block;
	float: left;
	height:55px;
	overflow:hidden;
	cursor: pointer;
	}
	
.slide_nav ul{
	margin: 0px 0px 0px 10px;
	padding: 0px;	
	float: left;	
	list-style-type: none;	
	font-size: 12px;
	border-left: 1px solid #ccc;
	font-family: Tahoma, Tahoma, Geneva, sans-serif;
	font-weight: normal;
	line-height: 1.25em;
	}	

.slide_nav ul li
{	background-image: url(/resources/images/nav_bkg.gif);
	background-repeat: repeat-x;
	display:block;
	margin:0;
	padding: 4px 0 12px 0;	
	list-style-type: none;	
	float: left;	
	height: 55px;
	width: auto;
	border-right: 1px solid #ccc;
	}
		
.slide_nav ul li:hover	{
	background-image: url(/resources/images/nav_on_bkg.gif); 
}	

#slide_nav .slide_1, #slide_nav .slide_2, #slide_nav .slide_3, #slide_nav .slide_4{
	display: block;
	width: 145px;
	height: 55px;
	padding: 4px 5px 12px 5px;
}

#slide_nav .slide_0, #slide_nav .slide_5{
	display:block;
	width:146px;
	height: 55px;
	padding: 4px 5px 12px 5px;
	
}

.slide-out-div {
          padding: 20px;
          width: 250px;
          background: #ccc;
          border: 1px solid #29216d;
      }      
  
.slider ul li {
	list-style-image:none;
	list-style-type:none; background-color: #fff;
}
 
 /* Home Page */
 
.smbox2 
 {
 	background-color: #1a3240;
 	text-align: left;
 	}
 	
.smbox2 img{margin: 5px 0 0 10px;}

 .pagebox {
 	width: 330px;
 	background-image: url(/resources/images/bkg_box.gif);
 	background-repeat: repeat-y;
 	padding: 10px 10px 10px 15px;
 	font-size: 12px;
 	height: 260px;
 	overflow: auto;
	text-align: left;
 	}
 	
 .bottom{
 	background-image: url(/resources/images/box_link.jpg);
 	background-repeat: no-repeat;
	text-align: right;
	vertical-align: middle;
	height: 27px;
	font-size: 12px;
	padding-right: 15px;
	}
 
.bottom a{color: Black; text-decoration: none;}
.bottom a:hover{color: #999;}
 


/* Forms */

.fields{
	border: 1px solid #ccc;
	padding: 2px 5px;
	height: 20px;
	vertical-align: middle;
	font-style: italic;
	font-size: 12px;
	font-family: Arial;
	color: #999999;
	}
textarea.fields{ height: auto;}

.button  {cursor: pointer; color: #FFFFFF; letter-spacing: 1px;  font-size: 14px; font-weight: bold; background-color: #0cb5ea; border-style: outset; border-color: #eee; line-height:1; padding: 5px 10px;}
.button:hover{ cursor: pointer; background-color: #1a3240;}
	
.search_poptab{
	background: transparent url(/resources/images/search_poptab.png) no-repeat bottom right;
	width: 340px; 
	height: 73px;	
	position: absolute;
	right: 0;
	bottom: -47px;
	/* margin-right:15px; */
	text-align: right;
	}

.search_btns
{
	padding: 8px 4px 0px 4px;
	color: #fff;
	font-size: 11px;
	line-height: 10px;}

.search{
	background-image: url(/resources/images/search_bkg.jpg); 
	background-repeat: repeat-x;
	height: 46px;
	color: #fff;
	}
	
.search_btns a{color: Black; padding: 0px 10px; text-decoration: none;}
.search_btns a:hover{color: #fff; text-decoration: underline;}

.search_form{ display:block; height:23px; width:300px; float:right; padding:22px 0 0 0; margin-right:15px;}
.search_field{float:left; width:260px;}

 
.admin_header{background-color: #1a3240; color: #fff; padding: 5px;}


#portfolio{margin: 10px 0 0 0;}

#portfolio li{list-style-type: none;}

.pagebottom{width: 962px;}

 /* Footer */
 
.ftr  {
 	color: #cccccc; 
 	font-size: 9px; font-weight: normal; line-height: 13px;}
 
.ftr a{color: #d1e5a7;}
.ftr a:hover{color: #fff;}
.footer {background-image: url(/images/bkg_footer.gif); background-repeat: repeat;
         padding: 15px 0px 30px 0px;
         font-family: Verdana;
              }
              
.social_box{
	background-image: url(/resources/images/social_bkg.jpg);
	padding: 0px 4px;
	vertical-align: middle;
	color: #b9b8b8;
	font-weight: bold;
	font-size: 11px;
	}
	
.social_box .button{
	vertical-align: top;
	margin: 0px 2px 0px 0px;}

.social_btn{margin: 0px 5px 0px 0px; float: left;}
.placeholder{margin: 10px 0px;}

.btm_box{margin-bottom: 0px;}