/* @group Main */

html {
	position: relative;
	height: 100%;
	}
	
body {
	height: 100%;
	font-size:14pt;
	font-family: Calluna-Regular;
	color:#013f74;
	line-height: 150%;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	}
	
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -11.36em;
	}
		
	
h1, h2, h3, h4 {
	font-style:normal;
	font-weight:normal;}
	
p {
	font-size:0.9em;}
	
a {
	color:#009AE5;
	text-decoration: none;
	}

a:hover {
	color:#FF8000;
	border:0;
	text-decoration: none;}
	
nav a {
	border:0;
	color:#17648c;
	text-decoration: none;
	}
	
.new {
	font-size:0.7em;
	font-family: CallunaSans-Regular;
	color:#FF6600;
	margin:0 0 0 0.8em;
	vertical-align: top;}
	
.underline {
	text-decoration: underline;
	}

.center {
	text-align: center;
	}
	
	
a .pvphoto {
	filter:alpha(opacity=90);
	opacity:0.9;
	}
	
	
	
a:hover .pvphoto {
	filter:alpha(opacity=100);
	opacity:1.0;
	}

/* @end */


/* @group Header formatting */
header {
	background-color: #ffffff;
	line-height:0;
	-moz-box-shadow: 0 2px 3px #eaebeb;
	-webkit-box-shadow: 0 2px 3px #eaebeb;
	box-shadow: 0 2px 3px #eaebeb;
	}
	
#headercontent {
	width:978px;
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	}

#headercontent .logo, .registrationbutton {
	display:block;
	float:left;
	margin:0.5em;
	}
	
#headercontent .courseinfo {
	display: block;
	float:left;
	margin:2em 0;
	}
	
#headercontent .courseinfo {
	font-family: CallunaSans-Regular;
	text-align: center;
	}
	
#headercontent .courseinfo .date {
	font-size:1em;
	line-height:1.3;
	margin-top:0.7em;
	}
	
.facultycontent iframe {
	margin-bottom: 2em;
}

#headercontent .courseinfo .loc {
	font-size:0.8em;
	line-height:1.2;}
	
#headercontent .registrationbutton {
	font-family: CallunaSans-Regular;
	letter-spacing: 1px;
	font-size:1.3em;
	display: block;
	margin-top:1.8em;
	margin-left: 2em;
	color: #ffffff;
	padding: 20px 40px 22px 40px;
	background-color:#FF6600;
	background: -moz-linear-gradient(
		top,
		#ff7b00 0%,
		#cc3300);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff7b00),
		to(#cc3300));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #cc6633;
	-moz-box-shadow:
		0px 1px 8px rgba(255,204,0,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 8px rgba(255,204,0,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		2px 3px 5px rgba(000,000,000,0.8);
	}

	
header nav {
	clear:left;
	display:block;
	line-height: 2.3em;
	width:835px;
	margin-left: auto;
	margin-right: auto;
	}
	
header nav li {
	display:inline;
	width:135px;
	list-style:none;
	margin:0 16px;
	float:left;
	text-align: center;
	background-color: #DDEFF9;
	-webkit-border-bottom-left-radius:10px;  
	-webkit-border-bottom-right-radius:10px;  
	-moz-border-bottom-left-radius:10px; 
	-moz-border-bottom-right-radius:10px; 
	-khtml-border-bottom-left-radius:10px;  
	-khtml-border-bottom-right-radius:10px; 
	border-bottom-left-radius:10px;  
	border-bottom-right-radius:10px; 
	}
	
header nav li a:hover {
	color:#000000;
	}
	
header nav .here {
	background-color: #287eab;
	color:#ffffff;
	-webkit-border-bottom-left-radius:10px;  
	-webkit-border-bottom-right-radius:10px;  
	-moz-border-bottom-left-radius:10px; 
	-moz-border-bottom-right-radius:10px; 
	-khtml-border-bottom-left-radius:10px;  
	-khtml-border-bottom-right-radius:10px; 
	border-bottom-left-radius:10px;  
	border-bottom-right-radius:10px; 
	
	}


/* @end */

/* @group Home content formatting */
.intropic {
	display:block;
	width:978px;
	margin-left: auto;
	margin-right: auto;
	padding-top:3.5em;
	}
	
.figcaption {
	display:block;
	font-family: CallunaSans-Regular;
	font-size:0.6em;
	line-height:0.5em;
	float:right;
	}	
	
.homecontent {
	width:810px;
	margin-left: auto;
	margin-right: auto;
	}


.coursecontent {
	padding-bottom: 2em;
}

.homecontent .intro {
	display:block;
	position: relative;
	float:left;
	width:58%;
	background-color:#ffffff;
	margin:-4em 0 0 -1em;
	padding:1em;}

	
.programlist {
	clear:left;
	margin:0 30px 3em 0;
	float:left;
	width:59%;
	}	
	
.programlist ul {
	font-size:0.85em;
	list-style: square;
	margin:0.5em 0 0 2em;
	text-indent: 0.5em;
	line-height:1.4;}
	
.homecontent .summary {
	padding-top:6em;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
        .homecontent .summary {
	text-indent:1.2em;
	}
	}

/* @end */

/* @group Registration page formatting */
.content {
	display:block;
	width:640px;
	margin-left: auto;
	margin-right: auto;
	}

	
.content .center {
	line-height:1.5em;}

.content h1, .homecontent h1, .courselistcontent h1, .contactcontent h1 {
	line-height: 3em;
	padding-top:1.5em;}

.content h1 .title {
	font-size:1.8em;
	padding-top:4em;
	}
	
.content h2 {
	font-size: 1.5em;}

.content h3 {
	font-size: 1.3em;
	line-height: 1.2em;}
	
.content .none {
	list-style: none;
	margin:0.8em 2em;}
	
.content p {
	margin-bottom:1.3em;
	text-indent: 2em;
	}


.content .choice {
	border:1px solid #000;
	margin:30px 0;
	padding:1.1em;
	-webkit-border-radius:20px;  
	-moz-border-radius:20px; 
	-khtml-border-radius:20px;  
	border-radius:20px;
	}
	
.content .choice h3 {
	font-size: 1.4em;
	margin-top:0;}
	
.content .choice p {
	margin-top: 0.8em;
	text-indent:0;}

.content .choice .address {
	margin-left:3em}

.content .secondlist {
	list-style: square;
	margin:0 0 0.5em 3em;}
	
.content ul {
	font-size:0.9em;}

/* @end */

/* @group Main Course Page formatting */
.courselistcontent, .contactcontent {
	width:760px;
	margin-left: auto;
	margin-right: auto;
	padding-left:6.5em;

	}
	
.courselistcontent h1 .title {
	font-size:1.5em;
	}

.courselistcontent .courselist {
	font-size:0.9em;
	line-height: 2em;
	float:left;
	width:220px;
	margin:0 1.4em 3em 0;
	}
	
.courselistcontent .courselist ul {
	list-style: none;
	}
/* @end */

/* @group Faculty List formatting */
.facultylist  {
	float:left;
	width:46%;
	padding-bottom:2em;
	font-size: 0.9em;
	}
	
.rightfacultylist {
	margin-left: 50px;
	}
	
.facultylist ul {
	list-style: none;
	line-height:2em;
	}
/* @end */

/* @group Course page formatting */
.homecontent .subinfo {
	text-align: right;
	margin:-1em 1em 0 0;
	}
	
.homecontent .title {
	font-size:2.2em;
	margin-left:0.8em;}
	
.coursebox {
	margin-top:30px;
	padding: 2em 2em 0em 2em;
	-webkit-border-radius:30px;  
	-moz-border-radius:30px; 
	-khtml-border-radius:30px;  
	border-radius:30px;
	}
	
.oc {
	border:3px solid #FFCC66;}

.pv {
	border:3px solid #66CC99;}

.coursebox h2 {
	display:block;
	float:left;
	width:100px;
	padding-right:30px;
	margin-bottom:0.4em;}
	
.coursebox .outline {
	display:block;
	float:left;
	width:450px;
	padding-left:4.5em;
	}

	
.coursebox .outline li {
	font-size:0.9em;
	line-height: 1.5em;
	list-style: square;
	text-indent:-0.1em;
	margin:0 0 0.5em 1.5em;
	}
	
.coursebox .outline ul {
	margin-bottom: 3em;
}

.coursebox .outline p, .facultycontent p, .privacycontent p {
	padding-bottom:2em;}

.coursebox .schedule {
	clear:left;
	font-size: 0.9em;}
	
.coursebox .schedule h2 {
	float:none;
	width:100%;}

.coursebox .schedule p {
	display:block;
	margin:0 5em;
	line-height:1.3em;
	font-style:italic;
	}
	
.coursebox .out {
	margin-bottom:2em;}

.coursebox .out h2 {
	display:block;
	float:none;
	text-align:left;
	margin-bottom:0.5em;}

.coursebox ul {
	list-style: none;
	text-indent:2.5em;}

.coursebox .courseday {
	clear:left;
	font-weight:bold;
	margin-top:1.5em;
	line-height: 1.5em;
	}
	
.coursebox .coursedaysubject {
	font-weight:normal;
	text-indent: 4.5em;
	}
	
.coursebox .coursedaytime {
	text-indent:7.6em;
	line-height: 1.7em;
	}
	
.coursebox .outline ul .courseagenda {
	padding-left:5em;
	margin-top:-1.5em;
	}
	
.coursebox ul .courseagenda {
	font-weight:normal;
	padding-left:12em;
	text-indent:0.2em;
	font-size:0.9em;
	list-style: square;	
	line-height: 1.3em;}
	
.coursebox ul .roman {
	list-style:upper-roman;}

.coursebox ul .third {
	margin-left:3em;
	text-indent:0.5em;
	list-style:circle;
	}
	
.coursebox .number {
	list-style:number;
	margin:-2em 0 3em 2em;
	font-size:0.9em;
	}
/* @end */

/* @group Faculty bio formatting */
.facultycontent h1 {
	line-height: 3em;
	padding-top: 0.5em;
}

.facultycontent {
	margin-left: auto;
	margin-right: auto;
	width:725px;
	padding-left:4.5em;}

.facultydesc {
	width:470px;
	float:left;
	}
	
.facultycontent h2 {
	margin:-1.2em 0 1.5em 0;
	text-indent: 3em;
	font-size:1.2em;}

.facultyphoto {
	float:right;
	padding-top:3em;
	width:200px;
	}

.short {
	padding-bottom: 0em;
}

.facultycontent .listnone {
	margin:-1.5em 0 0 2em;
	list-style:none;
	font-size:0.9em;
	line-height:1.3em;
	}


/* @end */

/* @group Privacy policy formatting */
.privacycontent {
	width:560px;
	margin-left:auto;
	margin-right:auto;
	padding-left:95px;
	}
	
.privacycontent h1 {
	line-height:3em;
	padding-top: 1.5em;
	margin-left:-2.2em;
	}
	
.privacycontent h4 {
	font-weight:bold;
	font-size:1.1em;}
	
.privacycontent .updated {
	margin-left:-4.5em;}

/* @end */

/* @group Contact form formatting */
.contactinfo {
	font-size:0.9em;
	width:300px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 2em;
	line-height: 1.2em;
		}
	
/* To be implemented after the server change
Note: change margin value in .contactinfo to margin:0 2em 20em 0;  and float: left with all this 

.contactform {
	width:400px;
	height:450px;
	float:left;
	border:0;
	overflow:hidden;}
	
.form {
	font-size:0.8em;}

label, input[type="text"]{
    float:left;
    display:block;
  	}
	
label {
    margin-right: 5px;
    width:100px;
	}
	
.field {
    width:100%;
    overflow:auto;
    margin:5px 0px;
	}

.random {
	position:absolute;
	left:-9999px;
	line-height:1em;
	font-size:0.9em;
	}

.buttonStyle {
	border: none;
	background: #FFF url("images/contactsubmit.png");
	display:block;
	width:167px;
	height:32px;
	margin:2em 0 0 9em;
	color:#fff;
	font-family:CallunaSans-Regular;
	font-size:1.1em;
	}
	
*/

/* @end */

/* @group Sitmap formatting */
.sitemap {
	width:320px;
	float:left;
	}

	
.sitemap ul {
	margin-top:-0.5em;
	}
	
.sitemap .none {
	line-height:3em;
	text-indent:-2em;
	list-style: none;}
	
.sitemap ul .second {
	margin-top: -0.8em;
	line-height:1.4em;
	list-style: none;
	text-indent:5px;
	}
/* @end */

/* @group Location page formatting */
.locationnav {
	display:block;
	float:right;
	line-height:2em;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.5em;
	font-size:0.9em;
	border:1px solid #DDEFF9;
	-webkit-border-radius:10px;  
	-moz-border-radius:10px; 
	-khtml-border-radius:10px;  
	border-radius:10px; 
	}
	

	
.locationnav li {
	display:inline;
	list-style: none;
	width:180px;
	margin:0 20px;
	float:left;
	text-align:right;
	}
	
	
.facultycontent .hoteltitle {
	margin-bottom: 1em;
	font-size:1.7em;}

.hotellist {
	display:block;
	width:500px;
	font-size:0.9em;
	line-height:1.4em;
	margin:0 0 3em 1.5em;
	}
	
.hotellist h3 {
	font-weight:bold;
	border-bottom:solid 1px #013f74;
	}

.hotellist .hotelprice {
	list-style: none;
	text-align: right;
	margin-bottom:0.8em;
	}
	
.hotellist .hotelinfo {
	list-style:none;
	margin-bottom:0.8em;
	}

.hotellist .hotelcontact li {
	list-style: none;
	margin:0 0 0.8em 3.5em;
	}
	
.hotellist .hotelcontact span {
	font-weight:bold;}
	
.outline span {
	font-weight: bold;
	}

.outline .texts span {
	font-style: italic;
}

.facultycontent span {
	font-style: italic;
}

#accommodations {
	padding: 3em 0;
}

#trips {
	clear:left;
	}
	
	
#map {
	padding-bottom: 2em;
}

.mapcaption {
	display:block;
	font-family: CallunaSans-Regular;
	line-height:0.5em;
	float:right;
	}

.pvphoto {
	float:right;
	padding-top:3em;
	width:200px;
	}

/* @end */

/* @group Positioning for back to top link */
.toplink {
	clear: both;
	width: 978px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	padding-bottom: 2em;
	}
	
.coursetoplink {
	position: relative;
	right: 6.7em;
	padding-bottom: 0px;
	}


/* @end */

/* @group Footer formatting */
.push {
	display: block;
	height: 11.36em;
	clear:both;
	}
	
footer {
	background-color:#DDEFF9;
	width: 100%;
	}

.footercontent a {
	color:#013f74;
	}
	
.footercontent a:hover {
	color:#000000;
	}
	
.footercontent {
	width:978px;
	margin-left: auto;
	margin-right: auto;
	padding: 1em 0 3em 0;
	}
	
.footercontent nav {
	font-size:0.8em;
	margin-left:-2em;}

.footercontent nav span {
	margin:0 2em;
	}
	
.footercontent .info {
	float:left;
	width:475px;
	margin-top:2em;}
	
.footercontent .info p {
	font-size:1.1em;
	margin-bottom:2em;
	}
	
.footercontent .info img {
	float:left;
	width:138px;
	margin:-0.5em 2em 1em 0;}
	
.footercontent .info {
	font-family: CallunaSans-Regular;
	font-size:0.6em;
	line-height:1.2em;
	margin-top:2em;
	}
	
.footercontent .contact {
	text-align: right;
	font-size:0.7em;
	line-height:1.2em;
	margin:-1.5em 0 3em 0;
	}

/* @end */