* {
	margin: 0;
	padding: 0;
	outline: none;
}

img {
	border: none;
	outline: none;
}

a {
	outline: none;
}

a:link img{
 outline: none;
 border: none;
 }
 




/*corner logo in black bar*/
#ciee {
	position: fixed; /*fixed is independent of any containing element – so it doesn’t matter where you put this*/
	_position: absolute; /*IE6 does not support fixed*/
	top: 0;
	left: 0;
	width: 137px;
	height: 32px;
	z-index: 700;
	outline: none;
	outline-style: none;
}

#topNav {
	width: 100%; /*due to position: fixed, this will span the width of the browser window*/
	height: 39px;
	top: 0;
	left: 0;
	position: fixed; /*fixed is independent of any containing element – so it doesn’t matter where you put this div*/
	_position: static; /*IE6 doesn’t support fixed – this needs to be static to get the ‘text align’ center to work*/
	z-index: 600;
	background: url(images-home/topNav_background.png) repeat-x scroll 0 0;
	_background: url(images-home/topNav_background_IE6.gif) repeat-x scroll 0 0; /*IE6*/
}


#topNav li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
}

#topNav li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}

#topNav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F6A92E;
	text-decoration: none;
}

body {
	background-color: #71b5f8;
}

#wrapper {
	width: 1039px;
	margin: 0 auto;
}

#wrapper2 {
	margin: 0 auto;
}

#nav {
	width: 1039px;
	height: 100px;
	background-image: url(images/nav-back4.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#navcontent2 {
	width: 1039px;
	height: 100px;
	background-image: url(images-content/nav-back4.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
}

#navcontent {
	width: 1039px;
	height: 100px;
	background-image: url(images-content/nav-back2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}


#headerimage {
	width: 1039px;
	height: 127px;
	position: relative;
}


#main {
	width: 1039px;
	background-image: url(images/home-back2.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	background-position: relative;
}



#main.back3 {
	width: 1039px;
	background-image: url(images/home-back3.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	background-position: relative;
}


#maincontent {
	width: 1039px;
	background-image: url(images-content/content-back.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-position: relative;
	min-height: 300px;
}

#footer {
	background-image: url(images/home-bottom.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 1039px;
	height: 70px;
}

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2564A1;
	line-height: 1em;
}

#footer li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: -2px;
	margin-bottom: -2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2564A1;
}


#footer li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2564a1;
	text-decoration: none;
}

#footer li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: underline;
}

#footercontent {
	background-image: url(images-content/content-bot.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 1039px;
	height: 75px;
	position: relative;
}

#footercontent.resources {
	background-image: url(images-content/content-botresources.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 1039px;
	height: 75px;
	position: relative;
}

#footercontent.highschool {
	background-image: url(images-students/pics-bottom2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 1039px;
	height: 75px;
	position: relative;
}

#footercontent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2564A1;
	line-height: 1em;
}

#footercontent li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: -2px;
	margin-bottom: -2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2564A1;
}


#footercontent li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2564a1;
	text-decoration: none;
}

#footercontent li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: underline;
}


/*Left navigation*/


.arrowlistmenu ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}


/* =-=-=-=-=-=-=-[Menu HS]-=-=-=-=-=-=-=- */


#leftnavhs {
	float: left;
	width: 249px;
}


#leftnavhs .arrowlistmenu ul {
	list-style-type: none;
	width: 198px;
	padding-top: 20px;
	margin-left: 36px;
}

#leftnavhs .arrowlistmenu ul.below {
	list-style-type: none;
	width: 198px;
	padding-top: 8px;
	margin-left: 36px;
}

#leftnavhs .arrowlistmenu li {
	border: 1px dotted #2c516a;
	border-width: 0px 0 1px 0;
	margin: 0;
}

#leftnavhs .arrowlistmenu li.bottom {
	border: 1px dotted #2c516a;
	border-width: 1px 0 1px 0;
	margin: 0;
}

#leftnavhs .arrowlistmenu li.none {
	color: #2c516a;
	display: block;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 4px 0px 4px 3px;
	text-decoration: none;
	border: 0px;
}



#leftnavhs .arrowlistmenu li.nonepad {
	border: none;
	margin-left: 7px;
}



#leftnavhs .arrowlistmenu li.top {
	border: 1px dotted #2c516a;
	border-width: 0px 0 0px 0;
	margin: 0;
}

#leftnavhs .arrowlistmenu li.beneath {
	border: 1px dotted #2c516a;
	border-width: 1px 0 1px 0;
	margin: 0;
}

#leftnavhs .arrowlistmenu li a {
	color: #2c516a;
	display: block;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 4px 0px 4px 3px;
	text-decoration: none;
}


#leftnavhs .arrowlistmenu h3 a {
	color: #70600D;
	text-decoration: none;
}

* html .arrowlistmenu li a {
	/* make hover effect work in IE */
	width: 198px;
}

#leftnavhs .arrowlistmenu li a:hover {
	background: #c3e0f2;
}

#leftnavhs .arrowlistmenu li.top a:hover {
	background: none;
	text-decoration: none;
}

#leftnavhs .arrowlistmenu a em {
	color: #333;
	display: block;
	font: normal 11px Verdana, Helvetica, sans-serif;
	line-height: 125%;
}



#leftnavhs .arrowlistmenu span {
	color: #2c516a;
	border: 0px dotted #2c516a;
	border-width: 0px 0 0px 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 55px;
	text-decoration: none;
	background-image: url(images-content/nav-bullet.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

#leftnavhs .arrowlistmenu span.arrow {
	text-decoration: none;
	background-color: #c3e0f2;
	background-image: url(images-content/nav-bullet4.gif);
	background-position: center left;
	background-repeat: no-repeat;
}


#leftnavhs .arrowlistmenu span a {
	color: #2c516a;
	padding: 0px 4px 0px 15px;
	line-height: 18px;
}

#leftnavhs .arrowlistmenu span a:hover {
	text-decoration: none;
	background-color: #c3e0f2;
	background-image: url(images-content/nav-bullet4.gif);
	background-position: center left;
	background-repeat: no-repeat;
}


/* =-=-=-=-=-=-=-[END Menu HS]-=-=-=-=-=-=-=- */

/* =-=-=-=-=-=-=-[Home Page RAchel Ray Text Formatting]-=-=-=-=-=-=-=- */

.tabcontent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 1.3em;
}

.tabcontent ul {
	margin: 0;
	margin-left: 50px;
	margin-top: 6px;
	margin-bottom: 5px;
	padding: 0;
}

.tabcontent ul li {
	display: block;
	padding: 0px 8px 7px 16px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #000;
	background-image: url(images-home/rachel-bullet1.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/* =-=-=-=-=-=-=-[End Home Page RAchel Ray Text Formatting]-=-=-=-=-=-=-=- */

/* =-=-=-=-=-=-=-[home page right column formatting]-=-=-=-=-=-=-=- */

p.homeright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 1.5em;
	padding: 5px 38px 5px 16px;
}

h1.homeright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #114e98;
	line-height: 1.1em;
	padding: 18px 38px 5px 16px;
	font-weight: normal;
}

/* =-=-=-=-=-=-=-[home page right column News Box]-=-=-=-=-=-=-=- */

#news {
	width: 287px;
	background-image: url(images-home/newsbox.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 8px 0 0 8px;
}

#news-bottom {
	width: 287px;
	height: 58px;
	background-image: url(images-home/newsbox-bottom2.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin: 0px 0 0 8px;
}

/* =-=-=-=-=-=-=-[home page ifds cta]-=-=-=-=-=-=-=- */

#ifdsCTAContainer { 
	position: relative;
	margin: 10px 0 0 40px;
	width: 225px;
	height: 213px;
	border: 1px solid #3e1e0b;
	padding: 10px;
	background: #5c3017 url(images-home/ifdsBG8x8.gif) repeat 0 0;}
	
#ifdsCTAContainer .borderContainerSolid {
	width: 220px;
	height: 208px;
	border: 1px solid #2a1407;
	padding: 2px;
  -moz-box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, .1);
  -webkit-box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, .1);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, .1);}
  
  #ifdsCTAContainer .borderContainer {
	width: 218px;
	height: 206px;
	border: 1px dotted #2a1407;
  -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, .1);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, .1);
  box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, .1);} 
  
  #ifdsCTAContainer .borderContainer h1 {
	font: normal normal bold 14px/15px Arial, Helvetica, Verdana, Sans-Serif;
	color: #c4ac85;
	text-shadow: 0px 1px 1px #000000;
	padding: 5px 5px 5px 8px;}	
	
#ifdsCTAContainer .borderContainer img {
	margin: 5px 10px 3px 10px;
  -moz-box-shadow: 0px 1px 2px 0px #000000;
  -webkit-box-shadow: 0px 1px 2px 0px #000000;
  box-shadow: 0px 1px 2px 0px #000000;}	
	
#ifdsCTAContainer .borderContainer p {
	font: italic normal normal 13px/16px Arial, Helvetica, Verdana, Sans-Serif;
	color: #c4ac85;
	text-shadow: 0px 1px 1px #000000;
	padding: 5px 0 5px 11px;}	
	
#ifdsCTAContainer .borderContainer a {
	font: italic normal normal 13px/16px Arial, Helvetica, Verdana, Sans-Serif;
	color: #F3BC67;
	text-shadow: 0px 1px 1px #000000;
	text-decoration: none;
  -moz-transition: color 300ms ease-in-out;
  -webkit-transition: color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;}	
	
#ifdsCTAContainer .borderContainer a:hover {
	color: #FFFFFF;
  -moz-transition: color 300ms ease-in-out;
  -webkit-transition: color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;}		
	
/* =-=-=-=-=-=-=-[CONTENT PAGES]-=-=-=-=-=-=-=- */


.clear {
	clear: both;
	height: 1px;
}

#hfquote {
	width: 752px;
	background-image: url(images-hostfamily/quotebox.gif);
	background-position: top left;
	background-repeat: repeat-y;
	margin: 0px 0 0 3px;
}

#hfquotebot {
	width: 752px;
	height: 36px;
	background-image: url(images-hostfamily/quotebox-bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	clear: both;
	margin: 0px 0 0 0px;
}

#contentarea {
	width: 790px;
	float: left;
}

#contentarea p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
	padding: 0px 45px 12px 20px;
}


#contentarea a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2564A1;
	text-decoration: underline;
}

#contentarea a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A64D22;
	text-decoration: underline;
}


.tabcontent#country1 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2564A1;
	text-decoration: underline;
}

.tabcontent#country1 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A64D22;
	text-decoration: underline;
}


.tabcontent#country2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2564A1;
	text-decoration: underline;
}

.tabcontent#country2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A64D22;
	text-decoration: underline;
}

.tabcontent#country3 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2564A1;
	text-decoration: underline;
}

.tabcontent#country3 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A64D22;
	text-decoration: underline;
}


.tabcontent#country4 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2564A1;
	text-decoration: underline;
}

.tabcontent#country4 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A64D22;
	text-decoration: underline;
}


#contentarea h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #2564A1;
	line-height: 1.5em;
	font-weight: normal;
	padding: 12px 45px 8px 20px;
}

#contentarea h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #A64D22;
	line-height: 1.4em;
	font-weight: normal;
	padding: 3px 45px 0px 20px;
}

.tabcontent#country1 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #A64D22;
	line-height: 1.4em;
	font-weight: normal;
	padding: 3px 45px 0px 20px;
}

.tabcontent#country2 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #A64D22;
	line-height: 1.4em;
	font-weight: normal;
	padding: 3px 45px 0px 20px;
}

.tabcontent#country3 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #A64D22;
	line-height: 1.4em;
	font-weight: normal;
	padding: 3px 45px 0px 20px;
}

.tabcontent#country4 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #A64D22;
	line-height: 1.4em;
	font-weight: normal;
	padding: 3px 45px 0px 20px;
}


#contentarea ul {
	list-style-type: none;
	margin: 0;
	margin-left: 50px;
	margin-top: 2px;
	margin-bottom: 5px;
	padding: 0 36px 3px 0;
}

#contentarea ul li {
	display: block;
	padding: 0px 8px 7px 16px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #000;
	background-image: url(images/bullet-main1.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#contentarea ul li ul
{
    margin-left:25px;
    margin-bottom:0px;
    padding: 7px 36px 0 0;
}

#contentarea ul li ul li
{
    padding-bottom:0px;
}

/* =-=-=-=-=-=-=-[HOST FAMILY ORIENTATION]-=-=-=-=-=-=-=- */

#contentarea #orientationContainer {
	position: relative;
	height: 650px;
	width: 725px;
	overflow: hidden;
	margin: 0 45px 8px 20px;}

#contentarea #orientationContainer #pageContainer {
	position: relative;
	/*width: 10875px; Width Calculated on Load with JS*/
	height: 650px;}

#contentarea #orientationContainer #pageContainer .orientationPageItem {
	position: relative;
	float: left;
	top: 0;
	height: 650px;
	width: 725px;}
	
#contentarea .orientationPageItem .countrypdfContainer {
	float: left;
	position: relative;
	width: 160px;
	margin-right: 15px;}
	
#contentarea .orientationPageItem .countrypdfContainer .countryTitle {
	position: relative;
	float: left;
	border-bottom: 1px dotted #FF8B49;
	width: 160px;
	padding-bottom: 8px;}
		
#contentarea #orientationContainer .orientationPageItem .toggleButton {
	background: url(./host-families/images/plusButtonIcon16x16.png) no-repeat 0 0;
	cursor: pointer;
	float: left;
	height: 16px;
	width: 16px;
	border: 0;
	padding: 0;
	margin: 0;}
	
#contentarea #orientationContainer .orientationPageItem .toggleButton.minus {
	background-image: url(./host-families/images/minusButtonIcon16x16.png);}			
	
#contentarea .orientationPageItem .countrypdfContainer .countryTitle p { 
	font: normal normal normal 14px/14px Verdana, Arial, Sans-Serif;
	color: #275E79;
	padding-left: 20px;
	text-align: center;
	cursor: pointer;}	
	
#contentarea #orientationContainer .orientationPageItem .pdfText {
	float: left;
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	display: none;}

#contentarea #orientationContainer .orientationPageItem .pdfText ul {
	padding: 0;
	margin: 0;}
	
#contentarea #orientationContainer .orientationPageItem .pdfText li {	
	font: normal normal normal 12px/18px Verdana, Arial, Sans-Serif;
	list-style-type: none;
	background-image: none;
	margin: 0;
	padding: 0;}
	
#contentarea .orientationPageItem .countrypdfContainer .countryItem {
	position: relative;
	float: left;}			

#contentarea #orientationContainer #pageContainer .orientationPageItem .orangeBox {
	background-color: #FF8B49;
	position: relative;
	width: 525px;
	height: 40px;
	margin: 20px 0 0 100px;}

#contentarea #orientationContainer #pageContainer .orientationPageItem .orangeBox:hover {
	background-color: #A7CFEA;
	cursor: pointer;}

#contentarea #orientationContainer #pageContainer .orientationPageItem .orangeBox p {
	font: normal normal normal 18px/40px Verdana, Arial, Sans-Serif;
	color: #FFFFFF;
	text-align: center;
	padding: 0;}
	
#j1InfoBox {
	display: none;
	position: absolute;
	margin-top: 10px;
	left: 190px;
	background-color: #FF8B49;
	width: 505px;
	padding: 10px 0 10px 10px;}
	
#j1InfoBox p {
	font: normal normal normal 11px/14px Verdana, Arial, Sans-Serif;
	color: #000000;
	text-decoration: none;
	border: none;}
	
#j1Info {
	display: inline;}

#j1Info:hover #j1InfoBox {display: block;}

#j1Info:hover {
	cursor: pointer;
	text-decoration: none;}	

#contentarea #orientationContainer .orientationPageItem h2 {
	margin-bottom: 20px;
	padding: 0 0 0 35px;
	height: 30px;
	line-height: 30px;}

#contentarea #orientationContainer .orientationPageItem h3 {
	font: normal normal normal 14px/14px Verdana, Arial, Helvetica, Sans-Serif;
	color: #275E79;
	margin: 10px 0;}

#contentarea #orientationContainer .orientationPageItem p {
	padding: 0 20px 0 0;}

#contentarea #orientationContainer .orientationPageItem ul {
	margin-top: 8px;
	margin-bottom: 0;}
	
#contentarea #orientationContainer .orientationPageItem ol {
	list-style-type: lower-alpha;
	margin: 8px 0 5px 50px;
	padding: 0 36px 3px 0;}	
	
#contentarea #orientationContainer .orientationPageItem ol li {
	font: normal normal normal 12px/16px Verdana, Arial, Sans-Serif;
	padding: 0 8px 7px 0;
	color: #000000;}	

#contentarea #orientationContainer .orientationPageItem img {
	border: 3px solid #A7A7A7;
	float: left;
	margin-right: 15px;
	margin-bottom: 4px;}
	
#contentarea #orientationContainer .orientationPageItem img.right {
	float: right;
	margin: 0 0 4px 15px;}

#contentarea #buttonContainer {
	position: relative;
	float: left;
	height: 28px;
	width: 725px;
	margin: 18px 45px 8px 20px;}

#contentarea .orientationBorderTop {
	border-top: 1px solid #a64d22;
	border-bottom: 1px solid #a64d22;
	position: absolute;
	top: 84px;
	left: 270px;
	height: 4px;
	width: 725px;
	z-index: 100;}

#contentarea .orientationBorderBottom {
	border-top: 1px solid #a64d22;
	border-bottom: 1px solid #a64d22;
	position: absolute;
	top: 710px;
	left: 270px;
	height: 4px;
	width: 725px;
	z-index: 100;}

#contentarea #buttonContainer .orientationButton {
	background: url(images/nextBackButton.png) no-repeat transparent;
	height: 25px;
	width: 99px;
	margin-top: 5px;}
	
#contentarea #buttonContainer .pageNumberCounter {
	position: absolute;
	left: 338px;
	height: 25px;}	

#contentarea #buttonContainer .pageNumberCounter p {
	font: normal normal normal 12px/12px Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 10px 0 0 0;}	

#contentarea #buttonContainer .orientationButton.back {
	background-position: 0 0;
	float: left;}

#contentarea #buttonContainer .orientationButton.back:hover {
	background-position: 0 -30px;
	cursor: pointer;}

#contentarea #buttonContainer .orientationButton.next {
	background-position: -103px 0;
	float: right;}

#contentarea #buttonContainer .orientationButton.next:hover {
	background-position: -103px -30px;
	cursor: pointer;
	float: right;}

/*SCROLL PANE*/

.scroll-pane {
	width: 725px;
	height: 600px; /*make sure this matches fmRightMiddle*/
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #f3f1ef;
}
.jScrollPaneDrag {
	position: absolute;
	background-color: #FF8B49;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden; /*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden; /*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*END OF SCROLLPANE*/

/* =-=-=-=-=-=-=-[CONTENT PAGES - 4 col container]-=-=-=-=-=-=-=- */


.container4col {
	width: 760px;
}

.container4col p {
	padding: 0px;
}

.container4col .left {
	width: 160px;
	float: left;
}
.container4col .middle {
	width: 155px;
	float: left;
	margin-left: 16px;
}
.container4col .right {
	width: 155px;
	float: left;
	margin-left: 16px;
}
.container4col .farright {
	width: 155px;
	float: left;
	margin-left: 16px;
}


.clear {
	clear: both;
}




/* =-=-=-=-=-=-=-[CONTENT PAGES - 3 col container]-=-=-=-=-=-=-=- */


#container3col {
	width: 760px;
}

#container3col .left {
	width: 250px;
	float: left;
}
#container3col .middle {
	width: 250px;
	float: left;
	margin-left: 2px;
}
#container3col .right {
	width: 250px;
	float: left;
	margin-left: 2px;
}
.clear {
	clear: both;
}

#container3col .left p {
	padding-right: 6px;
}
#container3col .middle p {
	padding-right: 6px;
}
#container3col .right p {
	padding-right: 6px;
}



/* =-=-=-=-=-=-=-[CONTENT PAGES - 3 col container 2 to 1 ratio]-=-=-=-=-=-=-=- */


#container3colk {
	width: 760px;
}

#container3colk .left {
	width: 500px;
	float: left;
}

#container3colk .right {
	width: 250px;
	float: left;
	margin-left: 2px;
}
.clear {
	clear: both;
}

#container3colk .left p {
	padding-right: 6px;
}

#container3colk .right p {
	padding-right: 6px;
}

/* =-=-=-=-=-=-=-[CONTENT PAGES - 2 col container]-=-=-=-=-=-=-=- */

#container2col {
	width: 760px;
}

#container2col .left p {
	padding-right: 30px;
}
#container2col .right p {
	padding-right: 6px;
}

#container2col .left {
	width: 370px;
	float: left;
}
#container2col .right {
	width: 370px;
	float: left;
	margin-left: 2px;
}

#container2cole .left {
	float: left;
}
#container2cole .right {
	float: left;
	margin-left: 2px;
}

#container2colf .left {
	float: left;
	width: 320px;
}
#container2colf .right {
	float: left;
	margin-left: 8px;
	width: 435px;
}

#container2colf .left p {
	padding-right: 0px;
	padding-left: 0;
}
#container2colf .right p {
	padding-right: 9px;
	padding-left: 0;
}

#container2colb .left {
	width: 420px;
	float: left;
}
#container2colb .right {
	width: 320px;
	float: left;
	margin-left: 2px;
}

#container2cold .left {
	width: 435px;
	float: left;
}
#container2cold .right {
	width: 320px;
	float: left;
	margin-left: 2px;
}

#container2cold .left p {
	padding-right: 20px;
}
#container2cold .right p {
	padding-right: 9px;
}


#container2colb .left p {
	padding-right: 10px;
}
#container2colb .right p {
	padding-right: 0px;
}

#container2col .left ul {
	list-style-type: none;
	margin: 0;
	margin-left: 22px;
	margin-top: 1px;
	margin-bottom: 5px;
	padding: 0 5px 3px 0;
}

#container2col .right ul {
	list-style-type: none;
	margin: 0;
	margin-left: 22px;
	margin-top: 1px;
	margin-bottom: 5px;
	padding: 0 5px 3px 0;
}

.bodyoval #container2col .left ul {
	list-style-type: none;
	margin: 0;
	margin-left: 22px;
	margin-top: 1px;
	margin-bottom: 5px;
	padding: 0 5px 3px 0;
}

.bodyoval #container2col .right ul {
	list-style-type: none;
	margin: 0;
	margin-left: 22px;
	margin-top: 1px;
	margin-bottom: 5px;
	padding: 0 5px 3px 0;
}

.bodyoval #container2col .right li {
	display: block;
	padding: 0px 8px 7px 16px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #000;
	background-image: url(images/bluebullet.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.bodyoval #container2col .left li {
	display: block;
	padding: 0px 8px 7px 16px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #000;
	background-image: url(images/bluebullet.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


/* =-=-=-=-=-=-=-[CONTENT PAGES - colored ovals]-=-=-=-=-=-=-=- */

.blueoval {
	width: 748px;
	background-image: url(images-content/blue-ovaldiv.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.blueovalbot {
	width: 748px;
	height: 16px;
	background-image: url(images-content/blue-ovalbot.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


.bodyoval {
	width: 748px;
	background-image: url(images/bodyoval.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.bodyovalbot {
	width: 748px;
	height: 13px;
	background-image: url(images/bodyovalbot.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.tealoval {
	width: 731px;
	background-image: url(images-content/teal-oval.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.telovalbot {
	width: 731px;
	height: 27px;
	background-image: url(images-content/teal-ovalbot.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.townoval {
	width: 755px;
	background-image: url(images-content/town-top6.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

.townbot {
	width: 755px;
	height: 160px;
	background-image: url(images-content/town-bot.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}


.blue355 {
	width: 355px;
	background-image: url(images-content/blue355a.gif);
	background-position: top left;
	background-repeat: repeat-y;
}


.blue355ciee {
	width: 355px;
	background-image: url(images-aboutus/blue355aciee.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.blue355bot {
	width: 355px;
	height: 22px;
	background-image: url(images-content/blue355bota.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


.blue334 {
	width: 334px;
	background-image: url(images-content/blue334.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.blue334bot {
	width: 334px;
	height: 24px;
	background-image: url(images-content/blue334bot.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


#container2col .right .blue334 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 1.3em;
	padding: 17px 18px 1px 21px;
}

#container2col .right .blue334 a {
	color: #FFF;
}

#container2col .right .blue334 a:hover {
	color: #99CCFF;
}


#container2cold .left .blue355 a {
	color: #FFF;
}

#container2cold .left .blue355 a:hover {
	color: #99CCFF;
}

#container2col .left .blue355 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 1.3em;
	padding: 17px 18px 6px 21px;
}

#container2col .left .blue355 a {
	color: #FFF;
}

#container2col .left .blue355 a:hover {
	color: #99CCFF;
}

.teal305 {
	width: 305px;
	background-image: url(images-hostfamily/teal305.gif);
	background-position: top left;
	background-repeat: repeat-y;
}



.teal305face {
	width: 305px;
	background-image: url(images-students/teal305facebook.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.teal305quote {
	width: 305px;
	background-image: url(images-hostfamily/teal-quote2.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.teal305bot {
	width: 305px;
	height: 22px;
	background-image: url(images-hostfamily/teal305bot.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


.teal290 {
	width: 293px;
	background-image: url(images-schools/teal290.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.teal290quote {
	width: 293px;
	background-image: url(images-schools/teal290quote.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.teal290bot {
	width: 293px;
	height: 25px;
	background-image: url(images-schools/tealbot290.gif);
	background-position: top left;
	background-repeat: no-repeat;
}



#container2colb .right .teal305 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 1.3em;
	padding: 17px 18px 6px 21px;
}


#container2cold .right .teal305face p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 1.4em;
}


#container2cold .right .teal305face a {
	color: #FFF;
}

#container2cold .right .teal305face a:hover {
	color: #a7cfea;
}

#container2cole .right .teal305quote p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 1.3em;
	padding: 17px 18px 6px 21px;
}

#container2colb .right .teal305 ul {
	list-style-type: none;
	margin: 0;
	margin-left: 20px;
	margin-top: 6px;
	margin-bottom: 5px;
	padding: 0 5px 3px 0;
}

#container2colb .right .teal305 ul li {
	display: block;
	padding: 0px 8px 7px 15px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #FFF;
	background-image: url(images-hostfamily/teal-bullit.gif);
	background-position: top left;
	background-repeat: no-repeat;
}



#orange ul {
	list-style-type: none;
	margin: 0;
	margin-left: 20px;
	margin-top: 6px;
	margin-bottom: 5px;
	padding: 5px 5px 3px 0;
}

#orange ul li {
	display: block;
	padding: 0px 285px 16px 15px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #000;
	background-image: url(images-students/orange-bul2.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


#container2colb .right .teal305 ul li a {
	color: #FFF;
	text-decoration: none;
}

#container2colb .right .teal305 ul li a:hover {
	color: #FFF;
	text-decoration: underline;
}

#container2col .right .blue355 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 1.3em;
	padding: 17px 18px 6px 21px;
}

#container2col .right .blue355 a {
	color: #FFF;
}

#container2col .right .blue355 a:hover {
	color: #99CCFF;
}

#container2col .right .blue355ciee p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 1.3em;
	padding: 17px 18px 6px 21px;
}

#container2col .right .blue355ciee a {
	color: #FFF;
}

#container2col .right .blue355ciee a:hover {
	color: #99CCFF;
}


/*tables*/

#table1 {
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	margin-bottom: 5px;
	margin-left: 20px;
}

#table1 h3 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #006A71;
	font-weight: normal;
}

#table1 h4 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 17px;
	color: #484004;
	font-weight: normal;
}

#table1 .divider {
	height: 2px;
	line-height: 2px;
	font-size: 2px;
}



#table1 td {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 5px 5px 5px 8px;
}



.textInput {
	width: 220px;
	height: 20px;
	border: none;
	background: none;
	color: #000000;
	font-size: 11px;
}

.fieldHolder {
	width: 231px;
	height: 23px;
	background: url(images/form.gif) no-repeat;
	float: left;
}

/*Forms*/

#infoForm_formRequestInfo{
    float: left;
    width: 790px;
}

#infoForm_formRequestInfo fieldset {
    font-size: 1.4em;
	width: 580px;
	margin-left: 16px;
	margin-top:0px;
}

/* =-=-=-=-=-=-=-[Recipe Page]-=-=-=-=-=-=-=- */

#recipe {
	width: 715px;
	background: url(images-aboutus/recipes/main-back.gif) top left repeat-y;
	margin: 15px 0 0 25px;
}

#contentarea #recipe p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
	padding: 0px 45px 12px 50px;
}


#contentarea #recipe a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A64D22;
	text-decoration: underline;
}

#contentarea #recipe a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2564A1;
	text-decoration: underline;
}

#recipeoval {
	width: 419px;
	background: url(images-aboutus/recipes/ovaltop.gif) top left repeat-y;
}

/* =-=-=-=-=-=-=-[RECIPE PAGES - 3 col container]-=-=-=-=-=-=-=- */


.container3recipe {
	width: 715px;
}

#container3recipe .left {
	width: 230px;
	float: left;
}
#container3recipe .middle {
	width: 230px;
	float: left;
	margin-left: 2px;
}
#container3recipe .right {
	width: 230px;
	float: left;
	margin-left: 2px;
}
.clear {
	clear: both;
}

#maincontent #recipe #container4recipe .left p {
	padding-right: 9px;
	padding-left: 48px;
	color: #A64D22;
}
#maincontent #recipe #container4recipe .middle p {
	padding-right: 15px;
	padding-left: 24px;
	color: #A64D22;
}
 #maincontent #recipe #container4recipe .right p {
	padding-right: 18px;
	padding-left: 8px;
	color: #A64D22;
}


.container4recipe {
	width: 715px;
}

#container4recipe .left {
	width: 230px;
	float: left;
}

#container4recipe .middle {
	width: 230px;
	float: left;
	margin-left: 1px;
}
#container4recipe .right {
	width: 230px;
	float: left;
	margin-left: 0px;
}

#maincontent #retrotext1 p {
	padding-left: 0;
	padding-right: 0;
}
#maincontent #recipetext p {
	padding: 0 0 4px 0;
	margin: 0;
	line-height: 1.2em;
}
#maincontent #recipetext2 p {
	padding-left: 0;
	padding-right: 0;
}
#maincontent #recipecol1 p {
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 1.1;
}
#maincontent #recipecol2 p {
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 1.1;
}
#maincontent #recipecol3 p {
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 1.1;
}

#updated {
	width: 608px;
	background: url(images-aboutus/recipes/updated-back.gif) top left repeat-y;
}

.fieldholder {
	float: left;
}

/* =-=-=-=-=-=-=-[RECIPE PAGES - 3 col container]-=-=-=-=-=-=-=- */

div.one {
	color: #FFFFFF;
	position: relative;
	overflow: hidden;
	width: 227px;
	height: 236px;
	margin-left: 1px;
	float: left;
}


div.one p {
	margin-left: 500px;
	font-size: 16px;
	margin-top: 15px;
}

div.one:hover p {
	margin-left: 0px;
	padding-left: 0px;
}

div.one img {
	margin-left: 500px;
	border: 0;
}

div.one:hover img {
	margin-left: 0;
	margin-top: 0px;
	border: 0;
	text-decoration: none;
}



div.one h1 {
	color: #FFFFFF;
	position: absolute;
	top: 13px;
	left: 9px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}


div.one:hover {
	background: url(images-hostfamily/forsterVideoOverlay3.png) no-repeat 0 0;

}



.applynow 
{
    position: absolute; top: 223px; right: 20px; z-index: 500;
    width: 97px;
	height: 97px;}


.applynow a{
	background:url(images/applynow3.png) no-repeat 0 0;
	display:block;
	width:97px;
	height:97px;
	overflow:hidden;
	line-height:400px;}
	
.applynow a:hover{
	background:url(images/applynow4.png) no-repeat 0 0;}
	
.applybutton 
{
    width: 116px;
	height: 26px;}


.applybutton a{
	background:url(images/applybutton1.png) no-repeat 0 0;
	display:block;
	width:116px;
	height:26px;
	overflow:hidden;
	line-height:400px;}
	
.applybutton a:hover{
	background:url(images/applybutton2.png) no-repeat 0 0;}
	

.columnapplybutton 
{
    width: 150px;
	height: 34px;
	margin-left: 64px;
    margin-top: 20px;}


.columnapplybutton a{
	background:url(images/applybutton5.png) no-repeat 0 0;
	display:block;
	width:150px;
	height:34px;
	overflow:hidden;
	line-height:400px;}
	
.columnapplybutton a:hover{
	background:url(images/applybutton6.png) no-repeat 0 0;}


/* =-=-=-=-=-=-=-[RECIPE PAGES - 3 col container winners]-=-=-=-=-=-=-=- */

 .containerwinners {
	width: 715px;
	margin-left: 35px;
	margin-bottom: 16px;
}


#recipe .containerwinners p
{
    font: normal normal normal 11px/14px Verdana, Arial, Sans-Serif;
	padding: 4px 0 0 10px;

}


.containerwinners .left {
	width: 208px;
	float: left;

}

.containerwinners .middle {
	width: 208px;
	height: 213px;
	margin-left: 10px;
	float: left;

}
.containerwinners .right {
	width: 208px;
	height: 213px;
	float: left;
	margin-left: 10px;

}