@import url(reset.css);

/* --------html redefined */
	html, body {margin:0; padding:0; font-size: .9em; font-family: Arial, sans-serif;}
	
	h1 {font-size: 1.8em; margin: .5em 0 ;}
	h2 {font-size: 1.4em; margin: .5em 0 0.4em;}
	h3 {font-size: 1.25em; margin: .5em 0 0.25em;}
	p {margin:.5em 0 .25em;}
	
	a {color:#369; text-decoration:underline;}		

	.orange {color:#dc891b;}
	.blueTitle {color:#2870A2;}
	.loud {font-weight:bold;}
	.hide {display:none;}

/* ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]CORE]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* --------layout */
	#title, #header, #headerEmpty, div#headerAmanda, div#headerAmandaEmpty, #main, #footer, div#footerOrange, div#footerGreen, #footerLinks {width:809px; margin:0 auto; padding:0; border:0; overflow:hidden;}
	.titleC, .headerC, .mainC, .footerC, .footerLinksC {margin:0 auto; padding:0; border:0; background:transparent; width:779px; overflow:hidden;}
	.headerC {width:809px;}
	
/* --------TITLE */	
	div#title {margin:0px auto 0px; line-height:1;}
	 #title div.titleC {}
	 
	 .titleLeft{height:122px; width:345px;}
	 .titleRight {height:122px; width:400px;}
	 .titleLeft {float:left;}
	 .titleRight {float:right}
 .titleRightC {
	text-align:right;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
} 
	 .titleRightC span {float:right; padding:0px 0 0;}

/* --------HEADER */
	div#header {background: url(../../img/subSite/ss-headerbg-main.gif) 0 34px no-repeat scroll; height:63px; line-height:1;}
	 #header div.headerC {}
	 .headerC a, .headerC a:visited, .headerC a:hover {font-weight:bold; text-decoration:none; color:#fff; font-size:1.15em;}
	 .headerC div {float:left; background: 0 0 no-repeat; margin:0 5px 0 0; text-align:center; padding:12px 0 0;}

/* header with no tabs */	 
	#headerEmpty {background: url(../../img/subSite/ss-headerbg-enroll.gif) 0 4px no-repeat scroll; height:33px; line-height:1;}

/* header amanda */	
	div#headerAmanda {background: url(../../img/subSite/ss-headerbg-amanda.jpg) 0 34px no-repeat scroll; height:63px; line-height:1;}

/* header amanda with no tabs */	
	div#headerAmandaEmpty {background: url(../../img/subSite/ss-headerbg-amanda-notabs.jpg) 0 4px no-repeat scroll; height:33px; line-height:1;}
	
	
/* tabs */
	 div.tWelcome {height:37px; width:96px; background-image:url(../../img/subSite/ss-tab-welcome.gif);}
	 div.tWelcomeSel {height:37px; width:96px; background-image: url(../../img/subSite/ss-tab-welcome-on.gif)}
	 
	 div.tFind {height:37px; width:96px; background-image:url(../../img/subSite/ss-tab-find.gif);}
	 div.tFindSel {height:37px; width:96px; background-image:url(../../img/subSite/ss-tab-find-on.gif);}
	 
	 div.tHiw {height:37px; width:112px; background-image:url(../../img/subSite/ss-tab-hiw.gif);}
	 div.tHiwSel {height:37px; width:112px; background-image:url(../../img/subSite/ss-tab-hiw-on.gif);}
	 
	 div.tWhy {height:37px; width:136px; background-image:url(../../img/subSite/ss-tab-why.gif);}/* to be changed when i get the images */
	 div.tWhySel {height:37px; width:136px; background-image:url(../../img/subSite/ss-tab-why-on.gif);}
	
/* --------MAIN */	
	#main ol,#main ul,#main li{}
	#main ul, #main ol {}
	#main li {}
	div#main {background: url(../../img/subSite/ss-mainbg.gif) 0 0 repeat-y scroll ; position:relative; min-height:260px; font-size:100%;}/* rgb(220, 131, 41)*/
	div.amandaMain {background: url(../../img/subSite/ss-mainbg-amanda.jpg) 0 0 no-repeat;}
	div.whiteBG {background:white;width:803px; margin:0 auto; overflow-x:hidden; min-height:260px;}
	 #main div.mainC {}

	.contentLeftSubSite {width:186px; background:transparent; float:left; margin: 0 10px 0 0 ; overflow:hidden;}
	#contentleft_nav {width:186px; min-height:1px;}
	.contentRightSubSite {width:779px; background:transparent; float:left; overflow:hidden;}
	.withLeftNav {width:583px;}

/* --------adding extra margin and other changes for pages from classic layout */
	 .extraMargin div.mainC {width:709px;}
	 .extraMargin div.contentRightSubSite {width:709px}
	 .extraMargin div#right_col table {width:709px;}
	 
	
/* --------FOOTER */	
	div#footer {background: url(../../img/subSite/ss-footerbg-main.gif) 0 0 no-repeat scroll; height:27px;}

/* for pages with the orange footer */
	div#footerOrange {background: url(../../img/subSite/footer.jpg) 0 0 no-repeat scroll; height:27px;}
	 
/* for pages with the green footer */
	div#footerGreen {background: url(../../img/subSite/ss-footerbg-green.gif) 0 0 no-repeat scroll; height:27px;}
	
/* --------FOOTER LINKS */	
	div#footerLinks {line-height:1;}
	 #footerLinks div.footerLinksC {padding-bottom:10px;}
	 .footerLinksC p.links {text-align:center; margin:15px 0 0; color:#333;}
	 .footerLinksC p.links a {padding:0 4px;}
	
	div.footerText {font-weight:bold; padding:15px 0 0; text-align:center;}	
	.footerText p {padding:0; margin:0; line-height:1.5;}
/* ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]END CORE]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]] */

/* --------findparentapproval */

	.findparentapprovalC {background:url(../../img/subSite/find_map.gif) 50px 50px no-repeat; padding:0 35px 25px; height:290px; }
	.findparentapprovalSearch {position:relative; top:81px; left:54px;}
	.findparentapprovalSearch table td {padding:0 5px 5px 0; vertical-align:top;}
	.findparentapprovalCities {position:absolute; top:20px; right:80px;}
	.findparentapprovalCities table td {padding:4px 4px 0;}
	.findparentapprovalCities a {line-height: 1.35em;}
	
/* --------howItWorks */
	
	.howItWorksC {margin:0 35px 25px;}
	.hiwInfo {width:145px; height:50px; float:left; padding:10px 0 0 30px;}
	.hiwTour {position:absolute; top:20px; right:30px; height:215px; width:186px; background:url(../../img/subSite/hiw_tour.gif) 0 0 no-repeat;}
	
/* --------whyparentapproval */
	.whyparentapprovalC {margin:0 35px 25px;}
	.majorPoints {padding:0 0 0 1em; margin:0;} /* move all this to common */
	.majorPoints li {list-style-type: disc; color:#dc891b; margin:0 0 15px 0; padding:0;}
	.majorPoints span {color: black;}
	.majorPoints span.title {font-size:1.5em; color:#999; display:block;}
	.whyparentapprovalBlurb {background:url(../../img/subSite/why_sheila.jpg) 0 0 no-repeat; width:710px; height: 205px;}
	.whyparentapprovalBlurb p {margin:0 20px 0 220px; padding:15px 0;}
	
/* ]]]]-REDEFINED FOR SUBSITE */	
	h1.enroll_pages {color:#2870A2; font-weight:bold;}
	h1.info{color:#2870A2; font-weight:bold; font-size:1.6em; display:block; line-height:1;}

/* on enroll single page */	
	.joinBut {width:709px;}
	.txt_subTitle {padding-bottom:10px;}
	
	.subRightNav #contentleft {float:left;}
	.subRightNav #contentright {padding:0 0 0 15px; float:left;}
	
	#sheilaBio {line-height:1.35em;}
	ul.reviewList {padding:0 0 0 5px;}
	.termsTable p {margin:15px 0;}
	.privacyTable p {margin:15px 0;}
	
/* refine search conditional rounded top */	
	#leftNavRefine_content {top:0 !important;}
	#refine_nav_col {padding-top:0px !important;}
	.subSiteTop {height:24px; width:186px;  background: url(../../img/subSite/refine_cap_top.gif) 0 0 no-repeat;}
	#refine_nav_col {background: url(../../img/subSite/refine_cap_bottom.gif) 0 100% no-repeat #ededed !important;}

/* ]]]]-END REDEFINED FOR SUBSITE */	
.mywidth1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	display: inline;
	width: 500px;
	height: 200px;
}
.mywidth2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	display: inline;
}
.mywidth{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
p{
	text-align: justify;
}
.biggertext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.bigtext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.smalltext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.orangetext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc0000;
}
.blueboldtext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
}
.orangeboldtext {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #cc0000;
}
li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	list-style-image: url(../../img/subSite/bullet.jpg);
	margin: 5px;
}

.redtext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}

.textbox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #006699;
}

.textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 90px;
	width: 250px;
	border: 1px solid #006699;
}

.btn{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006699;
	border: 1px solid #006699;
}