/* Colors:
   FFCCCC: Salmon (Flat Pink)
   CCCCFF: Light Purple
   D4FFD4  Light Green
   DEF7FE: Light Blue
   FDEFD0: Tan
   EECBAD: Light Orange (PeachPuff2)
   D6D3CE: Previous Amazon Store bg color
*/

.logobyline {
font-family:			Verdana, Arial, Helvetica, sans-serif; 
font-size:				13px;
font-weight:			bold;
text-align:				center;
}

ul.offerings {
font-family:			'Roboto Slab', serif; 	/* was Verdana, Arial, Helvetica, sans-serif */
font-size:				14px;
list-style-type: 		none;
padding:				0;
margin: 				0;
}

li.offerings {
font-family:			'Roboto Slab', serif;	/* was Verdana, Arial, Helvetica, sans-serif */
font-size:				14px;
background-position: 	0.4em;
padding-left: 			2em;
}

#allcontent {
	width: 				800px;
	margin-top:			20px;					/* to show strip of background color across the top */
	padding-top:		5px;
	padding-bottom:		5px;
	background-color:	#fcfefc;				/* color of main body, surrounding columns 1 and 2 */
	text-align:			left;
	margin-left:		auto;
	margin-right:		auto;
}

#allcontent2 {
	width: 				95%;
	margin-top:			20px;					/* to show strip of background color across the top */
	padding-top:		5px;
	padding-bottom:		5px;
	background-color:	#fcfefc;				/* color of main body, surrounding columns 1 and 2 */
	text-align:			left;
	margin-left:		auto;
	margin-right:		auto;
	border-radius: 		15px;
	box-shadow: 		0px 0px 25px #000;
}

#allcontent3 {
	width: 				60%;
	margin-top:			20px;					/* to show strip of background color across the top */
	padding-top:		5px;
	padding-bottom:		5px;
	background-color:	#fcfefc;				/* color of main body, surrounding columns 1 and 2 */
	text-align:			left;
	margin-left:		auto;
	margin-right:		auto;
	border-radius: 		15px;
	box-shadow: 		0px 0px 25px #000;
}

#wrap {
	width: 758px
	margin: 0 auto;
	background: #FFCCCC;
}

#logoheader {
	height: 			59px;
	width:				100%;
	position:			relative;
	margin-left:		0px;
}

body {
	margin:				0px;
	color:				#333333;
	background-color:	#7faaff;				/* latest eeeeee; #e6e6e6=lt.grey color of floated edges 007fff*/
	text-align:			center;					/* Required to workaround checkout centering bug in IE; works with text-align:left in #allcontent CSS */
}

.headingcheckout {								/* NEW FOR CSS REWRITE OF CHECKOUT PAGES */
	color:				#C8D3E1;
	background-color:	#30435A;
	font-family: 		Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size: 			13px;
	font-weight:		bold;
	height:				20px;
	margin:				0px 50px 0px 50px;
	line-height:		1.3em;
	text-align:			center;	
}

.bodytextcheckout {
	font-family: 		Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size:			12px;
	margin:				10px 50px 10px 50px;
	text-align:			left;
}

.heading {
	font-family:		Georgia, "Times New Roman", Times, serif; 
	font-size:			22px; 
	color:				#999999; 
	margin-top:			24px; 
	margin-right:		0px; 
	margin-bottom:		12px; 
	margin-left:		60px;
}

.heading1 {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			15px; 
	font-weight:		bold; 
	color: 				#000000;
}

.heading2 {
	font-family:		'Gotham A', 'Gotham B', sans-serif; 
	font-size:			14px; 
	font-weight:		bold; 
	color:				rgb(193, 43, 39);
}

.mainparagraph {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			12px;
	color:				#000000;
	margin:				0px 0px 10px 0px;
}

.receiptmainparagraph {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			13px;
	color:				#000000;
	padding-left:		0px;
	margin:				0px 0px 10px 10px;
}

.headingparagraph {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			14px;
	color:				#000000;
	margin:				5px 5px 5px 5px;
}

.headingw {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			12px; 
	color: 				#999999;
	font-weight: 		normal;
}

.adspecial {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			14px;
	color:				#FFFFFF;
	background-color:	#D6D3CE;
}

b {
	color:				#9C7173;
	font-weight: 		bold;
}

.headmaincenter {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			medium;
	font-style:			normal;
	line-height:		normal;
	font-weight:		bold;
	font-variant:		normal;
	text-transform:		none;
	color:				#FF0000;
	text-align:			center;
	left:				12px;
}
.headmaincenter2 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			large;
	font-style:			normal;
	line-height:		normal;
	font-weight:		bold;
	font-variant:		normal;
	text-transform:		none;
	color:				black;
	text-align:			center;
}
	
.whatsnewheading {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			medium;
	font-style:			normal;
	line-height:		normal;
	font-weight:		bold;
	font-variant:		normal;
	text-transform:		none;
	margin:				5px 0px 0px 10px;
	color:				#000000;				/* was green 00cc00 */
	text-align:			left;
	left:				12px;
}

.whatsnewbody {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			12px;
	margin:				0px 0px 0px 0px;
	color:				#000000;
	text-indent:		0px;
}

.courselisting {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height:		1.4;
}
	
.coursetitle {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			14px;
	color:				#000000;
	font-weight:		bold; 
	margin:				10px 50px 10px 50px;
	position:			relative;	
	font-variant:		small-caps;
}

.coursetitle2 {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			14px;
	color:				blue;
	font-weight:		bold; 
	position:			relative;
	font-variant:		small-caps;
}

.coursetitlecheckout {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			14px;
	color:				#000000;
	font-weight:		bold; 
	margin:				10px 50px 0px 50px;
	position:			relative;	
	font-variant:		small-caps;
}

.courseprereq {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style:			italic;
	color:				#000000;
	margin:				10px 50px 10px 50px;
}

.spacesremaining {
	font-family:		Helvetica, Arial, Verdana, sans-serif;
	font-size:			13px;
	font-weight:		bold;
	font-variant:		normal;
	color:				#000000;
	margin:				10px 50px 10px 50px;
}

.coursedesc {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		normal;
	margin:				20px 50px 20px 50px;
}

.courseid {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style:			normal;
	color:				black;
	font-weight:		bold;
	font-variant:		small-caps;
}

.coursenumber {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style:			normal;
	color:				green;
	border-style:		solid;
	border-width:		1px;
	font-weight:		bold;
	font-variant:		small-caps;
}

.coursenumbercheckout {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style:			normal;
	color:				#000000;
	font-weight:		bold;
	font-variant:		small-caps;
	margin:				0px 50px 0px 50px;
}
.coursecategory {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			20px;
	font-weight:		bold;
	color:				#FF0000;
	font-style:			normal;
	line-height:		normal;
	font-variant:		normal;
	text-transform:		none;
	text-align:			center;
}

.temptimes {
	font-family:		"Times New Roman", Times, serif;
	font-size:			16px;
	font-variant:		normal;
	font-weight:		normal;
}

.tableheading1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#000000;
	font-weight:		bold;
}

.twocolumnspan {
	border-style:		solid;
	border-width:		1px;
	background-color:	#FFCCCC;				/*  FFCCCC = Salmon */
	padding:			5px 5px 5px 15px;
	margin:				10px 10px 10px 10px;
	width:				758px;
	text-align:			left;
	clear:				both;
}
.twocolumnspancourses {
	border-style:		solid;
	border-width:		1px;
	background-color:	#DEF7FE;				/* was FFCCCC = Salmon; color of 2-column span for All Courses page is now #DEF7FE = Light Blue  */
	padding:			5px 5px 10px 15px;
	margin:				10px 10px 10px 10px;
	width:				758px;
	text-align:			left;
	clear:				both;
}
.solidlinebox {
	display:			block;
	border-width:		1px;
	border-style:		solid;
}

.coloredbox1 {
	border-style:		solid;
	border-width:		1px;
	background:			#CCCCFF top left;		/* CCCCFF = Light Blue; color of left column box*/
	padding:			5px 15px 10px 15px;
	margin:				0px 10px 10px 10px;
	width:				351px;					/* left column */
	float:				left;
	text-align:			left;
	}
	
.coloredbox2 {
	border-style:		solid;
	border-width:		1px;
	background:			#FDEFD0 bottom right;	/* FDEFD0 = Tan; color of right column box */
	padding:			5px 15px 10px 15px;
	margin:				0px 10px 10px 400px;
	text-align:			left;
}

.coloredbox3 {
	border-style:		solid;
	border-width:		1px;
	background:			#daccff bottom right;	/* color of right column box */
	padding:			5px 15px 15px 15px;
	margin:				0px 10px 10px 400px;
	text-align:			left;
	}

.coloredbox4 {
	border-style:		solid;
	border-width:		1px;
	background:			#ffcccc bottom right;	/* salmon color */
	padding:			5px 15px 15px 15px;
	margin:				0px 10px 10px 400px;
	text-align:			left;
}

.coloredsubbox1 {
	border-style:		dashed;
	border-width:		2px;
	padding:			0px 10px 5px 10px;
	margin-top:			5px;
	background:			#D4FFD4 bottom right;	/* light green */	
}

.coloredsubbox2 {
	border-style:		dashed;
	border-width:		2px;
	padding:			0px 10px 5px 10px;
	margin-top:			5px;
	background:			#CCCCFF bottom right;	/* light purple */	
}

.coloredsubbox3 {
	border-style:		dashed;
	border-width:		2px;
	padding:			0px 10px 5px 10px;
	margin-top:			5px;
	background:			#FFCCCC bottom right;	/* salmon */	
}

.coloredsubbox4 {
	border-style:		dashed;
	border-width:		2px;
	padding:			0px 10px 5px 10px;
	margin-top:			5px;
	background:			#DEF7FE bottom right;	/* light blue */	
}

.footer {
	clear:				both;
	text-align:			center;
	font-size:			12px;
}

.footertext {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			11px;
	color: 				#000000;
	font-weight:		bold;
}

.blocktext {								/* to center images */
	text-align:			center;
}

.alignsocneticon {
	vertical-align:		middle;
}

p.nolineabove {
	margin-top:			0px;
	margin-bottom:		0px;
}
p.solidbox {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			12px;
	font-style:			italic;
	color:				#000000;
	border-style:		solid;
	border-width:		1px;
	padding:			2px;
}
.red {
	color:				red;
}
.centeredredbold {
	text-align:			center;
	color:				red;
	font-weight:		bold;
}

.centeredgreenbold {
	text-align:			center;
	color:				green;
	font-weight:		bold;
}

.solidboxcentered {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			12px;
	font-style:			italic;
	color:				#000000;
	border-style:		solid;
	border-width:		1px;
	padding:			2px;
}

.blackbold {
	color:				blue;
	font-weight:		bold;
}

.redbold {
	color:				red;
	font-weight:		bold;
}
.bluebold {
	color:				blue;
	font-weight:		bold;
}

.greenbold {
	color:				green;
	font-weight:		bold;
}

.whiteongreen {								/* for white bold on green background highlights */
	background:			green;
	font-weight:		bold;
	color:				#FFF;
}

.whiteonorange {								/* for white bold on green background highlights */
	text-align:			center;
	background:			orange;
	font-weight:		bold;
	color:				#FFF;
}

.whiteonred {								/* for white bold on red background highlights */
	text-align:			center;
	background:			red;
	font-weight:		bold;
	color:				#FFF;
}

.whiteonpurple {								/* for white bold on green background highlights */
	text-align:			center;
	background:			purple;
	font-weight:		bold;
	color:				#FFF;
}
	
.indented {									/* block indent */
	padding-left:		15px;
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			12px;
	color:				#000000;
	margin:				0px 0px 10px 0px;
}

.courseseparator {
	text-align:			center;
	font-size:			20px;
	font-weight:		bolder;
	color:				red;	
}

.centeredtext {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	text-align:		center;
}

.centeredmainheading {					/* for main page headings */
	font-family:		'Margarine', cursive;
	font-size:			22px;
	text-align:			center;
	background-color:	#660198;
	color:				#FFF;
	border-radius: 		10px;
	box-shadow: 		0px 0px 20px #000;
}

.centeredmainheading2 {					/* for main page headings, such as Register Party or Event */
	font-family:		'Margarine', cursive;
	font-size:			24px;
	font-weight:		bold;
	text-align:			center;
	color:				black;
}

.centeredsideblock {
	width:				220px;
	margin-left:		auto;
	margin-right:		auto;
}	
	
.centeredsideheading {					/* for main page headings */
	font-family:		'Margarine', cursive;
	font-size:			22px;
	text-align:			center;
	background-color:	#00918A;
	color:				#FFF;
	border-radius: 		10px;
	box-shadow: 		0px 0px 20px #000;
}

.centeredsideheadingsub {					/* for main page subheadings */
	font-family:		'Roboto Slab', serif;
	font-size:			15px;
	font-weight:		bolder;
	text-align:			center;
	color:				#000;
	padding-top:		7px;
}

.sidecategories {
	font-family:		'Roboto Slab', serif;
	font-size:			22px;
	color:				#000;
	text-align:			center;
	padding-bottom:		14px;	
}

.sideseparator {
	width:				70%;
	height:				2em;
	margin:				15px auto;
	margin-top:			0px;
	margin-bottom:		0px;
}

.sidetext {					/* for sidebar boxes */
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			12px;
	color:				#000;
	margin-left:		1em;
	margin-right:		1em;
	padding-top:		7px;
	padding-bottom:		7px;
}

.socmediaconslineup {
	width:				100%;
	display:			inline-block;
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
	border:				0;
}

.reportcategoryheading {
    font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			15px;
	color:				blue;
	font-weight:		bold; 
	margin:				10px 50px 10px 50px;
	position:			relative;
	text-align:			center;
}

.reportcounty {
    font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	margin:				10px 50px 10px 50px;
	margin-left:		70px;
	position:			relative;
	text-align:			left;	
	clear:				left;	
}

.reportrequest {
    font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	margin:				10px 50px 10px 50px;
	margin-left:		90px;
	position:			relative;
	text-align:			left;	
}

.reportrequest2 {
    font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	margin:				10px 50px 10px 50px;
	position:			relative;
	text-align:			center;	
}

/* Intranet CSS specifications */
.intraheading1 {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			16px; 
	font-weight:		bold; 
	color:				#000000;
	margin:				4px 2px 12px 2px;
}

.intraheading2 {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			12px; 
	font-weight:		bold; 
	color:				blue;
	margin:				12px 2px 8px 6px;
}

.intraheading3 {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			12px; 
	font-weight:		bold; 
	color:				black;
	text-indent:		15px;
	margin:				12px 2px 2px 2px;
}

.intramainparagraph {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			12px;
	color:				#000000;
	margin:				2px 2px 2px 2px;
}

.intraparaitem1 {
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			11px;
	text-indent:		15px;
	margin:				0px 2px 2px 2px;
}

.loginheader {
	margin: 			0 auto;
	width:				758px;
}

.loginwelcome {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			12px; 
	font-weight:		bold; 
	color:				#000000;
	margin-top:			10px;
	margin-left:		30px;
	margin-right:		30px;
	text-align:			left;
	float:				left;
}
	
.loginlink {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			12px; 
	font-weight:		bold; 
	color:				#000000;
	margin-top:			10px;	
	margin-left:		30px;
	margin-right:		30px;
	text-align:			right;
	float:				right;
}

/* CSS for Show/Hide text blocks */
.toggle-box {
  display: none;
}

.toggle-box + label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 5px;
}

.toggle-box + label + div {
  display: none;
  margin-bottom: 10px;
}

.toggle-box:checked + label + div {
  display: block;
}

.toggle-box + label:before {
/*  background-color: #4F5150; */
  background-color: #FF0000;		/* Background color of circle */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #FFFFFF;  					/* Color of content (plus sign) */
  content: "+";
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;oloredbox1
  
}
/* End of CSS for Show/Hide text blocks */

.toggle-box:checked + label:before {
  content: "\2212";
}
/* End of Intranet CSS specifications */