/* Few styles added by Jon */
body { margin: 0px; font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;  }

h1 {
	
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 15px;
}

/* styles common to all pages */
.quote {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
}
.enroletext {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 140%;
}




a.newsletter {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}



a.newsletter:hover {

	text-decoration: underline;
}

.sidebarday {
 }
 
 a.sidebarclub { }
 a.sidebarclub:hover { }


/* styles for red clubs and services page */

.redheader {
	font-size: 14px;
	font-weight: bold;
	color: #9933CC;
	margin-left: 25px;
}

.redcontent {
	line-height: 150%;
	color: #FFFFFF;
	margin-left: 15px;
}
a.redcontent {
	color: #FFFFFF;
}
a.redcontent:hover { }

.redaddress {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.reddays {
	font-size: 12px;
	font-weight: bold;
}
a.reddays {
	color: #FFFFFF;
	text-decoration: none;
}
a.reddays:hover {
	text-decoration: underline;
}

.redtimes { }
.redages { }

/* styles for purple info pages */
.purpleheader {
	margin-left: 15px;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.purplecontent {

	font-size: 12px;
	line-height: 140%;
	color: #FFFFFF;
	margin: 15px;
}

/*styles for blue contact page */

.blueheader {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-left: 20px;
}

.blueheader2 {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin-left: 20px;
}

.bluecontent {
	font-size: 15px;
	color: #FFFFFF;
	margin-left: 50px;
}
a.bluecontent2 { 
	color: #FFFFFF;
}
a.bluecontent2:hover { color:#FFFFCC}


/* styles for ornge vacancies layer */

.orangecontent {
	line-height: 150%;
	color: #000000;
	margin: 15px 15px 15px 20px;
}
a.orangecontent { }
a.orangecontent:hover { }

.orangeheader {
	color: #993399;
	margin-left: 20px;
	font-size: 14px;
	font-weight: bold;
}

.orangejobtitle {
	color: #993399;
	font-size: 13px;
	font-weight: bold;
}

.orangeclosedate {
	font-weight: bold;
	color: #FFFFFF;
}





/* footer text */

.footer {
	color: #FFFFFF;
	font-size: 14px;
}

.yellowlink, .purplelink, .bluelink, .redlink, .orangelink {  color: #FFFFFF; }

.enrole {
	font-size: 13px;
	font-style: italic;
	color: #000000;
	padding: 10px;
}
.yellowinlinetitle {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

li.hopper {

	font-size: 24px;
	font-weight: bold;
	color: #993399;
	list-style-image: url(../../img/yellow/hopper_small.gif);
	margin-left: 150px;
	line-height: 120%;
}

/* dropdowns */

.dropdownYellow {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	height: 23px;
	width: 106px;
	padding-left: 9px;
	padding-top: 7px;
	text-decoration:none;
}

.dropdownYellow:hover  { color: #000; background-image: url(../../img/common/yellow_on.gif); background-repeat: no-repeat; background-position: 0 0 }



.dropdownRed   { color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none; background-image: url(../../img/common/red_off.gif); display: block; padding-top: 7px; padding-left: 9px; width: 106px; height: 23px }

.dropdownRed:hover  { color: #000000; background-image: url(../../img/common/red_on.gif); background-repeat: no-repeat }

.dropdownPurple   { color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none; background-image: url(../../img/common/purple_off.gif); display: block; padding-top: 7px; padding-left: 9px; width: 106px; height: 23px }



.dropdownPurple:hover  { color: #000000; background-image: url(../../img/common/purple_on.gif); background-repeat: no-repeat }

.smallprint { font-size:10px; color:#FFFFFF; }
a.smallprint { color:#FFFFFF; }
a.smallprint:hover { color:#999999; }.quotecredit {
	font-size: 12px;
	font-style: italic;
	color: #FFFFFF;
}


/* Added by Jon */
#nextprev { text-transform: uppercase; border: 1px solid #000; margin: 10px 0; padding: 3px 2px; }
#nextprev p { margin: 0; padding: 0; font-size: 11px;}
#nextprev .next {  width: 18%; display: block; float: left; text-align: right;}
#nextprev .previous { width: 18%; display: block; float: left;}
#nextprev .stats { font-weight: bold; width: 27%; display: block; float: left; text-align: center;}
#nextprev .clear { clear: all; }

#thumbs {}
#thumbs p {margin: 0; padding: 0; width: 148px; float: left; text-align: center; }
#thumbs .clear {clear: left; height: 10px;}
#thumbs .clear hr {display: none;}
#thumbs img {border: none;}

#fullsize {}
#fullsize p {text-align: center;}
#fullsize p.caption {font-style: italic;}