/* SITEWIDE */

.floatleft {float: left;}

/* Typography */

p a {color: #d25e36;}


h2, h3, h4, h5, .sectionlablel, #languagepicker, #tabs, .staff h5, .internalcontent ul, .p-list, #slidenav, .navigation {
font-family: Helvetica, Arial, sans-serif;
}

h1 {color: #3a4554;}

h2 {
font-weight: bold;
font-size: 17px;
color: #87bbf9;}

h4 {
font-weight: bold;
font-size: 17px;
color: #87bbf9;
padding-bottom: 15px;
}


h5 {
font-weight: bold;
font-size: 17px;
color: #87bbf9;
padding-bottom: 15px;
}

.homecontent h1 {padding-bottom: 5px;}
.internalcontent h1 {padding-bottom:10px;}

h4 {
font-weight: normal;
color: #3a4554;
}

.orangelink {
font-weight: bold;
color: #d25e36;
}

blockquote {
background: #fffdbd;
padding: 20px;
margin-bottom: 10px;
}


.p-list, .p-list-sub {
color: #545454;;
font-size: 12px;
list-style: circle;
padding-bottom: 15px;
line-height: 18px;
}

.p-list li {padding-bottom: 10px;}

.p-list a, .p-list-sub a {
color: #d25e36;}

.p-list-sub {
padding: 5px 0 0 0;
}

.p-list-sub li {
margin-left: 20px;
padding: 3px 0;
color: #888888;
}


.sectionlablel {
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
background: #cacaca;
padding: 5px 15px 5px 30px;
color: white;
margin-left: -30px;
*display: block;
}

.internalcontent h1 {
padding-top: 15px;
}

/* Positioning */
#header {
display: block;
}

.homehead {background: url(../images/header.png) no-repeat;}
.internalhead {background: url(../images/header-internal.png) no-repeat;}

#home-top {
background: url(../images/home-bg.png) no-repeat top left;
margin-left: -30px;
margin-top: -20px;
width: 680px;

}

#home-col1 {
margin: 0 30px 0 30px;
width: 300px;
}

#home-col2 {
margin-left: 20px;
width: 280px;
}


#home-bottom {
border-top: 1px solid #c4c4c4;
margin-left: -30px;
width: 680px;
padding-top: 20px;

}



/* Homepage - Top */


#ticfiebutton {
display: block;
height: 30px;
width: 900px;
z-index: 100;
position: absolute;
top: 0;
}


#home-col1, #home-col2  {
float: left;
display: block;
}

/* home - left */

.home-right-divider {
margin-left: -10px;
background: url(../images/home-right-divider.png) repeat-x left top;
width: 290px;
height: 2px;
display: block;
margin: 10px 0;
}

#home-progmap {background: url(../images/explore_icon.png) no-repeat top left; margin-top: 10px;}
#home-tour {background: url(../images/tour_icon.png) no-repeat top left;}

#home-progmap, #home-tour {
padding-left: 60px;
background-position: 0 5px;
}


#connect-btns {
margin-top: -20px;
width: 400px;
padding-left: 50px;
padding-bottom: 50px;
}

#connect-btns li {
float: left;}

#connect-btns li a{
display: block;
height: 40px;
width: 70px;

}

#fb-link {
background: url(../images/facebook_icon.png) no-repeat top left;
}

#fl-link{
background: url(../images/flickr_icon.png) no-repeat top left;
background-position: 0 5px;
}



/* home - horizons link */

#horizons-link{
background: url(../images/intercultural-btn.png) no-repeat top left;
width: 292px;
height: 132px;
display: block;
clear: both;
margin-left:-5px;
}


/* horizon page */



#horizon-ribbon {
background: url(../images/ribbon.png) no-repeat top left;
margin: -132px 0 0 448px;
width: 209px;
height: 214px;
display: block;
position: absolute;
z-index: 5;
}

#horizon-menu {
background: url(../images/horizon-menu.jpg) no-repeat top right;
width: 253px;
height: 329px;
float: right;
margin-top: -80px;
display: block;
padding: 0 0 10px 20px;
}

#horizon-menu-content {
font-family: Georgia, Garamond, serif;
font-size: 14px;
position: absolute;
z-index: 10;
margin: 5px 0 0 420px;
display: block;
text-align: center;
line-height: 36px;
}

#horizon-menu-content a:hover {color: #821212; text-decoration: none;}

#horizon-menu, #horizon-menu-content {
-webkit-transform: rotate(5deg); 
-moz-transform:  rotate(5deg); 
-o-transform: rotate(5deg); 
transform: rotate(5deg);
}



/* SIDEBAR - Tree nav*/
#treenav {
background: url(../images/sidebar_tree.png) no-repeat top left;
padding: 20px 0 20px 75px;
height: 176px;
margin:20px 0 0 10px;
}

#treenav li{
height: 30px;
}

#treenav li a {
color: #c0ccda;
background: url(../images/sidebar-bullet.png) no-repeat top left;
padding-left: 25px;
background-position: 0 10px;
font-size: 15px;
}

#treenav li a:hover {
color: #9da2a9;
background: url(../images/sidebar-bullet.png) no-repeat top left;
background-position: 0 -18px;
}

#treenav #applynow a{
color: #fffd41;
background: url(../images/sidebar-bullet-apply.png) no-repeat top left;
background-position: 0 10px;
}

#treenav #applynow a:hover {
color: #d1d666;
background: url(../images/sidebar-bullet-apply.png) no-repeat top left;
background-position: 0 -18px;
}

/* =======================================================================*/
/* -------------------------- INTERNAL STYLES --------------------------  */ 
/* =======================================================================*/


.firstphoto {
margin-top: -20px;
}

/* THE LANGUAGE PICKER */

#languagepicker {
padding: 15px 10px 15px 15px;
*padding: 15px 10px 0px 15px;
background: #f4f4f4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 190px;
font-size: 13px;
font-weight: bold;
float: left;
margin-right: 20px;
border: 2px solid #eeeeee;
}

#languagepicker span a {
float: left;
background: #e3e1e1;
padding: 5px 10px;
width: 69px;
display: block;
text-align: center;
color: #2d5972;
}


#languagepicker #currentlang a {
background: #b8d1ef;
border-left: 1px solid #9fb5cf;
border-top: 1px solid #9fb5cf;
color: black;
}


#languagepicker a:hover {
background: #85a1c2;
text-decoration: none;
color: white;
}

#en {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}


#it {
border-right: 1px solid white;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}


/* TAB STYLES - GLOBAL */

.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover {text-decoration: none;}


.ui-tabs ul {
font-weight: bold; 
font-size: 12px;
}

.ui-tabs ul li a {color: #545454;}
.ui-tabs ul li {padding: 10px 20px;}




/* TAB STYLES : aboutsis > opportunities */

.opportunities .ui-tabs-nav li.ui-tabs-selected  { background: #87bbf9;}
.opportunities .ui-tabs-nav li.ui-tabs-selected a  {color: white;}


.opportunities {border-top: 1px solid #cacaca;}

.opportunities ul{
width: 243px;
padding-top: 10px;
float: left;
border-right: 1px solid #cacaca;
}

.opportunities div  {
border-left: 1px solid #cacaca;
margin-left: 243px;
padding: 30px;
}



/* TAB STYLES : course descriptions */

#wrappernav li.ui-tabs-selected a {color: #ff9600; }


.coursesections {
background: none;
border-bottom: 3px double #525252;
height:85px;
width: 620px;
}

.internshipsections {
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
height:45px;
width: 620px;
margin-bottom: 20px;

}

#wrappernav li {
float: left;
width: 270px;
padding: 15px;
text-align: center;
}

.topsection{border-bottom: 1px solid #dadada;}


#wrappertabs .bottomsection{
width: 170px;
padding-bottom: 10px;
}



.courselist li.ui-tabs-selected {
background: #fffdbd;
border-left: 4px solid #d8d223;
}

.courselist {
width: 260px;
border-right: 1px solid #cacaca;
float: left;
}

.sectiontab .ui-tabs {
border-top: 1px solid #dadada;

}

.sectiontab div p {
width: 300px;
margin-left: 260px;
padding: 20px 30px 0px 30px;
border-left: 1px solid #cacaca;
}

.courseprovider {
font-size: 11px;
font-weight: normal;
font-style: oblique;
color: #ababab;
text-align: center;
}



/* FACULTY / STAFF STYLES */

.staff {
border-top: 1px solid #cacaca;
padding: 15px 0; 
}

.staff img {
float: left;
}

.staff p {
width: 460px;
margin-left: 160px;
}

.staff h5 {
margin-left: 160px;
font-size: 18px;
color: #87bbf9;
padding: 5px 0;
}

.lavinia p {
width: 320px;
margin-left: 290px;
}

.lavinia h5 {
margin-left: 290px;

color: #ff9600;
}

.graytext h5 {
color: #9ca2a8;
margin-top: -7px;}

.graytext {
color: #9ca2a8;
}

/* ASSOCIATED SCHOOLS */

.schoollist {font-size: 12px;}

.schoollist li {
padding: 5px;
border-bottom: 1px solid #cacaca;
}

/* APPLICATION PAGE */

.formlabel p{
font-weight: bold;
text-align: center;
}

#downloadapp {
margin-left: 15px;
}

#downloadapp li {
float: left;
margin: 10px;
}

#downloadapp li a {
padding: 10px 15px;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 1px solid #BAB97B;
font-weight: bold;
font-size: 13px;
}

#downloadapp li a:hover {
text-decoration: none;
border:1px solid #767543;
background: #e5e4a2;
}


/* -------------------------- IMAGE VIEWER --------------------------  */ 


.ss-fullwidth{display: block;}


#slidenav{
border-top: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
padding: 10px 0;
margin: 10px 0;
font-size: 12px;
color: #ababab;
}

#slidenav a{
padding: 0 5px;
}


#slidenav a.activeSlide {
color: black;
background: #dfdfdf;
padding: 3px 7px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-weight: bold;
}


.homecontent .slideshow, 
.homecontent #slidenav {
margin-left: 17px;
}

.homecontent #slidenav {
width: 645px;
border-top:none;
margin-top: -5px;
padding-top: 0;
}


/* =======================================================================*/
/* --------------------------  BLOG STYLES  --------------------------  */ 
/* =======================================================================*/

.index-title {
font-weight: bold;
}


.index-blog p, .index-blog h1 {
padding-left: 30px;
width: 620px;
}


.index-blog h1 {
padding-bottom: 0px;
margin-bottom: 0;
}

.index-blog img {
display: none;
}


.entry-content img{
padding-bottom: 20px;

}

.navigation {
border-top: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
padding: 10px 0;
margin-top: 4px;
text-transform: uppercase;
font-size: 11px;
height: 13px;
}



/*---------------- comment form ---------------*/

.comment-field  {

padding: 9px;
width: 500px;
font-size: 15px;
border: solid 1px #7f7f7f;
margin-bottom: 20px;
}


.comment-label {
font-size: 16px;
color: #727272;
padding-bottom: 5px;
}


/* sticky sidebar for Horizons page */

#content_sub {
position:absolute;
margin-left: 690px;
top: 630px;
width: 210px;
padding: 0 30px 167px 15px;
}
	/**
	* there's a clever little javascript fix in /js/kill_all_humans.js
	* to account for IE < 7's crappy box model support and lack of 
	* ability to do position: absolute
	*/