*
{
	margin: 0 auto;
	padding: 0;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	outline: none;
	outline-style: none;
}

* html
{
	margin: 0 auto;
	padding: 0;
	outline-style: none;
}

/*This hides the 16x16 white iframe that the 'addthis' button script adds. This appeared 9.22.09 when they had a release. We have
emailed addthis.com and have yet to hear back (9.23.09)*/
#_atssh
{
	display: none;	
}

body
{
	text-align: center;
	background: #6EB5FC url(../images/sitewide/background.gif) repeat-x 0 0;
	_background: #6EB5FC url(../images/sitewide/background_IE6.gif) repeat-x 0 0;	/*IE6*/
	width: 100%;
	outline-style: none;
}

.displayNone
{
	display: none;
}

/*black bar*/

#ciee
{
	position:fixed;			/*fixed is independent of any containing element - doesn't matter where you put this div*/
	_position: absolute;	/*IE6 - fixed not supported*/
	top:0;
	left:0;
	width:137px;
	height:32px;
	z-index:100;
	outline: none;
	outline-style: none;
}

#topNav
{
	width: 100%;
	height: 39px;
	top: 0;
	left: 0;
	position: fixed;	/*indedpendent of any containing element*/
	_position: static;	/*IE6, fixed not supported - can't be absolute as text-align: center won't work*/
	z-index: 99;
	background: url(../images/sitewide/topNav_background.png) repeat-x 0 0;
	_background: url(../images/sitewide/topNav_background_IE6.gif) repeat-x 0 0;	/*IE6*/
	text-align: center;
	margin: 0;
	padding: 0;
	outline: none;
	outline-style: none;
	white-space: nowrap;
}

#topNav ul
{
	/*border: solid 1px white;*/
	height: 32px;
	line-height: 31px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: inline;
}

#topNav li
{		
	display: inline;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	padding-left: 25px;	
}

#topNav li span.doubleChevron
{
	font-size: 10px;
	color:  #9ECEEB;
}

#topNav li a
{
	color: #FFF;
	text-decoration: none;
	font-family: Arial;
	padding-left: 4px;
	outline: none;
	outline-style: none;
	font-size:10px;
}

#topNav li a:link
{
	color: #FFF;
	text-decoration: none;
}

#topNav li a:visited
{
	color: #FFF;
	text-decoration: none;
}

#topNav li a:hover, #topNav li a.selected:hover
{
	color: #9ECEEB;
	text-decoration: none;
}

#topNav li a.selected
{
	color: #FF9929;
}

/*end of black bar*/

#wrapper
{
	width: 1000px;
	position: relative;
	text-align: center;	
	/*border: solid 1px red;*/
}

#logoAndButtons
{
	position: relative;
	width: 1000px;
	height: 108px; /*37 for topNav w/drop shadow*/
	_height: 76px; /*IE 6 (add 108-37+5 for the drop shadow it ignores since it's part of the bg image)*/
	/*border-bottom: solid 1px green;*/
	z-index: 10; /*this allows the newsletter overlay to sit on top of fading images in the header*/
}

#logo
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 176px;
	height: 71px;
	text-align: right;
	background: url(../images/sitewide/logo.gif) no-repeat 0 0;
}

.topButton_right, .topButton_center, .topButton_left
{
	float: right;
	position: relative;
	height: 71px;
	/*line-height: 63px;*/
	margin-top: 38px; /*1px over*/
	_margin-top: 5px; /*IE 6 ignores fixed positioning, this div is below the top nav as opposed to under*/
	/*border: solid 1px red;*/
}


.topButton_right
{
	background: url(../images/sitewide/topButton_right.gif) no-repeat 0 0;
	width: 14px;	
}

.topButton_center
{	
	background: url(../images/sitewide/topButton_center.gif) repeat-x 0 0;	
}

.topButton_left
{
	background: url(../images/sitewide/topButton_left.gif) no-repeat 0 0;
	width: 11px;	
}

#newsletterButtonTop{
	float: right;
	position: relative;
	width: 174px;
	height: 71px;	
	margin-top: 38px;	
	text-align: left;
	background: url(../images/sitewide/newsletterButton174x71.gif) no-repeat 0 0;}
	
#newsletterButtonTop #goButton{
	position: absolute;	
	top: 25px;
	right: 10px;
	width: 37px;
	height: 20px;
	cursor: pointer;}
	
#newsletterButtonTop #txtNewsletterEmail{
	position: absolute;
	top: 27px;
	left: 5px;
	width: 110px;
	color: #7D7D7D;
	font: normal normal normal 9px/9px Verdana;}
	
#newsletterButtonTop #txtNewsletterEmail.readOnly{
	color: Gray;	
	background-color: #E5E5E5;}
	
#newsletterButtonTop #nlErrorMsg{
	position: absolute;
	font: normal normal normal 9px/9px Verdana;
	color: #FF0000;
	width: 110px;
	height: 10px;
	overflow: hidden;
	bottom: 16px;	
	left: 5px;}	

#leftColumn
{
	float: left;
	position: relative;
	width: 239px;
	text-align: left;
	z-index: 2;	/*sits on top of rightColumn*/
	/*border: solid 1px yellow;*/
}

#leftColumn_nav_top
{
	
	width: 239px;	
	overflow: visible;
	position: relative;	
	top: 0;
	left: 8px;
	background: url(../images/sitewide/leftNav_top.gif) no-repeat 1px 6px;
	*background-position: 1px 5px;
	_background-position: 1px 5px;	
	/*border: solid 1px black;*/
}

#leftColumn_nav_top a
{
	display: block;
	width: 190px;
	height: 65px;	
	line-height: 97px;
	overflow: hidden;
	color: #316491;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	outline: none;
	text-decoration: none;
	/*border: solid 1px red;*/
}

#leftColumn_nav_top a:link
{
	color: #316491;
	text-decoration: none;
}

#leftColumn_nav_top a:visited
{
	color: #316491;
	text-decoration: none;
}

#leftColumn_nav_top a:hover
{
	color: #FF9929;
	text-decoration: none;
}

#leftColumn_nav
{
	width: 239px;
	position: relative;
	left: 8px;
	text-align: left;
	background: url(../images/sitewide/leftNav_background.gif) repeat-y 1px 0;
	z-index: 4;	/*Sits on top of leftColumn_nav_bottom so mouse over drops over it*/
}


#leftColumn_nav_bottom
{
	
	width: 239px;
	height: 45px;	
	z-index: 3; /*Sits on top of leftColumn_nav_bottom so mouse over drops under it*/
	overflow: visible;
	position: relative;	
	bottom: 0;
	left: 8px;
	background: url(../images/sitewide/leftNav_bottom.gif) no-repeat 1px 0;
	/*border: solid 1px black;*/
}


#rightColumn
{
	float: left;
	position: relative;
	width: 761px;
	text-align: right;
	z-index: 1; /*sits under leftColumn*/
	/*border: solid 1px red;*/
}

#rightColumn_tag_cloud_container
{	
	*margin-top: -3px;	/*IE 7 - mysterious line above content*/
	_margin-top: -3px;	/*IE 6 - mysterious line above content*/
	width: inherit;
	text-align: left;
	position: relative;	
	/*border: 1px solid black;*/
	background: url(../images/sitewide/innerRightBackground.gif) repeat-y right top;
}

#alertTextDiv
{
	
	_margin-top: -3px;	/*IE 6 - mysterious line above content*/
	text-align: left;	
	/*border: 1px solid black;*/
	background: url(../images/sitewide/innerRightBackground.gif) repeat-y 4px top;
	font-family: Verdana, Sans-Serif !important;
	font-size: 12px !important;
	color: #000000;
	position: relative;
	padding: 10px 20px 5px 20px;
}

#alertTextDiv p
{
	font-family: Verdana, Sans-Serif !important;
	font-size: 12px !important;
	color: #000000;
}

#alertTextDiv p font
{
	font-family: Verdana, Sans-Serif !important;
	font-size: 12px !important;
	color: #000000;
}

#rightColumn_content
{	
	/**margin-top: -3px;	IE 7 - mysterious line above content*/
	/*_margin-top: -3px;	IE 6 - mysterious line above content*/
	width: 761px;
	text-align: left;	
	/*border: 1px solid black;*/
	background: url(../images/sitewide/innerRightBackground.gif) repeat-y 4px top;
	font-family: Verdana, Sans-Serif;
	overflow: hidden;	/*Forces the div to expand to cover the floated elements*/
	_height: 95%; /*overflow: hidden doesn't work for IE6*/
	position: relative;
	min-height:624px;
}

#rightColumn_content div /*rightColumn_content class*/
{
	padding: 20px 40px 0 40px;
	text-align: left;
	/*border: solid 1px red;*/
}

#rightColumn_content h1
{
	font-size: 11px;
	font-weight: bold;
	color: #23b1a5; /*overwritten w/region specific style sheet*/
	padding: 8px 0 5px 0;
	margin: 0;
	margin-bottom: 10px;
	border-bottom: solid 1px #ebebeb;
	width: 305px;
	display: inline-block;	/*ie6 doesn't support this*/
}

#rightColumn_content p
{
	font-size: 11px;
	line-height:14px;
	padding: 0 20px 10px 15px;
}

#rightColumn_content #durationTbl p
{
	padding-left:0px;
}

#rightColumn_content a
{
	text-decoration: none;
	color: #FF6600;  /*can be overwritten w/region specific style sheet*/
}

#rightColumn_content a em
{
	text-decoration: none;
	color: #FF6600;  /*can be overwritten w/region specific style sheet*/
}

#rightColumn_content a:link
{
	text-decoration: none;
	color: #FF6600; /*can be overwritten w/region specific style sheet*/
}

#rightColumn_content a:visited
{
	text-decoration: none;
	color: #FF6600; /*can be overwritten w/region specific style sheet*/
}

#rightColumn_content a:hover
{
	color: #1e86ce; /*can be overwritten w/region specific style sheet*/
	text-decoration: underline;
}

#rightColumn_content a em:hover
{
	color: #1e86ce; /*can be overwritten w/region specific style sheet*/
	text-decoration: underline;
}

#rightColumn_content ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 25px;
	font-size: 11px;
	padding-bottom: 15px;
}

#rightColumn_content li
{
	padding-left: 25px;
	padding-bottom:2px;
	background-repeat: no-repeat;
	background-position: 10px 3px;
	line-height: 15px;
	background-image: url(../images/sitewide/spainBullet.gif); /*overwritten w/region specific style sheet*/		
}

#rightColumn_content ol
{
	margin: 0;
	padding: 0;
	padding-left: 55px;
	font-size: 11px;
	padding-bottom: 15px;
}

#rightColumn_content ol li
{
	padding-left: 0;
	padding-bottom:2px;
	background-repeat: no-repeat;
	background-position: 10px 3px;
	line-height: 15px;	
	background-image:none !important;
}

#rightColumn_content .regionDiv
{
	padding: 0;
	margin: 0;
	_width: 95%;/*ie6 - need I say more?*/
}

#rightColumn_content table
{
	font-size: 11px;
	width: 650px;
	/*border: solid 1px black;*/
	text-align: left;
	margin: 0;
	padding: 0;
	margin-left: 15px;	
	background-color: #d7e6f7; /*can be overwritten w/region specific style sheet*/
}

#rightColumn_content table td
{
	vertical-align: top;
	padding-bottom: 10px;
	font-size:11px;
}

#rightColumn_content #tblEval
{
	width:650px !important;
}



.evalCol	/*evaluations*/
{
	padding-left: 10px;
	padding-right: 10px;
}

.instanceCol
{
	width: 170px;
	/*border: solid 1px red;*/
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}

/*Cost page on programOverview section*/
#rightColumn_content .costDiv
{
	width: 600px;
	font-size: 11px;
	padding: 0 !important;
	margin: 15px 0 0 0 !important;
	border: solid 1px black; /*can be overwritten w/region specific style sheet*/	
}

#rightColumn_content .costH1
{
	font-size: 11px;
	font-weight: bold;
	color: #23b1a5; /*overwritten w/region specific style sheet*/
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	border-bottom: none;
	width: 99%;
}

#rightColumn_content .costDiv p
{
	font-size: 11px;
}

#rightColumn_content .costDiv table
{
	width: 568px;
	font-size: 11px;
	margin-bottom: 5px;
}

#rightColumn_content .costDiv .costCol
{
	width: 75px;
}

.costDiv .aXparagraph
{
	text-align: right;
}

.costDiv .aXCosts
{
	border: solid 1px #FF6600; /*can be overwritten w/region specific style sheet*/
}

.costDiv .aXCosts:hover
{
	text-decoration: none !important;
	border-color:  #1e86ce; /*can be overwritten w/region specific style sheet*/
}
/*End of cost page*/

/*Photos on Student Experience Photos Page*/

#photosDiv img
{
	background:#FFFFFF none repeat scroll 0 0;
	border-color:#AAAAAA #CCCCCC #DDDDDD #BBBBBB;
	border-style:solid;
	border-width:1px;
	color:inherit;
	height:75px;
	margin:0;
	padding:2px;
	width:75px;
}

/*End of Photos for Experience Experiences Page*/





/*Drop shadows for images in the body*/

/* Check the program pages for examples - these can be used anywhere
as long as you override the program specific width & height (just do it inline) - see below.
This works w/2 divs and an image. Bottom div is the drop shadow, we then lay a div on top of that
that is transparent with a solid white top and left border. The image then sits on top of both.*/

.imgDropShadow-landscape, .imgDropShadow-portrait, .imgFakeShadow
{
	float: right;	/*Change this inline depending on what side you want it on*/
	/*text-align: right;*/
	top: 0;
	padding: 0 !important;
	margin: 0 !important;
	background: url(../images/sitewide/dropShadow.gif) no-repeat bottom right;
	/*border: solid 1px black;*/
}

.imgFakeShadow /*The white edge that apppears on the bottom left and top right of the drop shadow*/
{
	z-index: 2;	
	background: url(../images/sitewide/dropShadowFake.gif) no-repeat top left;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.imgDropShadow-landscape img, .imgDropShadow-portrait img
{
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
	background-color: #fff;
	z-index: 3;
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
}

.imgDropShadow-landscape, .imgDropShadow-portrait
{
	position: relative;
	margin-left: 10px !important;
	margin-right: 10px !important;
	z-index: 1;
}


.imgDropShadow-landscape
{
	/*Width & Height should be set to 7px more than ACTUAL image size*/
	/*The figures here are specific to the program images - feel free to override them inline*/
	width: 192px;
	height: 137px;
}

.imgDropShadow-portrait
{
	/*Width & Height should be set to 7px more than ACTUAL image size*/
	/*The figures here are specific to the program images - feel free to override them inline*/
	width: 137px;
	height: 192px;	
}

.programBody{
	-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}

/*End of Drop shadows for images in the body*/

/******************************FOOTER********************************************/

#footer
{
	text-align: left;
	/*border: solid 1px green;*/
	width: inherit;
	height: 100px;
	background: url(../images/sitewide/footer768x63.gif) no-repeat 4px top;
	position: relative;
	white-space: nowrap;
}

#footerUL
{
	/*border: solid 1px yellow;*/
	display: inline;
	position: relative;
}

#footerUL li
{
	border-left: solid 1px #FFF;
	display: inline;
	list-style: none;
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	color: #FFF;
	line-height: 90px;
	padding: 0 5px 0 10px;
}

#footerUL li.first
{
	border-left: none;
	padding-left: 30px;
}

#footerUL li a
{
	color: #FFF;
	text-decoration: none;
	outline: none;
	outline-style: none;
}

#footerUL li a:link
{
	color: #FFF;
	text-decoration: none;
}

#footerUL li a:visited
{
	color: #FFF;
	text-decoration: none;
}

#footerUL li a:hover, #footerUL li a.selected:hover
{
	color: #9ECEEB;
	text-decoration: none;
}

#footerUL li a.selected
{
	color: #FF9929;
}

#shareButtonDiv
{
	position: absolute;
	top: 38px;
	right: 40px;
	width: 125px;
	height: 16px;
	text-align: right;
	/*border: solid 1px pink;*/
}

#facebookFooterDiv
{
	position: absolute;
	right: 28px;
	top: 38px;
	width: 16px;
	height: 16px;
}

#copyRightDiv
{
	position: absolute;
	bottom: 15px;
	right: 20px;	
	height: 15px;
	font-family: Arial, Verdana, Sans-Serif;
	color: #FFF;
	font-size: 10px;
	text-align: right;
	/*border: solid 1px red;*/
}

/***********************************END OF FOOTER***************************************************/

/*****leftNav lavaLamp*****/

/*To add items to the left nav, increaase height by 30px/item,
add li on program page, and set top to 30px more than previous li
For the programShowcase pages - this is done programmatically - see leftNavProgramControl
*/
#lavaLampVertical
{
	position: relative;
	height: 126px;
	/*padding: 15px;
	margin: 10px 0;*/	
	left: 1px;
	top: 3px;
	background: url(../images/sitewide/leftNav_underline.gif) no-repeat 12px 0;
}


#lavaLampVertical li
{
	list-style: none;
	height: 60px;
	width: 227px;
	padding-left: 20px;
	font-size: 12px;
	line-height: 36px;
	font-family: Verdana;
	text-transform: uppercase;
	z-index: 8;
	outline: none;
	/*border: solid 1px black;*/
}

#lavaLampVertical li.backLava
{
	background: url(../images/sitewide/leftNav_lava_bg.gif) no-repeat 0 0;
	z-index: 3;
	position: absolute;
}

#lavaLampVertical li a
{
	text-decoration: none;
	color: #555;
	outline: none;
	text-align: left;
	/*font-weight: bold;	*/
	z-index: 7;
	display: block;
	position: relative;
	overflow: hidden;
	outline: none;
	/*border: solid 1px black;*/	
}



/*end of leftNav lavaLampVertical*/

/*footer buttons - not to be confused w/the footer links*/
#footerButtons
{
	/**margin-top: -3px;	IE 7 - mysterious line above content*/
	/*_margin-top: -3px;	IE 6 - mysterious line above content*/
	width: inherit;
	text-align: left;	
	/*border: 1px solid red;*/
	background: url(../images/sitewide/innerRightBackground.gif) repeat-y right top;
	font-family: Verdana, Sans-Serif;
	overflow: hidden;	/*Forces the div to expand to cover the floated elements*/
	_height: 95%; /*overflow: hidden doesn't work for IE6*/
	position: relative;
}

#footerButtons .buttonMargin
{
	margin-right: 20px;
}
/*end of footer buttons*/


/*Jump to a program*/

#j2pDiv
{
	background: url(../images/sitewide/jump2progBG229x82.jpg) no-repeat 7px 0;
	height: 100px;
	position: relative;
	/*border: solid 1px black;*/
}


/*select box*/
.j2p
{
	background-color: #FFF;
	/*border: none;*/
	font-size: 11px;
	width: 198px;
	margin-top: 37px;
	margin-left: 19px;	
}

.j2p option
{
	/*width: 250px;	not supported in IE*/
	width: 270px;
}

.j2p option.j2pCountry
{
	color: #F68124;
}

.j2p option.j2pCity
{
	color: #255c94;
}

.j2p option.j2pProgram
{
	color: #615472;
}

#j2pMsg
{
	padding-top: 5px;
	padding-left: 40px;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}


/*Gritter/Growler for j2p*/
/* ie6 trash */
* html #gritter-notice-wrapper {
	position:absolute; 
}
* html .gritter-top {
	margin-bottom:-10px;
}
* html .gritter-item {
	padding-bottom:0;
}
* html .gritter-bottom {
	margin-bottom:-11px;
}
* html .gritter-close {
	background:url(../images/sitewide/gritter/gritter-close-ie6.gif);
	width:22px;
	height:22px;
	top:7px;
	left:7px;
}

/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:80px;
	left:20px;
	width:306px;
	z-index:9999;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
}
/*.gritter-top {
	background-image:url(../images/sitewide/gritter/gritter-top-take2.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:10px;
}
.gritter-bottom {
	background-image:url(../images/sitewide/gritter/gritter-bottom-take2.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:10px;
	margin:0;
}*/

.gritter-item {
	display:block;
	/*background-image:url(../images/sitewide/gritter/gritter-bg-tile.png);*/
	background-image:url(../images/sitewide/gritter/gritter-all.png);
	background-repeat:no-repeat;
	background-position:top left;
	/*background-color: #f68124;*/
	height: 79px;
	width: 306px;
	color:#fff;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.gritter-item p {
	padding:0;
	margin:0;
}
.gritter-close {
	position:absolute;
	top:7px;
	right:7px;
	background:url(../images/sitewide/gritter/gritter-close.png);
	cursor:pointer;
	width:30px;
	height:30px;
}
.gritter-title {
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF;
	padding:0 0 7px 0;
	display:block;
	/*text-shadow:1px 1px #000; /* Not supported by IE :( */
}
.gritter-image {
	width:267px;
	height:95px;
	float:right;
}
.gritter-with-image,
.gritter-without-image {
	padding:0 0 5px 0;
}
.gritter-with-image {
	width:267px;
	float:right;
}

/*end of gritter/growler for j2p*/

/*end of jump to a program*/

/*Newsletter Div*/

#newsletterDiv{
	height: 50px;
	position: relative;
	padding-left: 7px;
	/*border: solid 1px black;*/}

/*end of newsletter div*/

/*blogButton Div*/

#blogButtonDiv{
	height: 40px;
	position: relative;
	padding-left: 7px;
	/*border: solid 1px black;*/}

/*end of blogButton div*/

#facebookLikeDiv{
	color: #FFFFFF;
	font: normal normal bold 11px/11px Verdana;
	height: 50px;
	position: relative;
	padding-left: 12px;
	margin-bottom: 5px;}

/*Facebook Div*/
#facebookDiv{
	height: 40px;
	position: relative;
	padding-left: 7px;
	/*border: solid 1px black;*/}

/*end of facebook div*/

#rightColumn_content .fb_iframe_widget
{
    margin-left:40px;
}

/*Conference Div*/
#conferenceDiv{
	height: 40px;
	position: relative;
	padding-left: 7px;
	/*border: solid 1px black;*/}

/*end of conference div*/

/*Featured Programs*/

#fpDiv{
	position: relative;
	width: 232px;
	right: -5px;
	padding-bottom: 10px;
	overflow: hidden;}

#fpTopDiv, #fpMiddleDiv, #fpBottomDiv{
	width: 232px;}

#fpTopDiv{
	background: url(../images/featuredPrograms/featuredProgramsTop232x40.gif) no-repeat top left;
	height: 40px;
	padding-left: 25px;
	color: #316491;
	font-weight: bold;
	font-size: 13px;
	line-height: 40px;}

#fpMiddleDiv{
	background: url(../images/featuredPrograms/featuredProgramsMiddle232x1.gif) repeat-y top left;
	padding-top: 15px;
	height: 210px;	/*make sure this matches fpScrollPane*/
	position: relative;
	overflow: hidden;}

.fpPara{
	width: 190px;
	height: 50px;
	margin: 3px 0;
	padding: 5px;
	background-color: White;
	cursor: pointer;
	border-bottom: solid 1px #EDEDED;
	font: normal 11px Verdana;
	color: #363636;}

.fpPara img{
	border: solid 3px;
	width: 41px;
	height: 41px;
	margin-right: 7px;}

.fpPara img.europe {border-color: #F58023;}
.fpPara img.spain {border-color: #4E85C6;}
.fpPara img.la {border-color: #C5CD45;}
.fpPara img.africa{border-color: #20B1A5;}
.fpPara img.asia{border-color: #615471;}
.fpPara img.aus{border-color: #74C044;}

.fpPara:hover{
	background-color: #9abadf;}

.fpTitle{
	font: bold 11px Verdana;}

.fpTitle.europe{color: #F58023;}
.fpTitle.spain{color: #4E85C6;}
.fpTitle.la{color: #C5CD45;}
.fpTitle.asia{color: #615471;}
.fpTitle.africa{color: #20B1A5;}
.fpTitle.aus{color: #74C044;}

.fpPara:hover .fpTitle{
	color: #FFF;}

.fpPara.last{
	margin-bottom: 0;
	border-style: none;}

#fpBottomDiv{
	background: url(../images/featuredPrograms/featuredProgramsBottom232x20.gif) no-repeat top left;
	height: 20px;}


.goBtn{
	height: 20px;
	background: url(../images/search/goBtn.gif) no-repeat 0 0;}

.divPrgResult:hover .goBtn{background: url(../images/search/goBtnOrange38x20.gif) no-repeat 0 0;}

/*SCROLL PANE*/

.fpScrollPane{
	height: 210px;	/*make sure this matches fpMiddleDiv*/
	width: 210px;
	left: 0;}


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

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

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

/*END OF SCROLLPANE*/


/*end of Featured Programs*/


/*Featured Disciplines*/

#fdDiv{
	position: relative;
	width: 232px;
	right: -5px;
	padding-bottom: 10px;
	overflow: hidden;}

#fdTopDiv, #fdMiddleDiv, #fdBottomDiv{
	width: 232px;}

#fdTopDiv{
	background: url(../images/featuredPrograms/featuredProgramsTop232x40.gif) no-repeat top left;
	height: 40px;
	padding-left: 25px;
	color: #316491;
	font-weight: bold;
	font-size: 13px;
	line-height: 40px;}

#fdMiddleDiv{
	background: url(../images/featuredPrograms/featuredProgramsMiddle232x1.gif) repeat-y top left;
	padding-top: 15px;
	height: 210px;	/*make sure this matches fpScrollPane*/
	position: relative;
	overflow: hidden;}

.fdPara{
	width: 190px;
	height: 50px;
	margin: 3px 0;
	padding: 5px;
	background-color: White;
	cursor: pointer;
	border-bottom: solid 1px #EDEDED;
	font: normal 11px Verdana;
	color: #363636;}

.fdPara img{
	border: solid 3px;
	width: 41px;
	height: 41px;
	margin-right: 7px;}

.fdPara img.europe {border-color: #F58023;}
.fdPara img.spain {border-color: #4E85C6;}
.fdPara img.la {border-color: #C5CD45;}
.fdPara img.africa{border-color: #20B1A5;}
.fdPara img.asia{border-color: #615471;}
.fdPara img.aus{border-color: #74C044;}

.fdPara:hover{
	background-color: #9abadf;}

.fdTitle{
	font: bold 11px Verdana;}

.fdTitle.europe{color: #F58023;}
.fdTitle.spain{color: #4E85C6;}
.fdTitle.la{color: #C5CD45;}
.fdTitle.asia{color: #615471;}
.fdTitle.africa{color: #20B1A5;}
.fdTitle.aus{color: #74C044;}

.fdPara:hover .fdTitle{
	color: #FFF;}

.fdPara.last{
	margin-bottom: 0;
	border-style: none;}

#fdBottomDiv{
	background: url(../images/featuredPrograms/featuredProgramsBottom232x20.gif) no-repeat top left;
	height: 20px;}

/*SCROLL PANE*/

.fdScrollPane{
	height: 210px;	/*make sure this matches fpMiddleDiv*/
	width: 210px;
	left: 0;}


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

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

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

/*END OF SCROLLPANE*/


/*end of Featured Programs*/



/*newsletter sign up*/

/*end of newsletter sign up*/