@import "/perkins/styles/import.css";

body{
	margin:0;
	font:12px/18px Tahoma, Arial, sans-serif;
	color:#000;
	min-width: 965px;
	background: #294b72;
}
img{border-style:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form{
	margin:0;
	padding:0;
	border:none;
}
a{
	color:#bb3a3a;
	text-decoration:none;
}
a:hover{
	color:#294b72;
	text-decoration:underline;
}

/* container 
****************************************************************************************************************/
#main-container{
	width:100%;
	overflow:hidden;
	position:relative;
}
.mc-holder-1{
	width:1281px;
	position:relative;
	float:left;
	left:50%;
}
.mc-holder-2{
	width:1281px;
	position:relative;
	float:left;
	left:-50%;
}

/* wrapper 
****************************************************************************************************************/
#wrapper{
	margin:0 auto;
	width:1281px;
	background: url('/perkins/images/bg-wrapper.jpg') no-repeat;
}
.inner{
	background: #fff;
	width: 965px;
	overflow: hidden;
	margin: 0 auto;
}

/* header 
****************************************************************************************************************/

#header{
	background: url('/perkins/images/bg-header.jpg') no-repeat;
	width: 100%;
	overflow: hidden;
	height: 167px;
	position: relative;
}
#header h1{margin:0;}

/* logo */

#header h1 a{
	background: url('/perkins/images/logo.png') no-repeat;
	float:left;
	margin:0;
	text-indent: -9999px;
	width: 333px;
	height: 99px;
	margin: 38px 0 0 162px;
	overflow: hidden;
}

/* form for join */

.join-form{
	display: inline;
	width: 402px;
	float: right;
	overflow: hidden;
	margin: 65px 36px 0 0;
}
.join-form span{
	float:left;
	background: url(/perkins/images/text-join-us.gif) no-repeat;
	width: 81px;
	text-indent: -9999px;
	margin: 12px 0 0 2px;
}
.join-form div{
	background: url(/perkins/images/bg-join-us-form.png) no-repeat;
	width: 310px;
	height: 37px;
	float: right;
}
.join-form input{
	position: relative;
	border: 0;
	color: #3a5e88;
	height: 16px;
	float: left;
	margin: 9px 0 0;
	font-size: 12px;
	padding: 3px 0 0 2px;
}
#email{
	width: 161px;
	margin: 9px 9px 0 8px;
}
#zip{
	width: 64px;
}

/* join button */
.join-form div a{
	position: relative;
	float:right;
	background: url(/perkins/images/btn-join-header.gif) no-repeat;
	width: 48px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 7px 9px 0 0;
}

/* navigation */

.nav{
	position: absolute;
	right:15px;
	bottom:0;
	width: 455px;
	overflow: hidden;
}
.nav ul{
	margin:0;
	padding:0;
	width: 456px;
	list-style:none;
}
.nav li{
	float: left;
	margin: 0 1px 0 0;
}
.nav a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 34px;
}
.nav a.home{ 
	background:url(/perkins/images/bg-home.gif) no-repeat;
	width:69px;
}
.nav a.about-bill{ 
	background:url(/perkins/images/bg-about-bill.gif) no-repeat;
	width:96px;
}
.nav a.in-the-news{ 
	background:url(/perkins/images/bg-in-the-news.gif) no-repeat;
	width:106px;
}
.nav a.contact{ 
	background:url(/perkins/images/bg-contact.gif) no-repeat;
	width:81px;
}
.nav a.contribute{ 
	background:url(/perkins/images/bg-contribute.gif) no-repeat;
	width:99px;
}
.nav a:hover{background-position: 0 -34px;}



/* content 
****************************************************************************************************************/
#content{
	width: 100%;
	overflow: hidden;
	padding: 15px 0 0;
}
.main h2, .main .form_title {
	color: #b44848;
	font-size: 24px;
	border-top:1px solid #cbd4dc;
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 140%;
}


/* sidebar 
****************************************************************************************************************/
.sidebar{
	width: 275px;
	overflow: hidden;
	padding: 0 15px;
	float:left;
}
/* sidebar menu */
.sidebar .menu{
	margin:0;
	padding:0;
	list-style:none;
}
.sidebar .menu li{
	margin: 0 0 3px;
}
.sidebar .menu a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 45px;
	width: 275px;
}
a.contribute-now{background:url(/perkins/images/btn-contribute-now.gif) no-repeat;}
a.join-us{background:url(/perkins/images/btn-join-us.gif) no-repeat;}
a.volunteer{background:url(/perkins/images/btn-volunteer.gif) no-repeat;}
a.tell-friend{background:url(/perkins/images/btn-tell-friend.gif) no-repeat;}
a.host-event{background:url(/perkins/images/btn-host-event.gif) no-repeat;}
a.attend-event{background:url(/perkins/images/btn-attend-event.gif) no-repeat;}
.sidebar .menu a:hover{
	background-position: 0 -45px;
}

/* events block 
****************************************************************************************************************/
.sidebar .events, .sidebar .featured-news {
	background:#f6f9fc url(/perkins/images/bg-events-box.gif) repeat-x 0 40px;
	width: 100%;
	overflow: hidden;
	margin: 10px 0 0;
}
.sidebar .events h2, .sidebar .featured-news h2{
	text-indent: -9999px;
	margin: 0;
	width: 275px;
	height: 40px;
	border-top: 0;
}
.sidebar .events h2{
	background: url(/perkins/images/text-upcoming-events.gif) no-repeat;
}
.sidebar .featured-news h2{
	background: url(/perkins/images/sidebar-featured-news.gif) no-repeat;
}
.box{
	width: 100%;
	overflow: hidden;
}
.box .title{
	display: block;
}
.box .title:hover em,
.box .title:hover strong{
	text-decoration:underline;
}
/* title of news */
.box .title strong{
	font-size: 12px;
	color:#294b72;
}
/* date of news */
.box .title em{
	color:#357cb1;
	display: block;
	font-style: normal;
	font-size: 11px;
}
.sidebar .box{
	width: 241px;
	margin: 9px 0 0 12px;
	padding: 0 0 9px;
}
.box p{
	margin: 0;
}
/* location and time of event */
.box .desc{
	width: 100%;
	overflow: hidden;
	margin: 0;
}
.box .desc dt{
	float:left;
	font-weight: bold;
	margin: 0 3px 0 0;
}
.box .desc dd{
	margin: 0;
}
/* link for more information */
.more{
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}
.more a{color:#bb3a3a;}
.more a:hover{color:#294b72;}
.main{
	width: 645px;
	float: right;
	overflow: hidden;
	margin: 0 15px 0 0;
}
.insidePage{
	width: 605px;
	float: right;
	overflow: hidden;
	margin-right: 25px;
}

/* billboard 
****************************************************************************************************************/
#visual{
	width: 100%;
	overflow: hidden;
}
#visual img{
	padding: 9px;
	border:1px solid #cbd4dc;
	display: block;
}
#visual span img{
	margin: 0;
	text-indent: -9999px;
	width: 100%;
	height: 76px;
	border: 0;
	padding: 0;
}
.twocolumn{
	width: 100%;
	overflow: hidden;
	padding: 16px 0 0;
}

/* latest news and featured news blocks 
****************************************************************************************************************/
.main .latest,
.main .featured{
	width: 625px;
	overflow: hidden;
}
.main .latest{
	display: inline;
	margin: 0 0 0 10px;
	float: left;
}
.main .featured{
	float: right;
	margin: 0 10px 0 0;
}
.main .featured h2,
.main .latest h2{
	margin: 0;
	text-indent: -9999px;
	height: 21px;
	border-top: 0;
	padding-bottom: 0;
}
.main .latest h2{
	background: url(/perkins/images/text-latest-news.gif) no-repeat;
	width: 169px;
	border-top: 0;
}
.main .featured h2{
	background: url(/perkins/images/text-featured-news.gif) no-repeat;
	width: 207px;
	border-top: 0;
}
.main .latest .box{
	width: 620px;
}
.main .box{
	margin: 0;
	padding: 0 0 4px;
}

/* footer menu
****************************************************************************************************************/
.footer-menu{
	background: url(/perkins/images/bg-footer-menu.gif) repeat-x;
	width: 100%;
	overflow: hidden;
	line-height: 42px;
	float: left;
	margin: 24px 0 0;
}
.footer-menu ul{
	display: inline;
	margin:0;
	padding:0;
	list-style:none;
	overflow: hidden;
	margin: 0 0 0 15px;
	float: left;
}
.footer-menu li{
	background: url(/perkins/images/divider.gif) no-repeat 0 10px;
	float: left;
	font-size:12px;
	margin: 0 0 0 -2px;
	font-weight: bold;
}
.footer-menu a{
	color:#fff;
	padding: 0 14px 0 16px;
	float: left;
}
.footer-menu a:hover{color:#294b72;}

/* footer 
****************************************************************************************************************/

#footer{
	background: #294b72;
	width: 100%;
	overflow: hidden;
	padding: 0 0 24px;
}
#footer ul{
	display: inline;
	margin:12px 0 0 176px;
	padding:0;
	list-style:none;
	float: left;
	overflow: hidden;
}
#footer li{
	background: url(/perkins/images/separator.gif) no-repeat 0 5px;
	float: left;
	color:#fff;
	margin: 0 7px 0 -1px;
	padding: 0 0 0 10px;
}
#footer li a{
	color:#98c5f0;
	text-decoration: underline;
}
#footer li a:hover{
	text-decoration:none;
}

/* form elements styles */

.required-field-mark, .form-error-message, .error {
   color: red;
}

.field-label {
}

.req-field-label {    
}