@charset "utf-8";

/* CSS Document */



html, head, body, 

h1, h2, h3, h4, h5, h6, 

div, span, p, blockquote, code, img, a,

table, caption, tr, thead, th, tbody, td,

ul, ol, li, label, form, fieldset {

	margin: 0;

	padding: 0;

	line-height: 1em;

	font-family:  Palatino, Georgia, serif;

	font-weight: inherit;

}



body{

	background: url('images/bg.jpg') no-repeat  #CCCBB7;

	margin: 0;

	padding: 0;

}





#page{

	padding: 150px 50px 0px 50px;

	margin-right: auto;

	margin-left: 0;

	height: 0;

}



.clear{

	clear: both;

	margin: 0;

	padding: 0;

	height: 0;

	display: none;

}

/*******HEADER**********/

#header{

	width: 850px;

	height: 150px;

}



#header a{

	border: none;

}

.hinfo{

	float: right;

	text-align: right;

	color: #3D3344;

	padding-top: 10px;

}

.logo{

	float: left;

	border: none;

	margin-left: 30px;

}

.hinfo p.loc{

	font-size: 1.05em;

	line-height: 1.2em;

	color: #3D3344;

}

.hinfo p.name{

	font-size: 1.5em;

	font-style: italic;

	}

.date{

	color: #F27921;

}

.hinfo p.title{

	font-size: 2em;

	font-weight: bold;

	line-height: 1.3em;

	letter-spacing: 1px;

	

}





/*******LEFT COLUMN**********/

#leftnav{

	float: left;

	width: 200px;

	height: auto;

	margin: 80px 48px 0 0;

	text-align: right;

}

#leftnav ul{

	list-style: none;	

}

#leftnav ul li{

	padding: 3px 0px 4px 0px;

	margin: 2px 0;

	

}

#leftnav ul li a{

	text-decoration: none;

	color: #3D3344;

	padding: 3px 5px;

	margin-right: 5px;

	font-size: .9em;

	font-weight: bold;

}

#leftnav ul li.sel a {

	text-decoration: none;

	background: #999;

}

#leftnav ul li.sel a:hover,

#leftnav ul li ul li.sel a:hover{

	text-decoration: none;

}

#leftnav ul li ul{

	padding: 3px 5px 0 0;

}



#leftnav ul li ul li{

	padding: 2px 5px;

	margin: 2px 4px;

}



#leftnav ul li ul li a{

	color: #fff;

	padding: 2px;

}

#leftnav ul li ul li.sel{

	background: url('images/arr.jpg.html') no-repeat right 7px;

}

#leftnav ul li ul li.sel a{

	text-decoration: none;	

	background-color: #cccbb7;

	text-decoration: underline;

	

}

#leftnav ul li a:hover{

	text-decoration: underline;	

}

#leftnav ul li a.sel{

	background: #999;

	text-decoration: none;

}



.fb {

	padding: 0px 10px;

}

.like {

	margin: 30px 0;

	text-align: right;

}



.like p{

	width: 170px;

	padding: 3px 10px 4px 0px;

	font-size: .9em;

	margin: 10px 0 5px 20px;	

	background-color: #a3a192;

	color: #e0e0d8;

	font-weight: bold;

	

}

.like a{

	color: #3D3344;

	text-decoration: none;

	font-size: .8em;

}

.like a:hover{

	text-decoration: underline;

}



.twitter{

	padding-left: 20px;

	margin-left: 10px;

	background: url('images/twitter.jpg.html') no-repeat left center;

}



ul.sponsors{

	margin: 20px 0;

	clear:both;

}

.sponsors p{

	width: 170px;

	margin-left: 20px;

	padding: 3px 10px 4px 0px;

	background-color: #a3a192;

	color: #e0e0d8;

	font-weight: bold;

	font-size: .9em;

}

.sponsors a img{

	border: none;

}

.slogo{
	margin-top: 15px;
	margin-right: 10px;
}



/*******CONTENT**********/

#content{

	width: 540px;

	border: 1px solid #dbdbdb;

	color: #3D3344;

	background-color: #fff;

	padding: 30px 30px 10px 30px;

	margin-bottom: 0px;

	font-size: 0.92em;

	font-weight: 400;

	margin-left: 250px;

}



#content p{

	margin-bottom: 10px;

}



#content ul{

	margin-left: 30px;

	margin-bottom: 5px;

	margin-bottom: 10px;

}



#content ul li{

	padding: 2px 0;

}



#content a{

	color: #9C2983;

	text-decoration: none;

	border-bottom:1px dotted #9C2983;

}

#content a.nb{

	border-bottom: none;

	text-decoration: none;

}

#content a:hover{

	border: none;

	}

.mc {

	overflow: hidden; 

	width: 100%;

}

h2{

	margin: 0 0 1em 0;

	font-family: Palatino, Georgia, serif;

	font-style: italic;

	border-bottom: 1px solid #dbdbdb;

	padding:  0 0 .2em 0;

}

h3{

	font-size: 1em;

	font-weight: bold;

	padding: 0 0 .5em 0;

}

.intro{

	font-style: italic;

	font-size: 1.1em;

}

.mini-courses{

	/*background-color: #dbdbdb;*/

	margin: 0;

	padding: 5px 0 15px 0;

}

.course{

	float: left;

	width: 245px;

	margin-bottom: 10px;

	margin-top: 10px;

}



.lft{

	margin-right: 40px;

	margin-left: 5px;

}



.course img{

	padding: 2px;

	border: 1px solid #dbdbdb;

}

.course a:hover img{

		border: 1px solid #666;

}

.course .title{

	font-size: 1.2em;

	font-style: italic;

}

.course .name{

	color: #F27921;

	line-height: 1.2em;

	font-weight: bold;

}

.course .uni{

	font-size: .8em;

	line-height: 1.2em;

}



.lg{

	padding: .5em 0 0 0;

	font-size: 1.1em;

}



hr{

	height: 1px;

	color: #dbdbdb;

	background-color:#dbdbdb;

	border: none;	

}

.mt{

	margin-top: 20px;

	margin-bottom: 20px;

	width:50%;

}

.mb{	

	margin-bottom: 20px;

	width:50%;

	}

	

.ch{

	padding: .6em 0 .9em 0;

}



.ch img{

	float: right;

	padding: 2px;

	border: 1px solid #dbdbdb;

}

.ch a{

	font-size: .8em;

	line-height: 1.3em;

}

.ch span.name{	

	font-size: 1.3em;

	font-weight: bold;

	line-height: 1.5em;

}

.ch span.uni{

	line-height: 1.1em;

	font-style: italic;

	padding: 0;

}