﻿/* CSS Document */

/* colors:

*/

/* ---------------------- */
/* Reset
------------------------- */

/* remember to define focus styles! */
*:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

caption, th {
	text-align: left;
}

abbr, acronym {
	border: 0;
}
/* ---------------------- */
/* MFT Defaults
------------------------- */
html {
	overflow-y: scroll;
}

body {
	font-size: 14px;
	text-align: center; /*IE6 center page fix*/
	margin: 0;
	background: #fff url(/images/BG.jpg) repeat-x;
	color: #333;
}

body {
	scrollbar-face-color: #ccc;
	scrollbar-highlight-color: #ccc;
	scrollbar-shadow-color: #ccc;
	scrollbar-3Dlight-color: #ccc;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-arrow-color: #eee;
	scrollbar-track-color: #eee;
}

body, input {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";
}

a:link, a:visited, a:active {
	color: #F57E20;
	text-decoration: none;
}

a:hover {
	color: #F57E20;
	text-decoration: underline;
}

h1, h1 a:link {
	font-size: 18px;
	text-decoration: none;
	color: #333;
}

h1 a:visited {
	text-decoration: none;
}

h1 a:hover, h1 a:active {
	text-decoration: none;
}

.subheadingLG { /*freestyle*/
	font-size: 1.4em;
	font-weight: bold;
}

.subheadingMED { /*freestyle*/
	font-size: 1.3em;
	font-weight: bold;
}

.subheadingSM { /*freestyle*/
	font-size: 1.2em;
	font-weight: bold;
}

h1, .subheadingLG, .subheadingMED, .subheadingSM, .bodyTextSM, .bodyTextLG, p {
	margin: 0 0 .8em 0;
	line-height: 1.3em;
}

.bodyTextSM { /*freestyle*/
	font-size: 10px;
}

.bodyTextLG { /*freestyle*/
	font-size: 1.1em;
}

ul {
	margin-left: 10px;
	padding: 0;
	list-style: none;
}

ul li {
	background: url(/Images/bullet_square_4x4.gif) left .5em no-repeat;
	padding: 0 0 0 10px;
}

ul li, ol li {
	margin-bottom: .5em;
}

th, td {
	vertical-align: top;
}

hr {
	/*border : 0;
	height : 1px;
	background: #666666;*/
	margin : 8px 0 20px 0;
	padding: 0;
	border: 1px groove;
	color:#F57E20;
}

input {
	vertical-align: middle;
}

input.text-button {
	padding-left: .5em;
	padding-right: .5em;
}

input.text-button, input.text-buttond {cursor:pointer}

/* fixes IE double-padding bug */
input.text-button {
	width: auto;
	overflow: visible;
}

ul.nav {
	margin: 0;
}

ul.nav li {
	margin: 0;
	padding: 0;
	background: none;
}

ul.nav li a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

.clearFix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body.confirm .content ul li {
	background: url(/images/icon-arrow-back.gif) left .45em no-repeat;
}

/* ------------------------------------------------------------------------ */
/* START Layout
--------------------------------------------------------------------------- */

div.siteContainer {
	margin: 0 auto;
	width: 1066px;
	text-align: left;
	/*border: 1px solid #ccc;*/
}

div.headerContainer {
}

.logo {
}

div.headerLeft {
}

div.headerRight {
}

div.navRight {
}

div.navTop {
}

div.navLeft {
	width: 200px;
	float: left;
	background: #eee;
	padding: 20px;
}

div.searchBoxContainer * {
	float: left;
	font-size: 11px;
	border: none;
}

div.searchBoxContainer p {
	line-height: 19px;
	border: 0;
	margin: 0 5px 0 0;
	float: none;
}

div.searchBoxContainer div {
	padding: 1px;
	background: black;
	font-weight: normal;
}

div.searchBoxContainer div .text-box {
	height: 13px;
	padding: 2px;
	width: auto;
	background: white;
}

div.searchBoxContainer div .text-button {
	height: 17px;
	background: red url(/Images/icon-arrow.gif) center;
	text-indent: -999em;
	width: 19px;
	margin-left: 1px;
	padding: 0;
	line-height: 0; /* ie7 fix*/
}

.contentContainer {
	float: right;
	width: 745px;
	margin: 0 38px 0 0;
	text-align: left;
}

div.content {
	padding: 12px;
}

div.col1 {
}

div.col2 {
}

div.col3 {
}

div.footerContainer {
	width: 1066px;
	height: 66px;
	background-image: url(/images/footerGrphc.png);
	background-repeat: no-repeat;
	font-size: 11px;
	color: #FFFFFF;
}

div.footerLeft {
	float: left;
	margin: 20px 0 0 50px;
}

div.footerRight {
	float: right;
	margin: 14px 50px 0 0;
}

div.footerRight img {
	vertical-align: middle;
}

div.footer a:link, div.footer a:visited {
	color: #999;
}

/* ---------------------- */
/* END Layout
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom Page Styles
--------------------------------------------------------------------------- */
.bodyContainer {
	width: 1066px;
	margin: 0 auto;
	text-align: center;
	background-image: url(/images/shadowRpter.png);
	background-repeat: repeat-y;
}

.homeRotatorContainer {
	height: 447px;
}

#rotatorContainer {

}

.rotatorBgImg {
	background-image: url(/Images/collegebillboard.jpg);
	background-repeat: no-repeat;
	width: 1066px;
	height: 447px;
	}

.newsContainer {
	width: 981px;
	margin: 0 auto 0 auto;
	padding-bottom: 8px;
	text-align: center;
}

.newsHead {
	margin: 0 auto;
	padding: 0;
	height: 10px;
}

.newsBody {
	margin: 0 auto;
	width: 975px;
	border-left: 3px solid #6ec879;
	border-right: 3px solid #6ec879;
	background-color: #d3ead5;
	padding: 0;
}

.newsFooter {
	margin: 0 auto;
	padding: 0;
	line-height: 10px;
}

.newsContent {
	text-align: left;
	padding: 8px;
}

.testimonialsContainer {
	width: 975px;
	text-align: left;
	margin: 0 auto;
	padding: 8px;
	color: #f57e20;
	font-size: 16px;
	font-style: italic;
}

.messageBar {
	width: 998px;
	/*height: 41px;*/
	height: 31px;
	background-color: #3bb54a;
	margin: 0 auto 0 auto;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	padding-top: 10px;
	font-size: 18px;
	color: #FFFFFF;
	font-family: "Comic Sans MS";
	font-weight: bold;
}

/*.messageContent {
	padding: 8px;
}*/

.calloutContainer {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.callout1 {
	float: left;
	/*height: 300px;*/
	width: 333px;
	margin: 0 0 0 1px;

}

.callout2 {
	/*height: 300px;*/
	width: 333px;
	margin: 0 0 0 333px;

}

.callout3 {
	float: right;
	/*height: 300px;*/
	width: 333px;
	margin: 0 3px 0 0;
	*margin: 0;
}

.calloutHeader {
	width: 333px;
	height: 40px;
	background-image: url(/images/purpleBtnBg.jpg);
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	font-size: 18px;
	font-weight: bold;
}

.calloutHeaderTxt {
	margin-top: 8px;
}

.calloutHeaderTxt a {
	color: #FFFFFF;
}

.strip {
	background-color: #f57e20;
	width: 335px;
	height: 6px;
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
}

.strip2 {
	background-color: #f57e20;
	width: 996px;
	height: 6px;
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px solid #fefefe;
}

.calloutBody {
	/*height: 256px;*/
	margin: 0 auto;
	background-image: url(/images/calloutBodyBG.jpg);
	background-repeat: no-repeat;
}

.calloutContent {
	padding: 12px;
	text-align: left;
	font-size: 14px;
}

.zipBox {
	/*width: 325px;*/
	height: 56px;
	background-image: url(/images/zipBG.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

.zipContent {
	padding: 8px;
	text-align: center;
	margin: 0 auto;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}

.SearchBox {
	margin-top: -8px;
}

.insideHeaderContainer {
	width: 1066px;
	height: 185px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.insideLeft {
	float: left;
	width: 253px;
	margin: 0 auto;
	padding: 0 0 0 1px;
}

#insideRight {
	/*float: right;*/
	float: left;
	width: 808px;
	margin: 0 auto;
	padding: 0;
	background: url(/Images/collegeInside.jpg)!important;
	background-repeat: no-repeat;
}

.insideBgImg {
	float: left;
	width: 808px;
	margin: 0 auto;
	padding: 0;
	background-image: url(/Images/collegeInside.jpg);
	background-repeat: no-repeat;
}

.clear {
	clear: both;
}

.mainNavContainer {
	margin: 0 auto;
	text-align: center;
	width: 1000px;
}

.mainBtn {
	float: left;
	width: 246.7px;
	height: 41px;
	background-image: url(/images/mainNavBtn.jpg);
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	margin:  0 0 0 1px;
}

.btnContent {
	padding-top: 10px;
	height: 41px;
}

.btnContent a {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

.btnContent ul {
	display: none;
	position: absolute;
	margin: 30px 0 0 0;
	/**margin: 40px 0 0 0;*/
	z-index: 2000;
}

.btnContent:hover ul {
	display: inline;
	width: 232px;
	margin-left: -197px;
	*margin-left: -215px;
	text-align: left;
	padding: 8px;
	/*background-color: #ddeede;*/
	/*border: 1px solid #FFFFFF;*/
	height: auto;
}

.btnContent ul li {
	background-image: none;
	border: 1px solid #fefefe;
	background-color: #ddeede;
	padding: 15px 0 0 20px;
	margin: 0 auto 0 auto;
	height: 32px;
	width: 232px;
}

.btnContent ul li a {
	font-size: 16px;
	color: #764aac;
	font-weight: normal;
	background-image: url(/images/arrowcircle.jpg);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left: 27px;
}

.leftNavContainer {
	float: left;
	width: 250px;
	margin: 0 0 0 33px;
}

.leftNavHead {
	width: 246px;
	height: 34px;
	background-color: #764aac;
	border: 2px solid #CCCCCC;
	margin:  0 0 0 1px;
	padding: 12px 0 0 0;
}

.leftNavHead a {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

.leftNavDrop {
	text-align: left;
	margin: 0;
	padding: 0;
}

.leftNavDrop li {
	background-color: #c4e3c6;
	padding: 12px 0 0 20px;
	margin: 0 0 0 2px;
	height: 32px;
	border: 1px solid #fefefe;
	background-image: none;
}

.leftNavDrop li a {
	background-image: url(/images/arrowcircle.jpg);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left: 27px;
	color: #764aac;
	font-size: 16px;
}

.businessConcept {
	width: 246px;
	height: 34px;
	background-color: #764aac;
	border: 2px solid #CCCCCC;
	margin:  0 0 0 1px;
	padding: 12px 0 0 0;
}

.businessConcept a {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

.saleInfo {
	width: 246px;
	height: 34px;
	background-color: #764aac;
	border: 2px solid #CCCCCC;
	margin:  0 0 0 1px;
	padding: 12px 0 0 0;
}

.saleInfo a {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

.franchiseInfo {
	width: 246px;
	height: 34px;
	background-color: #764aac;
	border: 2px solid #CCCCCC;
	margin:  0 0 0 1px;
	padding: 12px 0 0 0;
}

.franchiseInfo a {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

.VolunteerShifts3Days
{
    color:#FF0000;
}

.VolunteerShiftTableColumn1
{
    width:110px;
}
.VolunteerShiftTableColumn2
{
    width:125px;
}
.VolunteerShiftTableColumn3
{
    width:75px;
}
.VolunteerShiftTableColumn4
{
    width:75px;
}
.VolunteerShiftTableColumn5
{
    width:170px;
}
.VolunteerShiftTableColumn6
{
    width:140px;
}

.SalesSummaryTableColumn1
{
    width:150px;
}
.SalesSummaryTableColumn2
{
    width:150px;
}
.SalesSummaryTableColumn3
{
    width:150px;
}

/* ---------------------- */
/* END Custom Page Styles
------------------------- */


/* ------------------------------------------------------------------------ */
/* START Custom Module Styles
--------------------------------------------------------------------------- */

div.repeater {
	border: 1px solid #333;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 10px;
}

div.repeater .field1 {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	margin-bottom: .5em;
}

div.repeater .field2,
div.repeater .field3,
div.repeater .field4 { 
	margin: .5em 0;
	display: block;
}

div.repeater .image1,
div.repeater .image2 {
	float: left;
	margin-right: 5px;
}

table.saleCalendar
{
    border-color: #CCCCCC;
}
table.saleCalendar th, table.saleCalendar td
{
    width:14%;
    text-align:center;
    border-color:#000000;
}
table.saleCalendar td p.calDate
{
    font-style:italic;
    font-size:smaller;
	background-color: #F57E20;
}

table.saleCalendar th {
	background-color: #764AAC;
	color: #FFFFFF;
}

/* ---------------------- */
/* END Custom Module Styles
------------------------- */
/* ------------------------------------------------------------------------ */
/* START Editor Styles
--------------------------------------------------------------------------- */
.regBlack {
	font-size: 14px;
	color: #000000;
}

.medBlackHeading {
	font-size: 16px;
	color: #000000;
	font-style: italic;
}

.lrgeBlackHeading {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}

.regOrange {
	font-size: 14px;
	color: #F57E20;
}

.medOrangeHeading {
	font-size: 16px;
	color: #F57E20;
	font-style: italic;
}

.lrgeOrangeHeading {
	font-size: 18px;
	color: #F57E20;
	font-weight: bold;
}

.regGreen {
	font-size: 14px;
	color: #3BB54A;
}

.medGreenHeading {
	font-size: 16px;
	color: #3BB54A;
	font-style: italic;
}

.lrgeGreenHeading {
	font-size: 18px;
	color: #3BB54A;
	font-weight: bold;
}

.regPurple {
	font-size: 14px;
	color: #764AAC;
}

.medPurpleHeading {
	font-size: 16px;
	color: #764AAC;
	font-style: italic;
}

.lrgePurpleHeading {
	font-size: 18px;
	color: #764AAC;
	font-weight: bold;
}
/* ---------------------- */
/* END Editor Styles
------------------------- */

.popupPanel
{
    height:600px;
    overflow:auto;
}

.popupPanel2
{
    height:300px;
    overflow:auto;
    background:#fff;
    padding:10px;
}