html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-size: 13px;
 background: #071f4e url('/img/bg.jpg');
 font-family: Helvetica, arial, sans serif;
} 

a{
 outline: none;
 color: #3c69be;
 text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a:focus{
outline: none;
}

images{
 border: 0;
}

.spacer{
 clear: both;
 display: block;
 height: 10px;
}

h1{
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

img{
	border: 0;
}

input,textarea,select{
	border: 1px solid #969696;
	padding: 5px;
	font-family: Helvetica, arial, sans serif;
	font-size: 13px;
}

#gradient_bg{
 background: url('/img/bg_gradient.jpg') repeat-x top;
}

#timmurphy{
 background: url('/img/bg_tmurphy.jpg') no-repeat top;
 max-width: 1200px;
 margin: 0 auto;
}

#pagewidth{ 
 background: #efefef url('/img/bg_page.jpg') repeat-y;
 background-position: top center;
 width:960px; 
 text-align:left;
 margin: 0;
 padding: 0;
 margin-left:auto; 
 margin-right:auto;
 border-top: 1px #393939 solid;
 border-bottom: 1px #393939 solid;
} 
 
#header{
 height:192px; 
 background: url('/img/header.jpg') no-repeat;
 background-position: top center;
 width:100%;
 margin: 0 auto;
}

.header_container{
 position: relative;
 width: 960px;
 margin: 0 auto;
 display: block;
}

.home{
 top: -13px;
 left: -25px;
 width: 400px;
 height: 192px;
 position: absolute;
 margin: 13px 0 0 13px;
 padding: 0;
 clear: none;
 overflow: hidden;
}

.home a{
 width: 100%;
 height: 100%;
 display: block;
 text-decoration: none;
}

#signup{
 position: relative;
 top:70px;
 left: -200px;
 float: right;
 display: block;
}

#signup .email, #signup .zip{
 background: url('/img/site_17.jpg') repeat-x top;
 width: 150px;
 border: 3px #0e235c solid;
 margin-right: 8px;
 padding: 4px;
 font-family: georgia, serif;
 font-size: 1.3em;
 color: #264562;
}

#signup .email:focus, #signup .zip:focus{
 background: #fff;
 border: 3px #1a3271 solid;
}

#signup .zip{
 width: 60px;
}

#navigation{
 position: absolute;
 top: 53px;
 right: 0px;
 height: 39px;
 width: 573px;
 display: block;
 clear: both;
}

#main{
 background: url('/img/bg_home_main.jpg');
 background-position: top center;
 position: relative;
 width: 100%;
 height: 305px;
 display: block;
 margin: 0 auto;
 padding: 0px;
 clear: both;
 overflow: hidden;
}

#main .feature{
 top: 20px;
 right: 23px;
 width: 554px;
 height: 240px;
 position: absolute;
 margin: 13px 0 0 13px;
 padding: 0;
 clear: none;
 overflow: hidden;
}

#main .signup{
 top: 63px;
 left: 40px;
 position: absolute;
 margin: 13px 0 0 13px;
 padding: 0;
 clear: none;
 overflow: hidden;
}

#main .signup_submit{
 top: 155px;
 left: 95px;
 position: absolute;
 margin: 13px 0 0 13px;
 padding: 0;
 clear: none;
 overflow: hidden;
}

.signup_form input{
	font-size: 16px;
	margin-bottom: 5px;
}

#main .socnet{
 position: absolute;
 top: 236px;
 left: 95px;
 width: 40px;
 height: 40px;
}

#main .socnet a{
 width: 100%;
 height: 100%;
 display: block;
}

#action{
 width: 960px;
 height: 116px;
 margin: 0 auto;
 padding: 0;
 display: block;
 clear: both;
 overflow: hidden;
}

#action_lower{
 background: url('/img/bg_home_action_below.jpg') no-repeat;
 background-position: top center;
 position: relative;
 width: 100%;
 height: 32px;
}

#general{
 background: url('/img/bg_container.jpg') repeat-y;
 background-position: top center;
 width: 960px;
 margin: 0 auto;
 padding: 0px;
}

#main_content{
	background: #FFF;
	margin: 0 20px 20px 20px;
	padding: 10px;
}

#content{
 background: #fff;
 background-position: top left;
 position: relative;
 width: 560px;
 margin: 0 20px 20px 0px;
 padding: 0px;
 position: relative;
 float: right;
}

	#content_home{
	 background: #fff url('/img/hd_home_latest.jpg') no-repeat;
	 background-position: top left;
	 position: relative;
	 width: 560px;
	 margin: 0 20px 20px 0px;
	 padding: 35px 0px;
	 position: relative;
	 float: right;
	}

#content .entry, #content_home .entry{
 padding: 0 25px;
 text-align: justify;
}

#content .entry p, #content_home .entry{
 line-height: 1.6em;
}

h3{
 margin: 0;
 margin-top: 20px;
 padding: 0;
}

#side{
 background: #fff;
 width: 340px;
 margin-bottom: 20px;
 margin-left: 21px;
 padding: 20px 0px;
 position: relative;
 float: left;
 text-align: center;
}

#side_media{
 background: #fff;
 background-position: top left;
 width: 340px;
 margin-bottom: 20px;
 margin-left: 21px;
 padding: 0 0 20px 0px;
 position: relative;
 float: left;
 text-align: center;
}

#page_footer{
 background: url('/img/page_footer.jpg');
 width: 950px;
 height: 31px;
 margin: 0 auto;
 padding: 0;
 display: block;
}

#footer{
 width: 950px;
 margin: 0 auto;
 padding: 0 0 20px 0;
 display: block;
 overflow: auto;
}

#footer .left{
 width: 45%;
 position: relative;
 float: left;
 text-align: left;
}

#footer .center{
 width: 55%;
 position: relative;
 text-align: center;
}

#footer .center p{
 margin: 0px;
 padding: 2px;
 color: #fff;
}

#footer .center p a{
 color: #fff;
 text-decoration: none;
}

#footer .center p a:hover{
 text-decoration: underline;
}
 
.paidfor{
 width: 240px;
 border: 1px #fff solid;
 padding: 6px;
 margin: 20px auto;
 clear:both;
 color: #fff;
 text-align: center;
}

.fade{
opacity:50; filter:alpha (opacity=50);-moz-opacity:.5;
}

.button_join{
 width: 60px;
 height: 30px;
 border: none;
 background: url('/img/join_button.jpg') no-repeat top left;
 padding:0;
 margin: 0;
}

.button_join:hover{
 width: 60px;
 height: 30px;
 border: none;
 background: url('/img/join_button2.jpg') no-repeat top left;
 padding:0;
 margin: 0;
}

/* Single Page */
#content_full{
 position: relative;
 width: 890px;
 margin: 0;
 padding: 5px 30px 0 30px;
 display: block;
 text-align: justify;
}

/* Sidebar */
#sidebar{
 background: red;
 width: 300px;
 height: 100%;
 margin: 0 0 10px 10px;
 padding: 5px;
 position: relative;
 float: right;
}

#page_header{
 width: 100%;
 position: relative;
 display: block;
 overflow: hidden;
 clear: both;
}

/* Attribute Styles */

.center{
 margin: 0 auto;
 display: block;
}

.txtcenter{
 text-align:center;
}

.btm_10{
 margin-bottom: 10px;
}

.btm_20{
 margin-bottom: 20px;
}

.top_10{
 margin-top: 10px;
}

.right{
 float: right;
}

.left{
 float: left;
}

.w960{
 width: 960px;
}

.w950{
 width: 950px;
}

.relative{
 position: relative;
}

.clear{
 clear: both;
}

 
/* Main Navigation */
#multi-level {height:39px; position:relative; z-index:100;}
.menu em{font-family: georgia;}
.menu ul li.center{text-align: center; display: block; height:27px; padding: 3px;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-weight:bold; text-align: left;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:39px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:122px; background:url(/img/nav_01.jpg) no-repeat;;}
.menu li.p2 {width:147px; background:url(/img/nav_02.jpg) no-repeat;;}
.menu li.p3 {width:86px; background:url(/img/nav_03.jpg) no-repeat;;}
.menu li.p4 {width:131px; background:url(/img/nav_04.jpg) no-repeat;;}
.menu li.p5 {width:87px; background:url(/img/nav_05.jpg) no-repeat;;}


/* set up the normal unhovered images in the links */
.menu li a#home {width:122px; background:url(/img/nav_01.jpg) no-repeat;}
.menu li a#know {width:147px; background:url(/img/nav_02.jpg) no-repeat;;}
.menu li a#issues {width:86px; background:url(/img/nav_03.jpg) no-repeat;;}
.menu li a#join {width:131px; background:url(/img/nav_04.jpg) no-repeat;;}
.menu li a#donate {width:87px; background:url(/img/nav_05.jpg) no-repeat;;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#know:hover, .menu li:hover a#know,
.menu li a#issues:hover, .menu li:hover a#issues,
.menu li a#join:hover, .menu li:hover a#join,
.menu li a#donate:hover, .menu li:hover a#donate{background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:-4px; top:46px; background: #fff; padding:3px 0; border:4px solid #ddd; border-top: 0px; white-space:nowrap; width:161px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:155px;}
.menu :hover ul.sub li a {display:block; font-size:12px; height:20px; width:155px; line-height:20px; text-indent:5px; color:#333; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:# url() 100px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#832211; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#832211 url() 100px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#832211 url() 100px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #07223d; padding:3px 0; border:1px solid #888; white-space:nowrap; width:118px; z-index:200; height:auto; z-index:300;}

/* end Main Navigation */

/* Link Image Replacement */
#action ul {margin:0; padding:0; list-style-type:none; width: 960px;display:block;}
#action li {float:left;}
#action li.list1 {background:transparent url(/img/bt_home_action_01.jpg);}
#action li.list2 {background:transparent url(/img/bt_home_action_02.jpg);}
#action li.list3 {background:transparent url(/img/bt_home_action_03.jpg);}
#action li.list4 {background:transparent url(/img/bt_home_action_04.jpg);}
#action li.list5 {background:transparent url(/img/bt_home_action_05.jpg);}


#action a#item1 {background:transparent url(/img/bt_home_action_01.jpg) 1px -116px no-repeat;}
#action a#item2 {background:transparent url(/img/bt_home_action_02.jpg) 1px -116px no-repeat;}
#action a#item3 {background:transparent url(/img/bt_home_action_03.jpg) 1px -116px no-repeat;}
#action a#item4 {background:transparent url(/img/bt_home_action_04.jpg) 1px -116px no-repeat;}
#action a#item5 {background:transparent url(/img/bt_home_action_05.jpg) 1px -116px no-repeat;}


#action a#item1:hover, #action a#item2:hover, #action a#item3:hover, #action a#item4:hover, #action a#item5:hover {background-position:0 0; z-index:50;}


#action a.list1 {display:block; width:380px; height:0; padding-top:116px; color:#000; overflow:hidden;}
#action a.list2 {display:block; width:143px; height:0; padding-top:116px; color:#000; overflow:hidden;}
#action a.list3 {display:block; width:142px; height:0; padding-top:116px; color:#000; overflow:hidden;}
#action a.list4 {display:block; width:139px; height:0; padding-top:116px; color:#000; overflow:hidden;}
#action a.list5 {display:block; width:156px; height:0; padding-top:116px; color:#000; overflow:hidden;}

/* end Link Image Replacement */
 
 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/************************* media page content ***************************/

#media_list_item
{
	width: 31%;
	float: left;
	margin: 3px;
	padding: 6px;
	background-color: #FFFFFF;
	border: 1px solid #969696;
}

#media_list_featured
{
	width: 97%;
	float: none;
	margin-bottom: 10px;
	margin: 4px;
	padding: 8px;
	background-color: #FFFFFF;
	border: 1px solid #969696;
}

#media_list_title
{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

#media_list_small_title
{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

#bold_16
{
	font-size: 16px;
	font-weight: bold;
}

#bold_14
{
	font-size: 14px;
	font-weight: bold;
}

hr.media_hr
{
	border: none 0; 
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	width: 100%;
	height: 1px;
	margin: 2px auto 0 auto;
	text-align: left;
}


#clearboth {
	clear: both;
}

/************************* issues page content ***************************/

#issues
{
	float: left;
	font-size: 14px;
	margin: 0;
	list-style: none;
	padding-left: 0px;
}

#issues li
{
	padding-bottom: 5px;
	font-size: 14px;
}

/************************* blog page content ***************************/

#contentbox
{
	margin: 5px;
	margin-top: 15px;
	background-color: #FFFFFF;
	border: 1px solid #969696;
}

#contentbox_title
{

	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-color: #FFFFFF;
	margin: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
	padding-bottom: 5px;

}

#contentbox_title a
{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

#contentbox_title a:hover
{
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

#contentbox_text
{
	padding: 6px;
	margin-top: 5px;
}

/************************* photo gallery content ***************************/

div.gallery {

	float: left;
	width: 160px;
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: center;

}

.galleryimg img{

	border: 1px solid #fff1fc;
	
}

.galleryimg:hover img{

	border: 1px solid black;
	
}

.galleryimg:hover{

	color: red; /* only used to overcome IE's incompetence */
	
}

/************************* events content ***************************/

#standardtd
{
	background: #FFFFFF;
}

.error{
	font-weight:bold; color:#FF0000;
}

/********************** slide show ********************************/

ul.slideshow {
	list-style:none;
	width:554px;
	height:240px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}


#slideshow-caption {
	width:554px;
	height:50px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}