/* Component Imports CSS */

@import url("boxes.css");
@import url("calendars.css");
@import url("popups.css");
@import url("resources.css");
@import url("style-addl.css");
@import url("homePage.css");
@import url("archive.css");

/* General CSS */

* {
  padding: 0;
  margin: 0;
  }
body {
  height: 100%;	
  font-family: Verdana, serif;
  font-size: 100%;
  margin: 0 0 1px;
  padding: 0;
  }

.turquoise {
  color: #008282;
  }

.miniCalList {
	position:absolute;
}

.frontPageSchedule {
	list-style-position:inside;
}

/* Columns Layout - This secures the column layout in all pages */

#wrapper {
  width: 970px;
  margin: 0px auto;
  border: 0px solid #eee;
  }

 #topNav {
  height: 70px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: right;
  background: url('../img/bkg_header.jpg') top left no-repeat;
  }
  
 #topNav2 {
  height: 75px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: right;
  padding: 40px 10px 0 0;
  background: url('../img/bkg_header.jpg') top left no-repeat;
  }
#topNav2 a {
  color: #fff;
  text-decoration: none;
  margin: 0 10px;
  }
 #topNav a {
  color: #fff;
  text-decoration: none;
  margin: 0 10px;
  }

#topNav2 a:hover {
  text-decoration: underline;
  }
.hiName {
  font-size: 135% !important;
  margin-right: 20px;
  font-family: Verdana, serif;
  }
.headerButtons {
  padding-right: 240px;
  margin-top: 25px;
  }
#scribbleArea {
  width: 950px;
  padding: 0 5px;
  }
#leftBar {
  width: 230px;
  padding: 0px 1px 0px 3px;
  clear: left;
  float: left;
  }
#content {
  width: 620px;
  padding: 3px;
  float: left;
  }
#tellAFriend {
	background-color: #F6AF25;
	color: #FFFFFF;
	font-size: 125%;
	margin-left: 20px;
	margin-right: 20px;
}
.contentNoScribble {
  margin-top: 110px !important;
  }

.dashboard #content {
  width: 727px;
  margin-left: 0px;
  margin-top: 15px;
  }
  

#adBar {
  width: 180px;
  height: 500px;
  margin-left: 775px;
  position: absolute;
  }


/* General Elements */

a , a:visited{
  color: #2a3877;
  }
p  {
  margin-bottom: 1em;
  }
img {
  border: 0; /* So as to avoid ugly linked image borders */
  }
hr {
  margin: 10px 0 !important; 
  }
#content h5  {
  /* font-size: 16px; */
  color: #575757;
  margin: 10px 0;
  }
.footnote {
  font-size: 10px;
  }
.hide {
  padding-bottom: 0 !important;
  display: none;
  }
.closed {
  padding-bottom: 0;
  }
.openClose {
  text-decoration: none;
  font-family:verdana;
  font-size:13px;
  font-weight:bold;
  color:#2e7672;
  }
  .small_openClose{
  	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  }
  a.openClose:visited{
  	color:#2e7672;
  }
.openCloseRow {
  height: 3em;
  padding-top: 5px;
  }
table {
  width: auto;
  }
.nestedTable {
  width: 100%;
  margin-bottom: 0;
  }
.nestedTable td {
  padding: 2px 0 !important;
  }
.tdCenter {
  text-align: center;
  }
.tdRight, .alignRight {
  text-align: right;
  }
.tdLeft {
  text-align: left;
  }
.tdTop, .detailList td {
  vertical-align: top;
  }
.trGray {
  background: #f5f5f5;
  }
.trDark {
  background: #d0d1d8;
  }
.divLine {
  padding-top: 4px;
  border-top: 1px solid #ababab;
  }
.floatRight {
  float: right;
  }
.floatLeft {
  float: left;
  }
.mozFix { /* This is a fix for Firefox, to have non-floating elements clear floating elements */
  clear: both;
  }
.green { color:#fff; background: green !important; } /* To override other background elements */
.yellow { background: yellow !important; }
.purple { color:#fff; background: purple !important; }
.orange { background: orange !important; }
.calHighlight { background: #72db64 !important; }
.square {
  width: 20px;
  height: 20px;
  }
.static {
  width: auto;
  }
.goldAnchor{
  color: #FFCC66;
}
.newsSelect{
 font-family: Verdana;
 font-weight:normal; 
 font-size: 12px;
}

/* General Table Elements */



/* General Form Elements */

textarea {
  width: 90%;
  font-size: 11px;
  font-family: Verdana, serif;
  color: #292929;
  padding: 2px 5px;
  margin-top: 5px 0;
  }
.button {
  font-size: 11px;
  padding: 1px;
  }
.input, .inputSmall, .inputLarge, .inputZip {
  font-size: 11px;
  font-family: Verdana, serif;
  color: #292929;
  padding: 2px;
  margin-right: 5px;
  }
.untilInput {
  width: 138px;
  }
.inputZip {
  width: 75px;
  }
.inputLong {
  width: 310px;
  font-size: 11px;
  font-family: Verdana, serif;
  color: #292929;
  padding: 2px;
  margin-right: 5px;
  }
.inputFull {
  width: 97% !important;
  }
.previewInput {
  color: #292929;
  }
.inputSmall {
  width: 30px !important;
  }
.inputLarge {
  width: 200px;
  }
select {
  font-size: 11px;
  padding: 1px;
  }
option {
  padding-right: 10px;
  }
.buttonRow {
  text-align: right;
  padding: 5px 10px;
  }
.buttonRow a {
  margin-top: 4px;
  }
.smallMenu {
  font-size: 11px;
  font-weight: normal;
  margin: 0px 2px;
  float: right;
  }
.smallMenu a {
  margin-left: 25px;
  color:#337e77;
  }
  .smallMenu a:visited{
  	color:#337e77;
  }

/* Header - Top Header Nav that appears on all pages except for popups */
.generalNav {
  font-size: 11px;
  vertical-align: bottom;
  padding: 5px;
  }
.generalNav ul li a {
  padding: 0 25px;
  }
.generalNav ul {
  float: right;
  }
.generalNav ul li {
  list-style: none;
  margin-bottom: 5px;
  float: left;
  }

/* Tabs */

#mainTabs {
  margin-right: 20px;
  }
#extraLinks {
  position: absolute;
  top: 22px;
  margin-left: 325px;
  }
#extraLinks li a {
  padding: 0 10px;
  }

.tabMenu {
  margin-top: 1px;
  }
  
.tabMenu li {
  font-size: 12px;
  list-style: none;
  margin-bottom: 10px;
  float: left;
 }
 
.tabMenu li a {
  padding: 3px 5px;
  display: block;
 }
.tabMenu li a.active {
  text-decoration: none;
  color: #fff;
 }

/* Footer - bottom footer that appears at the bottom of all pages except for popups */

#footer {
  height: 17px;
  font-size: 10px;
  color: #ababab;
  padding: 8px 10px 0 10px;
  clear: both;
  background: url('../img/bkg_footer.gif') top;
  }
#footer span a{
	color:#2a3877;
}
#footer span a:visited{
	color:#2a3877;
}
/* Groups Selection */

#subjects {
 width: 100%;
 margin: 0 auto;
 height: 20em;
 }
#subjects h3 {
 font-size: 90%;
 color: #575757;
 margin-left: 3px;
 background: none;
 }
.subject {
 margin-right: .5em;
 float: left;
 }
.subject select {
  width: 180px !important;
  }
.controls {
 margin: 40px 5px 0 5px;
 float: left;
 } 
.controls input {
  display: block;
  margin-bottom: 1em;
  }

/* For Yes, No Attendees */

#leftCol .attendees {
  width: 75px;
  }
.popupLarge .attendees {
  width: 150px;
  margin: 10px 0 0 28px;
  overflow:auto;
  }
.attendees li {
  width: 12px;
  font-size: 10px;
  text-align: center;
  list-style: none;
  padding: 1px 3px 0 0;
  white-space: nowrap;
  float: left;
  border-top: 1px solid #575757;
  border-right: 1px solid #575757;
  border-bottom: 1px solid #575757;
  }
.popupLarge .attendees li {
  width: auto;
  padding: 0;
  border: 1px solid #ababab;
  }
.popupLarge .attendees li a {
  text-decoration: none;
  padding: 2px 6px;
  display: block;
  }
.popupLarge .attendees li a:hover {
  color: #fff;
  background: #ababab;
  }

/* Import Boxes - Help */

#importHelp {
  /*width: 539px;*/
  padding-bottom: 10px;
  /*background: url('../img/rounded_bot.gif') no-repeat bottom left;*/
  margin-top:-3px;
  }
#importHelp h2 {
  padding: 20px;
  background: url('../img/rounded_top.gif') no-repeat top left;
  }
#importHelp h2 span {
  display: block;
  border-bottom: 2px dotted #9a9a9a;
  }
#importHelp #helpContent {
  padding: 22px;
  /*border-right: 2px solid #cdcdcd;
  border-left: 2px solid #cdcdcd;*/
  }
#importHelp .websiteText {
  padding: 0;
  margin: 0;
  /*margin-top: -15px;*/
  }
#importHelp #helpContent table td {
  padding: 3px 10px 0 0;
  }
#importHelp #helpContent #helpToc {
  width: 150px;
  margin: 0 0 15px 15px;
  float: right;
  }
#importHelp #helpContent #helpToc ul {
  width: 130px;
  list-style: none;
  padding: 10px;
  background: #eef7f6;
  }
#importHelp #helpContent #helpToc ul li a {
  font-size: 11px;
  color: #000;
  }
#importHelp #helpContent #helpToc ul li {
  margin-bottom: 7px;
  }
#importHelp #helpContent .footnote {
  font-size: 11px;
  line-height: 1.25em;
  margin-left: 25px;
  }
.importInfoSteps ul li {
  font-size: 12px;
  list-style-image: url('../img/bullet.gif');
  padding-left: 10px;
  margin: 0 0 5px 15px;
  }
.importInfoSteps ul li ul {
  margin-top: 4px;
  }
.importInfoSteps ul li ul li {
  padding-left: 0;
  list-style-image: url('../img/bullet_dash.gif');
  }
.importInfoSteps ul li table {
  margin: 0;
  display: block;
  }
.importInfoSteps h3 {
  font-size: 14px;
  margin-top: 5px;
  }
.importInfoSteps h4 {
  height: 33px;
  padding-left: 40px;
  margin: 20px 0 8px -14px;
  }
.importInfoSteps .oneLine {
  height: 25px;
  padding-top: 8px;
  }
.step1 {
  background: url('../img/1.gif') no-repeat left center;
  font-size: 12px;
  font-weight:bold;
  font-family:verdana;
  margin-left:-14px;
  padding-left:38px;
  padding-top:10px;
  padding-bottom:20px;
  }
.step2 {
  background: url('../img/2.gif') no-repeat left center;
  font-size: 12px;
  font-weight:bold;
  font-family:verdana;
  margin-left:-14px;
  padding-left:38px;
  padding-top:5px;
  padding-bottom:10px;
  }
.step3 {
  background: url('../img/3.gif') no-repeat left center;
  font-size: 12px;
  font-weight:bold;
  font-family:verdana;
  margin-left:-14px;
  padding-left:38px;
  padding-top:5px;
  padding-bottom:10px;
  }
.enlarge {
  font-size: 11px;
  color: #000;
  text-align: right;
  margin: 0;
  margin-top: -10px;
  }
.enlarge a {
  color: #000;
  }
.strongElement {  
  color: orange;
 }
.myInfo{
color: purple;
}



#miniCalContaner {
cursor:pointer;
height:37px;
background:none;
overflow:hidden;
position:absolute;
}

#miniCalContanerHover{
height:170px;
/*overflow:hidden;*/
/*border:1px solid #489f97;*/
background:none;
position:absolute;
cursor:pointer;
}

#tabsII {
  height:27px;
  line-height:27px;
  margin-bottom:-2px;
}
#tabsII ul {
margin:0px;
padding:0px;
list-style-type:none;
float:right;
}
#tabsII li {
  display:inline;
  margin:0px;
  padding:0px;
}
#tabsII ul li a{
	float:left;
	display:block;
	height:27px;
	margin-left:3px;
}

#tabsII ul li a.tabDash{
	background:url("../img/buttons/Dashboard.gif") no-repeat ;
	width:100px;
}

#tabsII ul li a.tabCCalen{
	background:url("../img/buttons/Community_Calendars.gif") no-repeat ;
	width:180px;
}

#tabsII ul li a.tabReso{
	background:url("../img/buttons/Resources.gif") no-repeat ;
	width:99px;
}

#tabsII ul li a.tabKnow{
	background:url("../img/buttons/In_the_Know.gif") no-repeat ;
	width:111px;
}

#tabsII ul li a.tabHoliday{
    background:url("../img/buttons/tab_holidays.png") no-repeat ;
    width:121px;
    top:-18px;
    position: relative;
    height:45px;
}

#tabsII ul li a.tabCamp{
    background:url("../img/buttons/tab_camp.png") no-repeat ;
    width:121px;
    top:-8px;
    position: relative;
    height:35px;
}

#tabsII span{
	width:21px;
	display:block;
	height:27px;
	float:right;
}

input[type="button"]
{
  font-size:12px;
  font-family:Arial,sans-serif;
  font-weight:bold;
  color:#444444;
  background-color:#EEEEEE;
  border-color:#999999;
  border-width:1px;
  cursor:pointer;
}


/* Import Boxes - Help */
/*
#importHelp {
  width: 539px;
  padding-bottom: 10px;
  background: url('../img/rounded_bot.gif') no-repeat bottom left;
  }
#importHelp h2 {
  padding: 20px;
  background: url('../img/rounded_top.gif') no-repeat top left;
  }
#importHelp h2 span {
  display: block;
  border-bottom: 2px dotted #9a9a9a;
  }
#importHelp #helpContent {
  padding: 20px;
  border-right: 2px solid #cdcdcd;
  border-left: 2px solid #cdcdcd;
  }
#importHelp .websiteText {
  padding: 0;
  margin: 0;
  margin-top: -15px;
  }
#importHelp #helpContent table td {
  padding: 3px 10px 0 0;
  }
#importHelp #helpContent #helpToc {
  width: 150px;
  margin: 0 0 15px 15px;
  float: right;
  }
#importHelp #helpContent #helpToc ul {
  width: 130px;
  list-style: none;
  padding: 10px;
  background: #fcdcb6;
  }
#importHelp #helpContent #helpToc ul li a {
  font-size: 11px;
  color: #000;
  }
#importHelp #helpContent #helpToc ul li {
  margin-bottom: 7px;
  }
#importHelp #helpContent .footnote {
  font-size: 11px;
  line-height: 1.25em;
  margin-left: 25px;
  }
.importInfoSteps ul li {
  font-size: 12px;
  list-style-image: url('../img/bullet.gif');
  padding-left: 10px;
  margin: 0 0 5px 15px;
  }
.importInfoSteps ul li ul {
  margin-top: 4px;
  }
.importInfoSteps ul li ul li {
  padding-left: 0;
  list-style-image: url('../img/bullet_dash.gif');
  }
.importInfoSteps ul li table {
  margin: 0;
  display: inline;
  }
.importInfoSteps h3 {
  font-size: 14px;
  margin-top: 5px;
  }
.importInfoSteps h4 {
  height: 33px;
  padding-left: 40px;
  margin: 20px 0 8px -14px;
  }
.importInfoSteps .oneLine {
  height: 25px;
  padding-top: 8px;
  }
.step1 {
  background: url('../img/1.gif') no-repeat left center;
  }
.step2 {
  background: url('../img/2.gif') no-repeat left center;
  }
.step3 {
  background: url('../img/3.gif') no-repeat left center;
  }
.enlarge {
  font-size: 11px;
  color: #000;
  text-align: right;
  margin: 0;
  margin-top: -10px;
  }
.enlarge a {
  color: #000;
  }
*/

.holidays {
  width: 721px;
  background: url('../img/bkg_holidays.jpg') top left no-repeat;
  }
.holidays img {
  border: none;
  }
.holidays a {
  outline: none;
  }
  

#calendarsBox1 {
  width: 492px;
  }
#calendarsBox1 table td a {
  color: #fff;
  }
#calendarsBox1 table td.arrow {
  vertical-align: middle;
  text-align: center;
  }
#calendarsBox1 h5 {
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
  }
#calendarsBox1 table td p, #calendarsBox1 table td ul li {
  font-size: 11px;
  font-weight: normal;
  color: #383816;
  padding: 0;
  padding-right: 15px;
  font-family:verdana;
  }
#calendarsBox1 table td ul li { margin-left: 25px; }
  
  /*#calendarsBox {
	  width: 492px;
	  padding-bottom: 15px;
	  margin-top: -10px !important;
	  margin-left: 15px;
	  background: #fff url('../img/calendarBox_bot_holidays.png') no-repeat bottom left !important;
	  }
	#calendarsBox h4 {
	  font-size: 14px;
	  color: #fff;
	  padding: 9px 15px;
	  margin-bottom: 0;
	  background: #fff url('../img/calendarBox_top_holidays.png') no-repeat top left !important;
	  }
	#calendarsBox table td {
	  padding-bottom: 15px;
	  background: none !important;
	  }
	#calendarsBox table td a {
	  color: #fff;
	  }
	#calendarsBox table td.arrow {
	  vertical-align: middle;
	  text-align: center;
	  }
	#calendarsBox h5 {
	  font-size: 14px;
	  color: #fff;
	  margin-bottom: 10px;
	  }
	#calendarsBox p {
	  font-size: 11px;
	  padding: 0;
	  padding-right: 15px;
	  }
	#calendarList {
	  width: 227px;
	  height: 81px;
	  margin-left: 10px;
	  padding-left: 8px;
	  background: url('../img/calendarBox_holidays.png') no-repeat top left !important;
	  }
	#calendarsBox table {
	  background: none;
	  }
	.holidayList li {
	  width: 110px;
	  font-family: Arial, sans-serif;
	  font-size: 11px;
	  color: #222856;
	  list-style: none;
	  padding: 1px 0;
	  float: left;
	  }
	.holidayList li a {
	  color: #222856;
	  }
	#calendarList ul {
	  width: 215px;
	  height: 81px;
	  overflow: hidden;
	  }
	#calendarList ul li {
	  font-size: 11px;
	  margin: 2px 0;
	  }
	#calendarList ul li a {
	  color: #2d2d2d;
	  text-decoration: none;
	  }
	#calendarList ul li a:hover {
	  text-decoration: underline;
	  }*/
/* FAQ pages */

#faq {
  
  background-color: #fff;
  }

#faq ul {
  margin-bottom: 1em;
  }
#faq ul li {
  font-size: 12px;
  line-height: 1.5em;
  margin-left: 3em;
  }

#faq #wrapper {
  width: 800px;
  padding: 190px 0 10px 0;
  margin-bottom: 25px;
  background: url('../image/joonersLogo8.jpg') no-repeat left top !important;
  }

#faq h3 {
  font-family: Verdana, serif;
  font-size: 16px;
  text-align: center;
  color: #ff7000;
  margin-bottom: 5px;
  }
#faq h4 {
  font-family: Verdana, serif;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 20px;
  }

#faq .websiteText {
  font-family: Verdana, serif;
  margin-bottom: 50px;
  margin-left: 125px;
  }
#faq .websiteText strong {
	font-family: Verdana, serif;
}
#faq .websiteText em {
  font-family: Verdana, serif;
  font-weight: bold;
  }
#faq .websiteText ol {
  margin-bottom: 15px;
  }
#faq .websiteText ol li {
  font-size: 12px;
  margin: 0 0 5px 2em;
  }

.dashBoxes {
  width: 746px;
  margin: 0 auto 35px auto;
  }
.dashBoxes td.faqBox {
  vertical-align: bottom;
  }
.dashBoxes td.faqLine {
  vertical-align: top;
  text-align: center;
  }
.dashBoxes a {
  text-decoration: none;
  outline: none;
  }
.dashTop, .calendarsTop, .resourcesTop, .knowTop {
  width: 179px;
  height: 35px;
  }
.dashTop a, .calendarsTop a, .resourcesTop a, .knowTop a {
  height: 35px;
  }
.mid a {
  width: 147px;
  font-size: 12px;
  padding: 10px 15px !important;
  }
.bot {
  height: 10px !important;
  }

.dashTop {
  background: url('../img/faq/tab_dashboard.gif') no-repeat top left;
  }
.dashMid {
  border-right: 1px solid #6baba7;
  border-left: 1px solid #6baba7;
  background: #fef0c5;
  }
.dashBot {
  background: url('../img/faq/bot_dashboard.gif') no-repeat top left;
  }

.calendarsTop {
  background: url('../img/faq/tab_calendars.gif') no-repeat top left;
  }
.calendarsMid {
  border-right: 1px solid #6baba7;
  border-left: 1px solid #6baba7;
  background: #fffcf1;
  }
.calendarsBot {
  background: url('../img/faq/bot_calendars.gif') no-repeat top left;
  }

.resourcesTop {
  background: url('../img/faq/tab_resources.gif') no-repeat top left;
  }
.resourcesMid {
  border-right: 1px solid #cc464a;
  border-left: 1px solid #cc464a;
  background: #fffbec;
  }
.resourcesBot {
  background: url('../img/faq/bot_resources.gif') no-repeat top left;
  }

.knowTop {
  background: url('../img/faq/tab_know.gif') no-repeat top left;
  }
.knowMid {
  border-right: 1px solid #f7b730;
  border-left: 1px solid #f7b730;
  background: #fffbec;
  }
.knowBot {
  background: url('../img/faq/bot_know.gif') no-repeat top left;
  }

.privatePublic {
  height: 43px;
  background: url('../img/faq/privatePublic.gif') no-repeat top left;
  }

#faq #homeFooter {
  width: 785px;
  padding: 6px 15px 0 0;
  border-top: 1px solid #ff7000;
  }
/*
.dashboardCamp { width: 649px; height: 375px; padding: 65px 5px 30px 80px; background: url('../img/bkg_dash_campDesign.png') no-repeat top left !important; }
.dashboardCamp p { font-size: 11px; font-family: Verdana; line-height: 1.5em; }
.subjects { width: 460px; margin-top: 15px; }
.subjects td { padding: 10px 0; }
.subjects td a  { font-size: 12px; font-family: Verdana, serif; font-weight: bold; color: #333f19; padding: 8px 0 5px 30px; background-position: left center; }

#helpMe { width: 119px; height: 180px; padding: 20px 25px; margin: -10px 6px 0 0; float: right; }
#helpMe h3 a { font-size: 15px; font-weight: bold; color: #0a5a6e; padding-right: 30px; margin-bottom: .5em; background: url('../img/help_arrow.png') no-repeat right center; }
#helpMe ul { margin-top: 10px; }
#helpMe ul li { font-size: 11px; font-family: Verdana, serif; line-height: 1.5em; margin-bottom: 5px; }
*/
/*
body { padding: 15px; }
#tabsII .tabCamp { width: 191px !important; background: url('img/tab_sportCamp.jpg') !important; }
.dashboardCamp { width: 734px; height: 448px !important; padding-top: 20px; padding-right: 0; padding-left: 0; background: url('img/bkg_dash_campDesign.png') no-repeat !important; }
.dashboardCamp table td { vertical-align: top; padding: 0 15px; }

#helpMe { width: 163px; padding: 0; margin: 20px 10px 0 0; }
#helpMe ul li { margin-left: 15px; }
table.subjects { width: auto; margin: 0; }
table.subjects td { padding: 6px 0; }
table.subjects td a { font-weight: normal; }
#campListings { padding: 15px 0 15px 65px; background: url('img/icon_tent.gif') no-repeat 0 10px; }
#organizeTeam { padding: 15px 0 15px 65px; background: url('img/icon_mitt.gif') no-repeat 0 10px; }
#campListings h3, #organizeTeam h3 { font-size: 16px; color: #5b863f; }
#organizeScreens { height: 282px; background: url('img/screens.png') no-repeat left center; }
#organizeScreens a { font-family: Verdana, serif; color: #101010; }
#organizeScreens p { font-weight: bold; line-height: 1.2em; }
*/