/* Some default classes
-------------------------------------------------------------- */
a.none { text-decoration:none }
.normal { font-size: 12px !important; font-weight:normal !important; }

textarea.twoline              { height:40px; }
textarea.threeline            { height:60px; }
input.ione,    select.ione    { width:30px }
input.itwo,    select.itwo    { width:46px }
input.ithree,  select.ithree  { width:75px }
input.ifour,   select.ifour   { width:103px }
input.ifive,   select.ifive   { width:91px }
input.isix,    select.isix    { width:132px }
input.iseven,  select.iseven  { width:200px }
input.narrow { width:25px }

input[type='text']:focus, input[type='password']:focus, select:focus, textarea:focus { border-color:#900; background:#ffffe9; }
input[type='text']:hover, input[type='password']:hover, select:hover, textarea:hover { background:#ffffe0; }

input.small, textarea.small { padding:2px; line-height:1.25em; }
.small { font-size: .8em; line-height: 1.5em; }
input.smaller, textarea.smaller { padding:1px; line-height:1.1em; }
.smaller { font-size: .7em; line-height: 1.5em; }
p.small { margin-bottom: 1.875em; }
.medium { font-size: 1em }
.large { font-size: 1.2em; }
p.large { margin-bottom: 1.25em; }
.quiet { color: #999; }

table#container { width: 100% }

table.vertical-align td { vertical-align:middle }
table.extrapadding > tr > td, table.extrapadding > tbody > tr > td { padding:5px 10px 5px 0px; } 
table.extrapadding > tr > th, table.extrapadding > tbody > tr > th { padding:5px 10px 5px 0px; } 
table.padding > tr > td,      table.padding > tbody > tr > td { padding:1px 10px 1px 0px; } 
table.padding  > tr > th,     table.padding > tbody > tr > th { padding:2px 10px 3px 0px; } 

tr.padding-top td { padding-top:2px }
.margin-top    { margin-top:10px }
.margin-right  { margin-right:10px }
.margin-left   { margin-left:10px }
.margin-bottom { margin-bottom:10px }

table.padding-left > tr > th, table.padding-left > tbody > tr > th, 
table.padding-left > tr > td, table.padding-left > tbody > tr > tr,
tr > td.padding-left, td.padding-left, .padding-left { padding-left:10px; } 

table.padding-right > tr > th, table.padding-right > tbody > tr > th, 
table.padding-right > tr > td, table.padding-right > tbody > tr > tr,
tr > td.padding-right, td.padding-right, .padding-right { padding-right:10px; } 


.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

.center { text-align:center; }

.right { right:0 }
.left { left:0 }
.float-right { float:right;  }
.float-left { float:left;  }
.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }

li.none, ul.none { list-style:none; padding:0px; margin:0px; }

legend a.toggle { cursor:pointer; }
legend a.opened { padding-left:13px; background:transparent url('/img/silk/icons/bullet_arrow_down.png') no-repeat -3px 1px; }
legend a.closed { padding-left:13px; background:transparent url('/img/silk/icons/bullet_arrow_right.png') no-repeat -2px 1px; }
fieldset.smallmargin {  margin:0px 0px 5px 0px; padding:5px 10px; }
fieldset.largemargin {  margin:20px 0px 25px 0px; }
fieldset.collapsed { border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent; padding-top:0; padding-bottom:0;}
fieldset { background-color:#f9f9f6 }
fieldset fieldset { background-color:#f0f0ec }
fieldset fieldset fieldset { background-color:#f9f9f6 }


/* for ajax spinny things */
.loading_indicator { 
  background:transparent url(images/loading.gif) no-repeat top left;
  height:16px;
  width:16px;
  position:absolute;
  display:none;
}

.indent { list-style:none;margin:0px;padding:0px 0px 0px 10px; }
.indent li { padding:0px; margin:0px; }

img.linkicon { margin:0px 5px -2px 0px; }
.offset { margin-bottom:-2px }
.pequal { margin:0.75em 0em; }
.phalfbottom { margin-top: 0.75em; } 
.pbottom { margin-top: 1.5em; } 

.nowrap { white-space:nowrap; }

/* the 'nolink' class when you sometimes just want an anchor to be normal (if it has no href, for instance) */
a.nolink:link, a.nolink:visited, a.nolink:active, a.nolink:hover { color:#000000; cursor:default; text-decoration:none; }








/* Begin normal style stuff - these are things you can feel confident changing
-------------------------------------------------------------- */

body { background:#fff; }

#page { margin:0px auto; width: 980px; padding:5px}  
  


#navbar { background: #333; color: #fff; font-weight:bold; font-size:11px; padding:3px; margin:-11px 0px 10px; }
#navbar a { color: #fff }

/* your text inside the middle area */
#main { padding:10px 0px 0px 0px; margin:0px 0px 0px 1px}
#main_inside { padding:0px 0px 6px 10px; margin:0px} 
/* far right side */
#ads { width:138px; background-color: #336699}
#ads_div { margin-top:-11px; margin-left:0px; background-color:#CCCCCC; padding-left:6px; padding-right:3px; padding-top:3px; padding-bottom:3px}
#submit-event { background-color:#eee; width:132px; padding:10px;  text-align:center }

#middle-menu { padding:0px 5px; }

   
#footer { 
  clear:both; text-align:center; margin:20px 0px 20px 0px; padding:3px; color:#fff; font-size:10px;
  height:90px; 
  background:#4071CF url(images/bgstripes.gif) top left repeat;  
}
#footer a { color:#fff }
#footer-logo {
  background:transparent url(images/pbp.gif) top left no-repeat;
  height:85px; width: 85px;
  float:left;
}
#usernav { text-align:right; padding:3px; color:#eee; } /* the text for your name when logged in, register/login/logout */
#usernav a { color:#eee }
#usernav a:hover { color:#000 }


.row { background-color: transparent }        /* alternate table bg colors for rows */
.row2 { background-color: #f3f3f3 }



/* used on the categories page, to display indented/sized cat/subcats */
.cat-level-0 { font-size:13px; font-weight: bold; }
.cat-level-1 { font-size:12px; padding-left: 10px !important; }
.cat-level-2 { font-size:11px; padding-left: 20px !important; }
.cat-level-3 { font-size:10px; padding-left: 30px !important; }
.cat-level-4 { font-size:9px;  padding-left: 40px !important; }
.cat-level-5 { font-size:9px;  padding-left: 50px !important; }
.cat-level-6 { font-size:9px;  padding-left: 60px !important; }
.cat-level-7 { font-size:9px;  padding-left: 70px !important; }
.cat-level-8 { font-size:9px;  padding-left: 80px !important; }
.cat-level-9 { font-size:9px;  padding-left: 90px !important; }


tr.unapproved { background-color:#fff3f3 }
tr.inactive td { color:#999 }


.event-list-bg { background: #444; color: #fff }
.event-list-bg th a { color: #fff }




.town_list { font-size: 0.9em; }






/* added styles by jeremiah */
.field_descrip {
	text-align: left;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.field_descrip_nb {
	text-align: left;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.searchnow {
	text-align: center;
	display: block;
	width: 565px;
}
.container_flag_thin {
  	display: block;
  	background-color: #99CCFF;
  	width: 741px;
  	border: 0px;
	background-color: #99CCFF;
 	margin: 0px -5px 0px 5px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.nav_flag_thin {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 400px;
	float: left;
}
.section_flag {
	font-family: Times New Roman, Times, serif;
	font-size: 34px;
	font-style: normal;
	font-weight: bolder;
}
.flag_descrip_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}
.flag_descrip_text_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-align: center;
	display: block;
}
.flag_descrip_thin {
	width: 300px;
	float: right;
	padding: 5px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.flag_links {
	padding: 0px;
	margin: 0px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.flag_links_ul {
	display: inline;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-position: inside;
	text-align: left;
}
.flag_links_li {
	display: inline;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 100%;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	list-style-position: inside;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000000;
}
.flag_links_li_first {
	display: inline;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 100%;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	list-style-position: inside;
}







/* original styles */

.header_container {
  background: #336699 url(./images/bgstripes.gif) top left repeat;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.header_spacer {
  clear:both;
  height:90px;
}

.header_flag {
  margin: 0px;
  padding: 0px;
  width: 500px;
  border: 0px;
  float: left;
}
.header_store {
  padding: 5px;
  width: 360px;
  border: 0px;
  float: right;
  background-color: #336699;
  margin: 12px 10px 15px 5px;
}
.header_papers {
  width: 190px;
  border: 0px;
  /* float: left; */
  background-color: #99CCFF;
  margin:0px 5px 15px 12px;
  padding:10px 5px;
}
.header_primarynav {
  padding: 3px 3px 3px 3px;
  width: 190px;
  border:0px;
  /* float: left; */
  background-color: #336699;
  margin: 10px 5px 0px 12px;
}
.header_primarynav_inside {
  margin:3px 5px 7px 5px;
}
.header_secondarynav {
  padding: 5px;
  width: 735px;
  border: 0px;
  /* float: right; */
  background-color: #336699;
  margin: 0px -5px 10px 5px;
}
.header_content {
  padding: 5px;
  width: 745px;
  border: 0px;
/*  float: right; */
  background-color: #FFFFFF;
  margin: 0px -5px 0px 5px;
}
.body {
  padding: 5px;
  width: 1024px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  background-color: #FFFFFF;  
}
.pbplogo {
  margin: 0px;
  padding: 5px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  float: left;
  width: 100px;
}
.footer {
  margin: 0px;
  padding: 5px;
  border: 0px;
  float: right;
  width: 840px;
}
.footer_container {
  background-color: 336699;
  background-image: url(./images/bgstripes.gif);
  background-repeat: repeat;
  margin: 0px 0px 0px 1px;
  padding: 4px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.store_head {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 110%;
  font-weight: bolder;
  color: #FFFFFF;
}
.store_body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: italic;
  line-height: 110%;
  font-weight: bold;
  color: #FFFFFF;
}
.store_fine {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  line-height: 110%;
  font-weight: bold;
  color: #FFFFFF;
}
.papers {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: normal;
  line-height: 150%;
  font-weight: bold;
  color: #000000;
}
.primarynav {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: normal;
  line-height: 140%;
  font-weight: bold;
  color: #000000;
}
.secondarynav {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 120%;
  font-weight: bold;
  color: #000000;
}
.bullet {
  color: #339999;
  margin-left: 6px;
  margin-right: 6px;
  font-weight: bolder;
}
.bullet_nav {
  font-family: Arial, Helvetica, sans-serif;
  color: #339999;
  margin-left: 8px;
  margin-right: 8px;
  font-weight: bolder;
}
a.white {
  color: #FFFFFF;
  text-decoration: underline;
}
a.white_noul {
  color: #FFFFFF;
  text-decoration: none;
}
a.black_noul {
  color: #000000;
  text-decoration: none;
}
a:hover {
  color:#CC3333;
  text-decoration: underline;
}
.pageheader {
  font-family: "Times New Roman", Times, serif;
  font-size: 36px;
  font-style: normal;
  font-weight: bolder;
  color: #333399;
  line-height: 110%;
}
.med_white {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 110%;
}
.fine_white {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}








































/* shouldn't need to change much below here */


#recur_label { font-size:10px; color:#990000;  }
#recur_label .recur_yes {      color:#009900;  }




/* Messages
-------------------------------------------------------------- */
.error { color:#dd0000; }

.required { color:#cc0000; font-size:10px; }
input.required, textarea.required, select.required { color:inherit; font-size:inherit; background-color:#ffe9e0 }
input[type='text'].error { padding-left:18px; background-image:url(/img/silk/icons/exclamation.png); background-repeat:no-repeat; background-position:left center; }

#error, .error-message {
	background: transparent url(/img/silk/icons/exclamation.png) center no-repeat;
	background-position: 0px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 3px 0px 3px 20px;
	margin-bottom: 0.25em;
	border:0px solid #b99;
	color:#ff0000;
	}
span.error-message{ margin-left:15px }

#errorExplanation, #authMessage {
	background: #F8D9D7 url(/img/silk/icons/exclamation.png) center no-repeat;
	background-position: 15px 6px; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin-bottom: 1.25em;
	}
	#errorExplanation h2 {
		font-size: 1.5em; line-height: 1; margin-bottom: 1em;
		}
	#errorExplanation ul {
		margin-bottom: 9px;
		}
.notice, #notice, #flashMessage {
   background: #FFFF88 url(/img/silk/icons/information.png) center no-repeat;
   background-position: 15px 50%; /* x-pos y-pos */
   text-align: left;
   font-size:1.1em;
   font-weight:bold;
   padding: 5px 20px 5px 45px;
   margin-bottom: 1.5em;
   margin-top:1.5em;
   border:1px solid #FFDD77;
   }
.fieldWithErrors {
	margin-bottom: 1.25em;
	}
.fieldWithErrors input, .fieldWithErrors textarea { border:1px solid red; }
  
	
  
/* Pagination
-------------------------------------------------------------- */
.pagination {
    padding: 3px;
    margin: 3px;
		/* text-align: right; */
    font-size:10px;
  }
  .pagination a {
    padding: 1px 3px;
    margin: 1px;
    border: 1px solid #aaaadd;
    text-decoration: none;
    color: #000099;
  }
  .pagination a:hover, .pagination a:active {
    border: 1px solid #000099;
    background:#ddddff;
    color: #000;
  }
  .pagination span.current {
    padding: 1px 3px;
    margin: 1px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #000099;
    color: #FFF;
  }
  .pagination .disabled {
    padding: 1px 3px;
    margin: 1px;
    border: 1px solid #ddd;
    color: #ccc;
  }
.pagination div { display:inline }