/* Primary Styles */
	 
	html,body {margin:0; padding:0; background-color:#EEEBE6; color:#333; font: 12px arial,sans-serif;}
	body {height:100%;}
	a img {border:0;} 
	
	.container {margin:0 auto; width:1054px; position:relative;/* so I can position nav and searchBarLeft content relative to it */}
	
	.framework {margin:0 auto; padding:0; width:980px; position: relative; z-index:800;}
	.cont {margin:0 15px;}
	
	.siteHeader {background:white url(../images/layout/page-yellow-grad.jpg) 568px top no-repeat;}
	.siteHeader .cont {}
	.siteMain {background:white; z-index:700;}

	.shadowLeft {background:transparent url(../images/layout/page-shadow-left.png) top left repeat-y;}
	.shadowRight {background:transparent url(../images/layout/page-shadow-right.png) top right repeat-y;}
	.mainBodyMargin {margin:10px 0;}
	.loud {font-weight:bold;}
	
	.promo {position:absolute; top:95px; left:428px; width:280px; height:35px; overflow:hidden; text-align:center;}
	
	/*	the grid */
		
	.g1,.g2,.g3,.g4,.g4-1,.g5,.g6,.g7,.g7-1,.g8,.g9,.g10,.g11,.g12,.g13,.g14,.g14-1,.g15,.g16,.g17,.g18,.g18-1,.g19,.g20,.g21,.g22,.g23,.g24 {float:left; margin-right:10px; overflow:hidden;}

	.g1 {width:30px;}
	.g2 {width:70px;}
	.g3 {width:110px;}
	.g4 {width:150px;}
	.g4-1 {width:180px;}
	.g5 {width:190px;}
	.g6 {width:230px;}
	.g7 {width:270px;}
	.g7-1 {width:300px;}
	.g8 {width:310px;}
	.g9 {width:350px;}	
	.g10 {width:390px;}
	.g11 {width:430px;}
	.g12 {width:470px;}
	.g13 {width:510px;}
	.g14 {width:550px;}
	.g14-1 {width:580px;}
	.g15 {width:590px;}
	.g16 {width:630px;}
	.g17 {width:670px;}
	.g18 {width:710px;}
	.g18-1 {width:730px;}
	.g19 {width:750px;}	
	.g20 {width:790px;}
	.g21 {width:830px;}
	.g22 {width:870px;}
	.g23 {width:910px;}
	.g24 {width:950px;}
	
	.fontGeorgia {font-family: georgia;}
	
	.last {margin-right:0;}
	.clear {clear:both; overflow: hidden; font-size: 1px;}	
	.floatLeft {float:left;}
	.floatRight {float:right;}
	.textAlignCen {text-align:center;}
	.textAlignJust {text-align:justify;}
	.textAlignRit {text-align:right;}
	.bodyFooter {background:transparent url(../images/layout/bodyFooter.png) 0 bottom no-repeat; height:79px;}
	.footerText {color:#FFFFFF; padding-top:15px; text-align:center;}
	.intheCity {font-size:24px; color:#63442F; font-family: Georgia, serif; padding:0 0 10px;}
	.intheCityBg {background-color:#EFEEE9; border-color:#E2DFD6; border-style:solid; border-width:1px 0 0; padding:15px;}
	.intheCityBgPlain {padding:10px 0;}
	.footerLinks {padding-bottom:35px; text-align:center;}
	.commonTitle {color:#D37201; display:inline; font-size:18; font-weight:bold; line-height:20px;}
	.formTable {padding-top:10px;}
	.formTable td {padding:5px 0; vertical-align:middle;}
	.errorText {color: red; position: relative;}
	.fontSize11 {font-size:11px !important;}
	.fontSize12 {font-size:12px !important;}
	.fontSize13 {font-size:13px !important;}
	.fontSize14 {font-size:14px !important;}
	.fontSize15 {font-size:15px !important;}
	.fontSize16 {font-size:16px !important;}
	.fontSize18 {font-size:18px !important;}
	.fontSize20 {font-size:20px !important;}
	.fontSize24 {font-size:24px !important;}
	.whiteSpace {white-space:nowrap;}
	.minHeight500 {min-height:500px;}
	.lineHeight20 {line-height:20px;}
	.displayBlock {display:block;}
	.displayNone {display:none;}
	.displayInline {display:inline;}
	.color333 {color: #333 !important;}
	.color666 {color: #666;}
	.color000 {color: #000;}
	.color336699 {color: #336699;}
	.fontWeight10Nor {font-size:10px; font-weight:normal; color:#fff; position:relative; top:2px;}
	
	.formElement {height: 20px;}
	
	.summerProg .selectBox {font-size:14px; height:150px; width:405px;}
	.summerProg .selectBox1 {font-size:14px; height:25px; width:230px;}
	.summerProg {}
	.summerProg td {vertical-align:top;}
	.summerProg td.label {font-weight: bold; vertical-align:top;}
	.summerProg td input {width: 405px; height: 20px; font-size: 14px;}
	
	.joinNow .selectBox {font-size:14px; height:25px; width:230px;}
	.joinNow {}
	.joinNow td {vertical-align:top;}
	.joinNow td.label {font-weight: bold; vertical-align:top;}
	.joinNow td input {width: 225px; height: 20px; font-size: 14px;}
	.inputWidth10 td input {width: 10px; height: 10px; font-size: 16px;}	
	
	.childrenColor {color: #E99820;}
	.youngstersColor {color: #69b842;}
	.adultsColor {color: #5993b3;}
	
	.bgImageChildren {background: url(../images/layout/children-bg.jpg) 0 0 no-repeat; width:950px; height:338px;}
	.bgImageYoungsters {background: url(../images/layout/youngsters-bg.jpg) 0 0 no-repeat; width:950px; height:338px;}
	.bgImageAdults {background: url(../images/layout/adults-bg.jpg) 0 0 no-repeat; width:950px; height:338px;}
	.bgImageTutor {background: url(../images/layout/tutor-bg.jpg) 0 0 no-repeat; width:950px; height:422px;}
	.bgImageEngTutor {background: url(../images/layout/engTutor-bg.jpg) 0 0 no-repeat; width:950px; height:380px;}
	.bgPostaNeed{background-color: #f6f8f5; border: 1px solid #ccc; }
	
	.landingPage h1 {font-size:24px; font-family: Georgia, serif; padding:10px 0 0;}
	.landingPageLinks a {line-height: 20px; display: block;}
	
	.bgImageSchool{background: url(../images/layout/lp-school.jpg) 0 0 no-repeat; width:710px; height:290px;}
	.bgImagePlaySchool{background: url(../images/layout/lp-playschool.jpg) 0 0 no-repeat; width:710px; height:290px;}
	.bgImageSummerActivities{background: url(../images/layout/summer-activities-bg.gif) 0 0 no-repeat; width:710px; height:290px;}
	.bgImageSummerActivities h1 {font-size:30px; color:#c95a72; margin:0; padding:15px 0 0 15px;}
	
	.lpAdlob {width:230px;}
	.lpAdlob .top {height:46px; background: url(../images/adlobs/lp-adlob-top.gif) 0 0 no-repeat;}
	.lpAdlob .c {background: url(../images/adlobs/lp-adlob-bg.gif) 0 0 repeat-y; padding:5px 5px; height:235px;}
	.lpAdlob .base {height:5px; background: url(../images/adlobs/lp-adlob-base.gif) 0 0 no-repeat;}
	.lpAdlob h1 {font-size:24px; font-family: Georgia, serif; padding:10px;}
	
	.lpAdlobLarge {width:710px;}
	.lpAdlobLarge .top {height:46px; background-color:#F9F8F6; border: 1px solid #e3e2dd;}
	.lpAdlobLarge .c {border: 1px solid #e3e2dd; background-color:#f4f3ef; border-width: 0 1px 1px 1px; padding:5px 5px;}
	.lpAdlobLarge h1 {font-size:24px; font-family: Georgia, serif; padding:10px;}
	
	.adlob160 {width:160px; margin:15px 0;}
	.adlob160 .title {color:#D37201; font-size:14px; font-weight:bold; padding:0 0 10px;}
	.adlob160 .top {width:160px; height:14px; background: url(../images/adlobs/adlob-top-bg-160.gif) 0 0 no-repeat;}
	.adlob160 .c {background-color:#EFCE8D; padding:0 15px;}
	.adlob160 .base {width:160px; height:14px; background: url(../images/adlobs/adlob-base-bg-160.gif) 0 0 no-repeat;}
	
	.adlob185 {width:185px; margin:15px 0;}
	.adlob185 .title {color:#D37201; font-size:14px; font-weight:bold; padding:0 0 10px;}
	.adlob185 .top {width:185px; height:14px; background: url(../images/adlobs/adlob-top-bg-185.gif) 0 0 no-repeat;}
	.adlob185 .c {background-color:#EFCE8D; padding:0 15px;}
	.adlob185 .base {width:185px; height:14px; background: url(../images/adlobs/adlob-base-bg-185.gif) 0 0 no-repeat;}
	
	.adlob230 {width:230px; margin-bottom:5px;}
	.adlob230 .title {font-size:22px; color:#63442F; font-family: Georgia, serif; padding:2px 0;}
	.adlob230 .top {width:235px; height:10px; background: url(../images/adlobs/adlob-top-bg-230.gif) 0 0 no-repeat;}
	.adlob230 .c {background-color:#E2A52B; font-size:16px; font-weight:bold; padding:0 5px 0 10px; color:#fff;}
	.adlob230 .base {width:235px; height:10px; background: url(../images/adlobs/adlob-base-bg-230.gif) 0 0 no-repeat;}
	
	.adlob300 {width:300px; margin-bottom:5px;}
	.adlob300 .title {font-size:22px; color:#63442F; font-family: Georgia, serif; padding:2px 0;}
	.adlob300 .top {width:300px; height:10px; background: url(../images/adlobs/adlob-top-bg-300.gif) 0 0 no-repeat;}
	.adlob300 .c {background-color:#E2A52B; font-size:16px; font-weight:bold; padding:0 5px 0 10px; color:#fff;}
	.adlob300 .base {width:300px; height:10px; background: url(../images/adlobs/adlob-base-bg-300.gif) 0 0 no-repeat;}
	
	.adlob160-dr {width:160px; margin-bottom:5px;}
	.adlob160-dr .title {font-size:18px; color:#63442F; font-family: Georgia, serif; padding:2px 0;}
	.adlob160-dr .top {width:160px; height:10px; background: url(../images/adlobs/adlob-top-bg-dr-160.gif) 0 0 no-repeat;}
	.adlob160-dr .c {background-color:#E2A52B; font-size:14px; font-weight:bold; padding:0 5px 0 10px; color:#fff;}
	.adlob160-dr .base {width:160px; height:10px; background: url(../images/adlobs/adlob-base-bg-dr-160.gif) 0 0 no-repeat;}
	
	
	.googleAds185 {margin-top:15px; width:190px; text-align:center;}
	.termsofUse li {margin:15px 0;}
	
	.search700 {width:700px; margin-bottom:10px; position:relative;}	
	.search700 .top {width:700px; height:12px;}
	.search700 .c {width:700px; min-height:125px;}
	.search700 .base {width:700px; height:12px;}

    .search580 {width:580px; margin-bottom:0px; position:relative;border-top:1px dotted #D37201;}	
	.search580 .top {width:580px; height:12px;}
	.search580 .c {width:580px; min-height:65px;}
	.search580 .base {width:580px; height:12px;}
	
	/*for school search */
	/*.search580 .ch-top {background: url(../images/layout/search-top-ch-580.gif) 0 0 no-repeat;}
	.search580 .ch-c {background: url(../images/layout/search-bg-ch-580.gif) 0 0 repeat-y; }
	.search580 .ch-base {background: url(../images/layout/search-base-ch-580.gif) 0 0 no-repeat;}
	*/
	/*for school search */
	.search700 .sc-top {background: url(../images/layout/search-top-sc.gif) 0 0 no-repeat;}
	.search700 .sc-c {background: url(../images/layout/search-bg-sc.gif) 0 0 repeat-y; }
	.search700 .sc-base {background: url(../images/layout/search-base-sc.gif) 0 0 no-repeat;}
	/*for play school search */
	.search700 .ps-top {background: url(../images/layout/search-top-ps.gif) 0 0 no-repeat;}
	.search700 .ps-c {background: url(../images/layout/search-bg-ps.gif) 0 0 repeat-y; }
	.search700 .ps-base {background: url(../images/layout/search-base-ps.gif) 0 0 no-repeat;}
	/*for summer programs search */
	.search700 .ac-top {background: url(../images/layout/search-top-ac.gif) 0 0 no-repeat;}
	.search700 .ac-c {background: url(../images/layout/search-bg-ac.gif) 0 0 repeat-y; }
	.search700 .ac-base {background: url(../images/layout/search-base-ac.gif) 0 0 no-repeat;}	
		
	
	.search700 .featuredCorner {background:url(../images/layout/sc-featured.png) 0 0 no-repeat; height:72px; width:62px; position:absolute; bottom:0; right:0;}
    .search510 .featuredCorner {background:url(../images/layout/sc-featured.png) 0 0 no-repeat; height:61px; width:62px; position:absolute; bottom:0; right:0;}
    .search580 .featuredCorner {background:url(../images/layout/sc-featured.png) 0 0 no-repeat; height:61px; width:62px; position:absolute; bottom:0; right:0;}
    .search700 .featuredCornerAC {background:url(../images/layout/ac-featured.png) 0 0 no-repeat; height:72px; width:62px; position:absolute; bottom:0; right:0;}
	.helpTextStyle {font-style: italic; color:gray; font-family:arial,sans-serif; font-size:12px;}
	
	/*  memmber photo */
	div.photoContainer {position: relative;}
	div.photoContainer img {padding:0;margin:0; display:block; border:0;}
	div.photoContainer table, div.photoContainer table tr, div.photoContainer table tr td {border:0; margin:0; padding:0;}
	div.photoContainer div.border {border:4px solid white;}
	div.photoContainer td.photo { border:1px solid #BDBDAD;}
	div.photoContainer td.rightShadow {width:11px; background:url(../images/profile-rit-shadow.png) 0 0 repeat-y; vertical-align:top;}
	div.photoContainer td.bottomShadow {height:11px; background:url(../images/profile-btm-shadow.png) 0 0 repeat-x; text-align:left;}
	div.photoContainer td.photoCorner {background:url(../images/profile-corner-shadow.png) 0 0 no-repeat;}
	
	/* Enroll Page */
	.enroll {background: #c9e3f8; position: relative;}
	.enrollBg {width: 190px; height: 346px; position: absolute; top: 0px; left: 0px; margin-top: 25px;}
	.enrollInner {padding: 5px 10px 10px; position: relative;}
	.enroll_top {float: right; height: 22px; width: 750px; background-color: #fff; margin-top: 6px;}
	.enrollContent {float: right; min-height: 628px; width: 750px; background-color: #fff;}
	.enrollContentInner {padding: 0 15px; color: #333333;}
	
	/* Search Call To Action */
	.searchCTA {background:url(../images/search-cta-bg-750.jpg) 0 0 no-repeat; width: 750px; height: 103px; margin: 10px 0;}
	.searchCTA .Joinnow {font-size: 18px; color: #333; font-weight: bold; margin: 28px 0 0 25px; float: left;}
	.searchCTA div.Joinnow span.normalText {font-size: 12px; font-weight: normal; display: block; margin-top: 5px;}
	.searchCTA div.content {font-size: 18px; color: #333333; margin: 18px 0 0 40px; float: left;}
	.searchCTA div.ctaButton {text-align: center; margin: 20px 0 0 60px; float: left;}
	.searchCTA div.content ul {margin: 0; padding: 0;}
	.searchCTA div.jobMarginTop {margin-top: 35px;}
	.searchCTA div.jobMarginLeftLogin {margin-left: 175px;}
	.searchCTA div.jobMarginLeftJoin {margin-left: 35px;}
	.searchCTA div.joinNow {padding: 25px 0 0 15px; margin: 0;}
	
	.lpBox {width:690px; border:#cccccc solid 1px; border-top-width: 6px; padding:8px;}
	.textBoxDefault {color: #999999; font: italic 14px arial;}
	
	/* Button Style Start */	
	
	.button {
		display: inline-block;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font: 14px/100% Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding: .5em 2em .55em;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
	}

	.button:hover {
		text-decoration: none;
	}

	.button:active {
		position: relative;
		top: 1px;
	}

	.green {
		color: #fef4e9;
		border: solid 1px #778344;
		background: #b2c25c;
		background: -webkit-gradient(linear, left top, left bottom, from(#b2c25c), to(#7b9834));
		background: -moz-linear-gradient(top,  #b2c25c,  #7b9834);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2c25c', endColorstr='#7b9834');
		
		-moz-box-shadow: 0px 0px 1px 1px #b2c25c inset;
		
	}
	
	.green:hover {
		background: #7c9934;
		background: -webkit-gradient(linear, left top, left bottom, from(#7c9934), to(#7c9934));
		background: -moz-linear-gradient(top,  #7c9934,  #7c9934);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c9934', endColorstr='#7c9934');
	}
	
	.green:active {
		color: #fff;
		background: -webkit-gradient(linear, left top, left bottom, from(#7c9934), to(#b2c25c));
		background: -moz-linear-gradient(top,  #7c9934,  #b2c25c);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c9934', endColorstr='#b2c25c');
	}
	
	.orange {
		color: #fff;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
		
		-moz-box-shadow: 0px 0px 1px 1px #f89c1c inset;
		
	}
	
	.orange:hover {
		background: #fff;
		background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background: -moz-linear-gradient(top,  #f88e11,  #f06015);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	}
	
	.orange:active {
		color: #fff;
		background: #fcd3a5;
		background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
		background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	}
	
	.red {
		color: #fff;
		border: solid 1px #9e2702;
		background: #de5621;
		background: -webkit-gradient(linear, left top, left bottom, from(#de5621), to(#c03f23));
		background: -moz-linear-gradient(top,  #de5621,  #c03f23);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#de5621', endColorstr='#c03f23');
		
		-moz-box-shadow: 0px 0px 1px 1px #e56833 inset;
		
	}
	
	.red:hover {
		background: #fff;
		background: -webkit-gradient(linear, left top, left bottom, from(#ea281c), to(#ab1d0f));
		background: -moz-linear-gradient(top,  #ea281c,  #ab1d0f);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea281c', endColorstr='#ab1d0f');
	}
	
	.red:active {
		color: #fff;
		background: #de5621;
		background: -webkit-gradient(linear, left top, left bottom, from(#c03f23), to(#de5621));
		background: -moz-linear-gradient(top,  #c03f23,  #de5621);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c03f23', endColorstr='#de5621');
	}
	
/* Button styles End */
	
	/* lpBox border top */
	.school-top  {border-top-color:#D37201;}
	.playschool-top  {border-top-color:#648F3F;}
	.daycare-top  {border-top-color:#155070;}
	.article-top  {border-top-color:#155070;}
	.activities-top  {border-top-color:#A9444C;}
	.events-top  {border-top-color:#5C986E;}
	.discussions-top {border-top-color:#8F529B;}
	
	.lpTitle {font-size:24px; font-family: Georgia, serif; padding:5px 0;}
	
	.lpAdlobRit {width:230px;}
	.lpAdlobRit .bg{height:126px; background: url(../images/adlobs/lp-adlob-bg-rit.gif) 0 0 no-repeat;}
	.lpAdlobRit .title {font-size:26px; color:#63442F; font-family: Georgia, serif; padding:5px 0;}
	.lpAdlobRit .c {font-size:18px; font-weight:bold; padding:13px 5px 15px 10px; color:#fff;}
	
	.schoolDetailsReview {background-color:#E3EDF4; border:1px solid #CCCCCC; padding:5px 5px 10px;}
	.commentBox {background-color:#F2F2F2; border:1px solid #CCCCCC; padding:5px 0 5px 10px;}
	.plainBox {border:1px solid #CCCCCC; padding:5px 0 5px 10px;}
	
    .recentActivity {background-color:#E3EDF4; border:1px solid #CCCCCC; padding:8px 5px 5px 10px; margin-top:15px}
    .recentActTitle {font-weight:bold; margin-bottom:8px; font-size:16px; color:#63442F; font-family: Georgia, serif;}
    .recentActItalic {color:#808080; font-style:italic; font-size:11px;}
    .sponsoredAd {color:#808080; font-style:italic; font-size:11px; text-align:right; margin:2px 3px 0 0;}
    
   	/*for lead gen search */
   	.leadGen {padding:42px 0 5px 15px;}
	.leadGen .subTitle {font-weight:bold; color:#ffffff; font-size:18px;}	
	.leadGen .subTitleRS {font-weight:bold; color:#D37201; font-size:18px;}	
	.leadGen h1 {font-size:36px; font-weight:bold; display:inline; margin:0; padding:0; position:relative; color:#ffffff;}
	.leadGen .h1Style {font-size:22px; font-weight:bold; display:inline; margin:0; padding:0; position:relative; color:#648F3F;}
	.leadGen .HIW {font-size: 18px; color: #555555; margin: 15px 0 15px 0;}
	.leadGen .searchTitle {font-size:24px; color:#d37201; margin:0 0 25px; text-align:center;}
	.leadGen .bulletOne {font-size:16px; color:#555555; background: url(/images/numbers/no1-org.png) top left no-repeat; padding: 0 0 0 25px; height: 20px;}
	.leadGen .bulletTwo {font-size:16px; color:#555555; background: url(/images/numbers/no2-org.png) top left no-repeat; padding: 0 0 0 25px; margin: 15px 0; height: 20px;}
	.leadGen .bulletThree {font-size:16px; color:#555555; background: url(/images/numbers/no3-org.png) top left no-repeat; padding: 0 0 0 25px; height: 20px;}
	.leadGenSearch .top {background: url(../images/leadgen-top.gif) 0 0 no-repeat; width:710px; height:29px;}
	.leadGenSearch .c {background: url(../images/leadgen-tiles.gif) 0 0 repeat-y; width:710px; margin:0;}
	.leadGenSearch .base {background: url(../images/leadgen-base.gif) 0 0 no-repeat; width:710px; height:34px;}	
	.leadGenSearch .top .title {position:relative; top:6px; left:15px; font-weight:bold;}
	.leadGenSearch .top .search {position:relative; top:6px; left:385px;}
	.leadGenSearch .logo { margin: 10px 0 10px 10px; float:left; verticle-align:top; text-align:center; height:90px; position:relative; width:90px;}
	.leadGenBody {float:left; margin:10px 0 0 10px; padding:0px;}
	.lgBorder {border-bottom:1px dotted #666666; margin-left:20px; padding-top:20px; width:670px;}
	.lgInfoTitle {font-size:26px; color:#d37201; font-weight:bold;}
	.lgFormTitle {font-size:18px; color:#d37201; font-weight:bold; position:relative; top:20px; white-space: nowrap;}
	
	.lgPhoto {margin:0 0 25px 0;}
	.lgPhoto .gallery {width:300px; margin:0px auto;}
	.gallery .togLeft {background: url(../images/photoGalTogSprite.gif) -40px -40px no-repeat; cursor:pointer; width:20px; height:79px; float:left; position:relative; top:30px;}
	.gallery .showcase {float:left; padding:3px; background:#FFD579;}
	.showcase img {display:block;}
	.gallery .togRight {background: url(../images/photoGalTogSprite.gif) -40px -198px no-repeat; cursor:pointer; width:20px; height:79px; float:left; position:relative; top:30px;}
	.thumbs {width:320px; margin:10px auto;}
	.thumbs .thumb {float:left; margin:0px 0 0 10px; cursor:pointer;}
	.thumb img {display:block;}
	.thumbHighlight {border:3px solid orange;}
	
	.lgForm {width:432px; margin-left:20px;}
	.lgForm .lgFormTop {width:408px; height:19px; background: url(../images/lg-form-top.jpg) 0 0 no-repeat;}
	.lgForm .lgFormContent {background: url(../images/lg-form-1x.jpg) 0 0 repeat-y; width:408px;}
	.lgForm .lgFormContent .c {padding:0 10px 0 20px}
	.lgForm .lgFormBase {width:408px; height:19px; background: url(../images/lg-form-base.jpg) 0 0 no-repeat;}
	.lgPopLogo {float:left; padding:0 20px 0 0;}
	
	.LGContactInfo {padding:10px 0 20px 55px;}
	.LGContactInfo .accInfo td.label {text-align: right; padding: 0 10px 0 0; line-height: 23px;}
	.LGContactInfo .accInfo td input {width:185px;}
	.lgForm td {padding:8px 3px 8px 4px; vertical-align:middle;}
	
	.refineSearchBlock {margin:0 0 15px; padding:0; width:700px; position:relative; top:-5px;}
	.refineSearchBlock .top {background: url(../images/refine-search-top.gif) 0 0 no-repeat; width:700px; height:20px;}
	.refineSearchBlock .base {background: url(../images/refine-search-base.gif) 0 0 no-repeat; width:700px; height:20px;}
	.refineSearchBtn {position:absolute; left:565px; margin:5px 5px 0 0; cursor:pointer;}
	.refineSearchBgColor {background-color:#E3EDF4;}
	.refineSearchC {padding:0 5px 0 10px; background-color:#E3EDF4;}

	.commonL3Nav {background-color: #F4F3EF; padding: 0;}
	.commonL3Nav .c {padding: 15px 0 0 10px;}
	.commonL3Base { background: url("../images/aboutUs-base.gif") no-repeat scroll 0 0 transparent; height: 31px;  margin-bottom: 20px;}
	.commonL3NavNor {padding-left:10px; line-height:2.0em;}
	.commonL3NavSel {line-height:2.0em; text-decoration:none; padding-left:10px; background: url(../images/l3-nav-highlight.gif) 0px 3px no-repeat; height:24px; color:#000; font-weight:bold;}
	
	.refineNav {background-color: #E3EDF4; padding: 0;}
	.refineNav .c {padding: 15px 0 0 10px;}
	.refineNav a {line-height:25px;}
	.refineNavBase { background: url("../images/refine-base.gif") no-repeat scroll 0 0 transparent; height: 31px;  margin-bottom: 20px;}
	
	.arrowNew {background:transparent url(../images/arrow-new.gif) top left no-repeat; color:#ff0000; font-style:italic; font-weight:bold; position: absolute; top: 80px; left: 245px; padding: 0 0 0 16px;}
    

	/* margin */
	.marginTop2 {margin-top:2px;}
	.marginTop5 {margin-top:5px;}
	.marginTop10 {margin-top:10px;}
	.marginTop15 {margin-top:15px;}
	.marginTop20 {margin-top:20px !important;}
	.marginTop25 {margin-top:25px;}
	.marginTop30 {margin-top:30px;}
	.marginTop35 {margin-top:35px;}
	.marginTop40 {margin-top:40px;}
	.marginTop45 {margin-top:45px;}
	.marginTop55 {margin-top:55px;}
	.marginTop120 {margin-top:120px;}
	.marginRit5 {margin-right:5px;}
	.marginRit10 {margin-right:10px;}
	.marginRit20 {margin-right:20px;}
	.marginRit25 {margin-right:25px;}
	.marginLft2 {margin-left:2px;}
	.marginLft5 {margin-left:5px;}
	.marginLft10 {margin-left:10px;}
	.marginLft-10 {margin-left:-10px;}
	.marginLft15 {margin-left:15px;}
	.marginLft20 {margin-left:20px;}
	.marginLft55 {margin-left:55px !important;}
	.marginLft85 {margin-left:85px;}
	.marginLft125 {margin-left:125px !important;}
	.marginLft225 {margin-left:225px !important;}
	.marginBtm2 {margin-bottom:2px;}
	.marginBtm5 {margin-bottom:5px;}
	.marginBtm8 {margin-bottom:8px;}
	.marginBtm10 {margin-bottom:10px;}
	.marginBtm15 {margin-bottom:15px;}
	.marginBtm20 {margin-bottom:20px;}
	.marginTB2 {margin:2px 0;}
	.marginTB5 {margin:5px 0;}
	.marginTB10 {margin:10px 0;}
	.marginTB20 {margin:20px 0;}
	
	/* padding */
	.paddingTop15 {padding-top:15px;}
	.paddingTop20 {padding-top:20px;}
	.paddingRit15 {padding-right:15px;}
	.paddingBtm10 {padding-bottom:10px;}
	.paddingTB2 {margin:2px 0;}
	.paddingTB5 {padding:5px 0;}
	.paddingTB10 {padding:10px 0;}
	.paddingTB40 {padding:40px 0;}
	
	.width100p {width:100% !important;}
	.width70 {width:70px !important;}
	.width75 {width:75px !important;}
	.width80 {width:80px !important;}
	.width85 {width:85px !important;}
	.width90 {width:90px !important;}
	.width95 {width:95px !important;}
	.width100 {width:100px !important;}
	.width160 {width:160px !important;}
	.width180 {width:180px !important;}
	.width184 {width:184px !important;}
	.width185 {width:185px !important;}
	.width200 {width:200px !important;}
	.width215 {width:215px !important;}
	.width220 {width:220px !important;}
	.width225 {width:225px !important;}
	.width230 {width:230px !important;}
	.width245 {width:245px !important;}
	.width257 {width:257px !important;}
	.width275 {width:275px !important;}
	.width300 {width:300px !important;}
	.width350 {width:350px !important;}
	.width405 {width:405px !important;}
	.width475 {width:475px !important;}
	.width505 {width:505px !important;}
	.width575 {width:575px !important;}
	.width580 {width:580px !important;}
	.width590 {width:590px !important;}
	.width675 {width:675px !important;}
	
	.height60 {height:60px !important;}
	.height80 {height:80px !important;}
	.searchFollowers {position: absolute; top: 95px; left: 12px;}
	
	a {outline:none; color:#369; text-decoration:underline;}		
	:focus {outline:none;}
	a:visited {color:#369;}		
	a:hover {text-decoration:none; color:#369;}	
	
	.reportIssue {background-color: #F2F2F2;border: 1px solid #CCCCCC;padding:0 0 5px 15px !important; line-height:25px; font-weight:bold;}
	.reportIssue .close {margin: -150px 16px 0 0; float: right; font-size: 11px; color: #999; cursor:pointer; background: url(/images/closeX.gif) top right no-repeat; padding:0 25px 0 0; color:#666666; line-height:19px;}
	.reportFlag {background: url(/images/flag-report.gif) top left no-repeat; padding:0 0 0 25px; height:18px;}
	
	/* My Messages */
	.myMessageBlock td {padding-left: 4px;}
	.myMessageBlock .table {width:100%; line-height:1.2em;}
	.myMessageBlock .headerBg {background-color: #e4e4e4; border: 1px solid #ccc; padding: 6px;}
	.myMessages tr.messageMail td {border:solid #e3e3e3; border-width:0 0 1px; padding-top:7px; padding-bottom:7px;}
	.myMessageUnreadBg {background-color:#F6FBEE;}
	.myMessagesBorder {border-bottom:1px solid #ccc;}	
	.myMessagesDots {border-bottom:1px dotted #ccc;}
	.myMessages .checkBox {width:22px;}
	.myMessages .empty {width:15px;}	
	.myMessages .from, .myMessages .subject, .myMessages .recieved {font-size: 14px; font-weight: bold; padding-top:10px; padding-bottom:10px;}
	.myMessages .from {width: 100px;}
	.myMessages .recieved {width: 160px;}
	
	.myLearningTop {border: 1px solid #ccc; background-color: #E5E5E5; padding: 5px;}
	
	.borderBtm000 {border-bottom: 1px solid #000;}
	.borderRit000 {border-right: 1px solid #000;}
	.borderBtmccc {border-bottom: 1px solid #ccc;}
	.bgColorF6F8F5{background-color: #f6f8f5;}
	.cursorHand {cursor: pointer;}
	
	.featuredSD {background-color: #DF9643; padding: 3px; font-weight: bold; font-size: 14px; text-align: center; color: #fff; border-radius: 15px; margin: 0 10px 5px 0;}
	
	/* Blue thems */
	.ltrBoxTitle {color: #146eb4; font-weight: bold; Font-size: 18px;}
	.greyRadiousBox {background-color: #f5f5f5; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px; padding: 5px 20px 20px;}
	

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}	

#grailsLogo {
	padding:20px;
}

a.prominent {
	font-size:14px;
	font-weight:bold
}

.breadcrumb {
    color: #D37201;
    font-weight: normal;
    font-size:12px;
    /*margin: .8em 0 .3em 0;*/
    margin-bottom:20px
}

h1 {
    color: #D37201;
    font-weight: normal;
    font-size:20px;
    /*margin: .8em 0 .3em 0;*/
    margin-bottom:15px
}

h2 {
    color: #D37201;
    font-weight: bold;
    font-size:15px;
    margin: .8em 0 .3em 0;
}


select {
   padding: 2px 2px 2px 0;
}
textarea {
	width: 250px;
	height: 150px;
	vertical-align: top;
}

/* NAVIGATION MENU */


.menuButton {
    font-size: 17px;
    padding: 0 15px;
}
.menuButton a {
    color: #333;
    padding: 4px 6px;
    text-decoration:none
}
.menuButton a.home {
    background: url(../images/skin/house.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.list {
    background: url(../images/skin/database_table.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.create {
    background: url(../images/skin/database_add.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

.error {
    background: #f3f8fc url(../images/skin/exclamation.png) 8px 50% no-repeat;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;
}
div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}
td.errors textarea {
	border: 1px solid red;
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}

/* LIST */

.list table {
    border-collapse: collapse;
}
.list th, .list td {
    border-left: 1px solid #ddd;
    padding: 5px;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

/* PAGINATION */

.paginateButtons {
    /* background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    */
    width:80%;
    font-size: 12px;
    overflow: hidden;
    padding: 1px 3px;
    text-align:center;
    margin-bottom:10px
}
.paginateButtons a {
    /*background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    */
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

/* DIALOG */

.dialog {
	width: 45%;	
}
	
.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
    vertical-align:center
}
.prop .value {
    text-align: left;
    width: 85%;
}

.prop .value input {
    width: 85%;
    height: 20px
}

/*
.prop .radio {
    text-align: left;
    width: 100%;
}

.prop .radio input {
    height: 20px
}
*/

/* ACTION BUTTONS */

.buttons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 15px;
    overflow: hidden;
    padding: 0;
    width:120px
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}
.buttons input.delete {
    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.edit {
    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.save {
    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
    font-size:12px
}

/* school block on search results */
.commonBorder700 {
	float:left; 
	margin:5px 5px 5px 5px;
	border-style:solid; 
	border-width:1px;
	width:700px;	
	border-color:#EFCE8D;
	padding-bottom:10px
}


.schoolBlock {
	float:left; 
	margin:5px 5px 5px 5px;	
	width:700px;	
	padding-bottom:10px
}

.schoolBlock .logo {
	margin: 10px 0 10px 10px;
	float:left;
	verticle-align:top;
	text-align:center;
	/* background:transparent url(..//images/photo_frame.gif) no-repeat scroll 0 0; */
	height:90px;
	position:relative;
	width:90px;
	/*border-style:solid; 
	border-width:0.5px;
	text-align:middle*/
}

.schoolBlock .mediumLogo {
    margin: 10px 0 10px 10px;
    float:left;
    position:relative;
    width:170px;
}

.adlob {
	margin:0px 5px 15px 5px;
	padding:10px 5px 10px 5px;
	border-style:solid; 
	border-width:1px;
	border-color:#CCCCCC;
	padding-bottom:10px;
	text-align:center;
	width:200px;
}

.adlob .heading {
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:12px
}

/* search bar */

.searchBar {
	margin: 10px 0px 10px 0;
	padding-left: 10px;
	height: 35px;
	position:relative;
    border: 1px solid #ccc;
    border-style: none none solid none;
	         
}

.searchBarForm div {
	display: inline	
}

/* footer */
.footer {
	text-align:center;
	margin-top:25px
}

sup.required {
	color:red	
}

.mapContainer {
	border-width:1px;
	border-style:solid;
	/*width:600px*/
}

.loginEnrollCallToAction {
	border-style:solid;
	/*border-color:#CCCCCC;*/
	border-width:1px;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	width:600px;
	/* height:100px; */
	font-size: 14px;
    font-weight: bold;
    color: #D37201;
    text-align:center
}

.mainPageBlock {
	float:left;
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	width:300px;
	height:311px;
	font-size:14px
}

.mediumFont {
	font-size:14px
}

.searchBlockClasses {
	font-style: italic; color:gray; font-family:arial,sans-serif; font-size:12px;
}

/* Admin related css - should probably be moved to its own css */

.adminBlock {
	float:left;
	border:1px solid #ccc;
    border-radius:3px;  
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	width:280px;
	min-height:250px;
}

.adminBlock p {
	margin: 5px 5px 5px 5px	
}

.adminBlock li {
	margin: 5px 5px 5px 5px	
}

/* site map */

.siteMapBlock {
	margin:10px 5px 15px 5px;
	padding:2px 5px 2px 5px;
	border-style:solid; 
	border-width:1px;
	border-color:#CCCCCC;
	padding-bottom:10px;
	text-align:left;
	width:200px;
}

.italicGreyText {
    font-style: italic; color:gray; font-family:arial,sans-serif; font-size:12px;
    font-weight:normal;
}

.italicRedText {
    font-style: italic; color:red; font-family:arial,sans-serif; font-size:12px;
    font-weight:normal;
}


.topicSearchBox {
    background-image: url("/images/icon_mini_search.gif");
    background-position: left 1px;
    background-repeat: no-repeat;
    padding-left: 17px;
    width:280px;
}

.localitySearchBox{
    background-image: url("/images/icon_mini_search.gif");
    background-position: left 1px;
    background-repeat: no-repeat;
    padding-left: 17px;
    width:190px;
}

/* give some left margin to calendar image in date picker*/
.ui-datepicker-trigger {
    margin-left:2px
}

.plusone {display:inline}

.featuredCourseBlock {
	float:left;
	margin:15px 15px 0 0;
	border:1px solid #ccc;
	border-radius:3px;  
	width:207px;
	padding:7px 5px; 
	min-height:245px;
}