/* The main style sheet for CMX JumpStart Tahoe. */
/* This is the commented version, which fully explains all the rules within for your ease in understanding what each one does and how to modify it properly for your own design. In order to keep your file size low, it is recommended that you use the uncommented version of this sheet for the actual live deployment on your site. */

body {
	padding: 0; /* Makes Win IE 5.5 and 5.0 center the design (bug). */
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	background-color: #FFFFFF;
	font-weight: normal;
	
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#holder {

	margin: 0 auto; /* Centers the overall design in standards-compliant browsers. */
	text-align: left; /* Resets the text alignment from center to left to override hack on body above. */
	position: relative; /* Gives the div positioning so that an absolutely positioned div (AP Div) descendant can be placed in relation to it. Otherwise, the AP Div would be placed relative to the body element (or the last positioned parent element). */
	background-color: #fff;
}

/* The following hack is read only by Mac IE. It gives it a fixed width for the holder div since Mac IE doesn't support min- and max-width. Be sure you do not add any comments INSIDE the hack or it will close. */
/*\*//*/
#holder {
	width: 750px;
	}
/* End show to Mac IE. */

#inner {
}

/* Needed for compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to the holder div. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top edge of the holder div. */
	left: 0; /* Places the div at the left edge of the holder div. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

#header {
	position: relative;
	background-color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
	height: 120px;
}

#header p {

	display: none;
	visibility: hidden;
}
#header a:link, 
#header a:visited { /* Sets the styling of the links in the header. */
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#header a:hover, 
#header a:active, 
#header a:focus { /* Sets the styling of the links when hovered, clicked on, or otherwise in focus. */
	text-decoration: underline;
}
#logo {
	width: 243px; /* This is the width of the logo image. */
	height: 120px; /* This is the height of the logo image. */
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to the header div. */
	top: 0px; /* Places the top of the div 36 pixels from the top of the header div. */
	left: 0px;
}


#content {
}

/* The following selectors are styling for the content div's headings, paragraphs and links. */
#content h2 {
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	font-weight: bold;
	line-height: normal;
}
#content h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16pt;
	color: #000000;
}
#holder #inner #content #fpnews h2 {
	background-repeat: repeat-x;
	background-position: left top;
}
#content h3 {
	font-size: 14pt;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
}
#content h4 {
	font-size: 13pt;
		color: #0F07A5;
	font-family: "Times New Roman", Times, serif;
}
#content p {
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	line-height: 110%;
}
#holder #inner #content #fpnewsitems #newsNav {
	display: none;
	visibility: hidden;
}
#holder #inner #content #fpnewsfooter {
}
#content p.newsdate {
	font-size: 10pt;
	font-style: italic;
}
#content dt {
	color: #333;
	font: .75em/135% "Times New Roman", Times, serif;
}
#content dd {
	color: #333;
	font: .75em/135% "Times New Roman", Times, serif;
}

#content .link { /* Creates the larger Learn More link at the bottom of the page. */
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
}
#holder #inner #content li {
	font-family: "Times New Roman", Times, serif;
	color: #333;
	font-size: 100%;
	line-height: 135%;
}

.internal {
	font-size: 0.75em;
}
#content a:link, 
#content a:visited {
	text-decoration: none;
	color: #000;
}
#content a:hover, 
#content a:active, 
#content a:focus {
	text-decoration: none;
}

#holder #inner #content ul {
	font-family: "Times New Roman", Times, serif;
	color: #000;
	font-size: 100%;
	line-height: 105%;
}


#content li {
	font-family: "Times New Roman", Times, serif;
	color: #000;
	font-size: 100%;
	line-height: 105%;
}




/* The following selectors control the sidebar/navigational area. */
#sidebar {

	display: none; 
}
#holder #inner #sidebar #features #vision {
	display: block;
	visibility: visible;
}



/* The following selectors create the button look from list items in an unordered list. */
ul#nav {
	padding: 0; /* Removes default padding and margin to create a level playing field between browsers. */
	margin: 0;
	list-style: none; /* Removes the list marker (bullet) from the list items. */
}
#nav li {
	padding-left: 20px; /* Clears the left side evenly all the way down. */
	font: .8em/110% "Times New Roman", Times, serif; /* Sets font size, line-height and list of possible families. */
}
#nav li.submenu {
	padding-left: 40px; /* Clears the left side evenly all the way down. */
	font: .8em/110% "Times New Roman", Times, serif; /* Sets font size, line-height and list of possible families. */
}

/* The below styles the button area next to the icon. */
#nav li a:link,
#nav li a:visited {
	display: block; /* Turns the A element into a solid block and thus clickable all the way across (not just on the words). */
	background: #fff; /* Overall background color of the button area. */
	color: #0F07A5; /* Text color. */
	font-weight: bold; /* Makes the link text appear bolded. */
	text-decoration: none; /* Creates the area within the button and keeps its text away from the edges of its background. */
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 10px;
	border: 1px solid #0F07A5;
}

.newItems{
	color: #CC0000;
	text-decoration: blink;
}



/* The below styles the button area next to the icon. */
#nav li.submenu a:link,
#nav li.submenu a:visited {
	display: block; /* Overall background color of the button area. */
	color: #0F07A5; /* Text color. */
	font-weight: bold; /* Makes the link text appear bolded. */
	text-decoration: none; /* Creates the area within the button and keeps its text away from the edges of its background. */
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 10px;
	border: 1px solid #0F07A5;
	background-color: #DDE2FA;
}
#nav li.submenu a:hover, 
#nav li.submenu a:active, 
#nav li.submenu a:focus {
	background-color: #FEEB00;
	color: #0F07A5;
}
#nav li a:hover, 
#nav li a:active, 
#nav li a:focus {
	background-color: #FEEB00;
}


#nav li.submenuadmin {
	padding-left: 40px; /* Clears the left side evenly all the way down. */
	font: .8em/110% "Times New Roman", Times, serif; /* Sets font size, line-height and list of possible families. */
}
/* The below styles the button area next to the icon. */
#nav li.submenuadmin a:link,
#nav li.submenuadmin a:visited {
	display: block; /* Overall background color of the button area. */
	color: #000000; /* Text color. */
	font-weight: bold; /* Makes the link text appear bolded. */
	text-decoration: none; /* Creates the area within the button and keeps its text away from the edges of its background. */
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 10px;
	border: 1px solid #000000;
	background-color: #F9D3D1;
}
#nav li.submenuadmin a:hover, 
#nav li.submenuadmin a:active, 
#nav li.submenuadmin a:focus {
	background-color: #FF0000;
	color: #FFFFFF;
}

/* The following selectors create the photo/info teaser area below the navigation. */
#features {
	padding-bottom: 10px; /* Creates a little space between the end of the content of the div and its bottom background image strip. */
	background-color: #fff;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
}

#features h2 {
	margin-left: 0; /* Overrides the left margin set on "#sidebar h2" if one of those h2 element is also within the features div. The features div is already over 20px from the left margin and we don't want more space within it. We want the h2 element to go all the way across. */
	font-size: 0.9em;
	font-weight: bold;
}
.tagline {
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
}

#features p {
	font-size: 0.70em;
	line-height: 120%;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 8px;
}

/* The next two selectors simply create the black footer area of the page. */
#bottom {
	bottom: 0px;
}
#pagebott {
	min-width: 580px; /* Sets minimum width to 20px less than that set on the holder div to make up for the 10px on each side of the holder div that are removed by its side margins. */
	max-width: 1160px; /* Sets the background color. */
	margin: 0 auto;
	border-right-style: none;
	border-left-style: none;
	color: #333333;
	text-align: left;
	border-top-style: none;
	border-bottom-style: none;
}

#pagebott p {
	margin: 0; /* Removes default margin. */
	text-align: left; /* Center aligns the text. */
	font-size: 8pt; /* Sets a font size slightly smaller than the main page text. */
	color: #333333; /* Sets a color without as much contrast as the main page text so that this doesn't jump out. */
	padding: 5px; /* Creates a small amount of space between the text and edges of the background. */
	letter-spacing: 0.06em; /* Creates small amount of space between letters in the text. */
}

/* The following selectors create the link and hover styling for the pagebott area. */
#pagebott a:link, 
#pagebott a:visited {
	color: #fff;
	text-decoration: underline;
}
#pagebott a:hover, 
#pagebott a:active, 
#pagebott a:focus {
	color: #FEEB00;
	text-decoration: none;
}


/* The following selectors are the form styles for contact.htm */
#content form {
	margin: 0; /* Removes the margin some browsers add by default. */
	padding: 0 0 10px; /* Creates 10px of padding at the bottom of the form. */
  	float: left; /* Keeps the internal clearing BR's within the form from clearing the external floated side column. */
	width: 100%; /* Makes form take up whole width of content div so that content following the form will not wrap on its right side. */
}	

/* The following hack can only be read by Mac IE and removes the floats from the inputs and textareas to avoid bugs. Luckily, Mac IE is good without floating. Be sure you do not add any comments INSIDE the hack or it will close. */
/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to Mac IE. */

/* This selector can be used on input boxes you want to be shorter than the normal ones. */
#content input.sminp {
	width: 110px; /* Smaller width. */
	margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}

/* The following changes the colors of the inputs and textareas when the cursor is inside, in supported browsers. 
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #FFFFFF;
	background-color: #0F07A5;
}*/

/* These float styles can be used to float images with text next to them. */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}

.brclear { /* Use a break with this class to clear float containers on both sides. */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.clearrt { /* Use a break with this class to clear float containers only on the right (so as not to clear the left floated sidebar, for instance). */
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
#vision {
	height: auto;
	width: 210px;
	border: 1px solid #0F07A5;
	background-color: #0F07A5;
	color: #FFFFFF;
}
#goclub {
	position:absolute;
	width:110px;
	height:110px;
	left: 260px;
	top: 0px;
}

#comingevents h2 {
	color: #0F07A5;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: bold;
}
#leftcol {
	float: left;
	position: relative;
	border: 1px dotted #FEEB00;
	width: 100%;
	font-size: 0.8em;
}

#leftcol h2 {

	font-size: 1em;
	font-weight: bold;
	color: #FEEB00;
	background-color: #FFFBE9;
}

#rightcol {
	float: right;
	width: 48%;
	position: relative;
}




#comingevents {
	width: 195px;
	background-image: url(../images/events_bg_yellow.gif);
	background-position: left bottom;
	margin-bottom: 10px;
	float: left;
	}

#comingevents h2 {
	min-height: 18px;
	margin-top: 0;
	padding: 5px 3px 3px 29px;
	font-size: 80%;
	color: #000099;
	background-image: url(../images/events_header_bg_yellow.gif);
	background-repeat: no-repeat;
}


#comingevents .events {
	background-image: none;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

#feature {


	margin-bottom: 10px;
	}

	
#feature .events h2 {
	background-image: url(../images/newsHeader.jpg);
	background-position: left top;
	color: #FFFFFF;
	font-size: 0.8em;
	height: 24px;
	vertical-align: middle;
	background-repeat: repeat-x;
}

#feature .events {
	background-image: none;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

#closing {
	width: 195px;
	background-image: url(../images/entry_close_bg.gif);
	background-position: left bottom;
	float: right;
	margin-bottom: 10px;
	}
	
#closing h2 {
	min-height: 18px;
	margin-top: 0;
	padding: 5px 3px 3px 29px;
	background: url(../images/entry_close_header_bg.gif) no-repeat;
	font-size: 80%;
	color: #FFFFFF;
	}

#closing .events {
	background-image: none;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}	
#holder #inner #content #pageLinks a {
	font-size: 0.8em;
}
#content table {
	color: #333;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-left-style: dotted;
	border-top-color: #000033;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
}
#content table td {
	color: #333;
	font: .75em/135% "Times New Roman", Times, serif;
	border-top-color: #000033;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	padding: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
}
#content table th {
	
	color: #0F07A5;
	border-top-color: #000033;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	padding: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.75em;
	line-height: 135%;
	font-weight: bold;
}
/* ------------------------------------------ Sponsor styles ---------------------------------------------- */

.sponsorTitle{
	margin: 10px 0px 0px 0px;
}

.sponsor {
	margin: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;	
}


.sponsor .pic img {
	float:left;
	margin: 0px;
	padding:3px;
	border:none;
	
}

.sponsor p{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px;
}

.sponsor .textContainer{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 120px;
}

.sponsor .interests{
	float:right;
	width:185px;
	margin: 5px 0px 5px 5px;
	padding: 0px;
	border-bottom:1px solid #ccc;
	background-color:#eee;
}

.sponsor .interests .intTitle {
	margin: 0px 0px 0px 0px;
	padding: 5px;
	color:#000;
	font-weight:700;
	border-bottom:1px solid #ccc;
}

.sponsor .interests p {
	margin: 0px 0px 0px 0px;
	padding: 5px;
}

.sponsor ul{
	 margin: 5px 5px 5px 20px;
	 padding:0px 0px 0px 0px;
	 list-style-type: disc;
}

#sponsor h2 {
	background-image: none;
	color: #000099;
	background-color: #CCCCCC;
	font-size: 105%;
	height: 18px;
	vertical-align: middle;
	margin-left: 3px;
}
.sponsor {
	margin: 3px;
	padding: 5px;
}

.pageBreak {
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000099;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 8px;
}
.pageBreakNoLine {
	clear:both;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 8px;
}
	
/* FORM CONTROLS  ------------------------------------------ */
/* --------------------------------------------------------- */	
	
input, textarea, select, file {
	font-size: 11px;
	border: 1px dotted #000099;
	padding: 1px;
}	
input:focus, textarea:focus, select:focus {
	color: #000066;
	border: 1px solid #000066;
	background-color: #FFFFCC;
}
input:hover, textarea:hover, select:hover {
	color: #000066;
	border: 1px solid #000066;
	background-color: #FFFC35;
}	
		
label {
	font-weight: bold;
	color: #000000;

}
#holder #inner #content #addStory table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#holder #inner #content #addStory table td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#holder #inner #content #fpnews {
	border: 1px solid #0F07A5;
	background-image: url(../images/newsHeader.jpg);
	background-repeat: repeat-x;
	background-position: left top;	

}

#holder #inner #content #fpnewsitems {
	
	padding: 5px;

}

#holder #inner #content #fpnewsitems h2 {
	margin-top: -5px;

}
#holder #inner #content #fpnewsfooter {
	background-image: url(../images/newsFooter.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 20px;
	display: none;
	visibility: hidden;
}
#holder #inner #content table.noBorder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#holder #inner #content table.noBorder td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: .75em;
}
#holder #inner #content table.storyTable {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 1.0em;
}
#holder #inner #content table.storyTable td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 1.0em;
}

.newsStory {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-bottom: 15px;
	padding-bottom: 20px;
}


#holder #inner #content .sponsorTable {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 8px;
}
#holder #inner #content .sponsorTable td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 8px;
	font-size: .9em;
}
.noDisplayScreen {
	display: none;
	visibility: hidden;
}
.noDisplayPrint {

}
#holder #inner #content .sponsorTable th {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 1px;
	font-size: 0.9em;
	font-weight: bold;
	color: #000099;
}
#holder #inner #content .sponsorTable td p {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0.75em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	line-height: 102%;
}
#holder #inner #content .sponsorTable td h4 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0.8em;
	padding-bottom: 2px;
}
#xtra {
	float: right;
	width: 195px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFFFFF;
	margin: 5px;
	display: none;
	visibility: hidden;
}
#xtra  dt {
	margin: 1em 0 0 0;
	font-weight: bold;
	font-size: 60%;
	}
#xtra dd {
	margin: 0;
	padding-bottom: 2px;
	font-size: 60%;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	}
	
#holder #inner #content #pageLinks {
	display: none;
}
#holder #inner #content .noDisplayPrint {
	display: none;
}
.newsStory {
	page-break-inside:avoid;
}
.permaStory {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-bottom: 15px;
	padding-bottom: 20px;
}
.printme {
	display: none;
	visibility: hidden;
}