html{
/*background:#EEE;*/
background-image:url('../images/bg.jpg');
background-position: center top;
font-size: 12px;
font-family: Verdana,Andale Mono, cochin, century !important;
padding:10px 0;
}

body{
width:1000px;
margin: 0 auto;
text-align:center;
}
div.supcontainer
{
text-align:left;
width:1005px;
background: url('/images/shadowbg.png') repeat-y;
}

div.container
{
position:relative; 
width:1000px;
}

div.header
{
border: 1px solid #333;
background: white url('/images/nlogo2.jpg') no-repeat;
height:220px;
padding: 10px 0px;
}
div.homeLink{
	width:150px;
	height:175px;
	cursor:pointer;cursor:hand;
}
#nav { 
  height:26px;
  padding: 0px 1px 0px 0px;
  position:relative;
  z-index:1;
  top:-26px;
  background:#333;
  float:right;
  width:100%;
  
}
#navleft { 
  /*width: 33px;
	height:26px;*/
  float:left;
  /*background:url('/images/navleft.jpg') no-repeat transparent;*/
}

#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 198.2px;
  float:left;
  border-right: 1px solid #ddd;
  border-top:1px solid #000;
  }


#nav ul li {
  position: relative;
}
	
#nav ul li ul {
  border-left: 1px solid white;
  border-right: 1px solid white;
  position: absolute;
  display: none;
}

#nav ul li ul a {
  text-align:left;
}

#nav ul li a {
  display: block;
  text-align:center;
  text-decoration: none;
  color: white;
  font-weight: bold; 
  font-size: 106%;
  background: #333; 
  padding: 4px;
  border-top:0px;
}

#nav ul li ul li a {
  font-size: 90%;
}

* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }

#nav ul li a:hover { color: #E2144A; background: #D8DBDE;   } 
		
#nav li:hover ul, #nav li.over ul { display: block;  } 

h1{
	text-align:center;
	font-size:150%;
	font-weight:bold;
}
		
div.content
{
	/*background: url('../images/emboss.png') no-repeat top center;*/
	float:left;
	width:700px;
	margin: 0px 30px 20px 30px;
}
div.stretcher{
	height:450px;
	width:0px;
	vertical-align:-1;
	float:right;
}

div.rightBlock{
	font-size:90% !important;
	position:relative;
	vertical-align: top;
	right:10px;
	float:right;
	width:200px;
	margin-bottom:20px;
}

div.rightBlockItem{
	padding:6px 0px;
}

div.rightBlockItem h3{
	padding-bottom:3px;
	margin-bottom:0px;
		font-size:110%;
	font-weight:bold;
}

div.content table, div.content tr, div.content td{
	font-size:100% !important;
}

div.footer
{
	padding-top:0.5em;
	padding-bottom:0.5em;
	color:#000;
	background-color:#333;
	clear:both;
	height:5px;
	width:1000px;
}

div.footerText
{
	padding-left:150px;
	size:0.8em;
	padding-top:10px;
}

div.navlvlbot
{
	width:115px;
	padding-top:2px;
	position: absolute;
	bottom: 2px;
	left:10;
	vertical-align:bottom;
	background-color: #000;
}

.beanTeam{
	padding-bottom:12px;
	padding-top:20px;
}

.beanTitle{
	text-align: left;
	font-weight:bold;
	padding-bottom:12px;
	padding-top:20px;
}

.beanDescription{
	padding:0 150px 10px 0;
}

.beanEducation{
	font-style:italic;
}

.beanPicture{
	padding:20px;
	float:right;
}

.beanMember{
	height:205px;
	display:block;
	overflow: hidden;
	padding:2px 0 2px 15px;
	border: 1px solid grey;
}

div.content A:link, div.rightBlock A:link, div.content A:visited, div.rightBlock A:visited {
	color: #4043A0;
	text-decoration:none;
}

div.content A:hover, div.rightBlock A:hover{
	color:#303390;
	text-decoration:underline;
}
div.newsItem
{
	display:block;
	padding:2px 2px 10px 2px;
	margin: 2px 2px 15px 2px;
	border-bottom: 1px solid grey;
}

div.newsItem img
{
	padding:2px 4px;
	margin: 2px 4px;
	border: 0px solid grey;
}
div.newsHead{
	font-size:110%;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:9px;
}

div.routeDesc{
}

div.routeImage{
	margin:0 auto;
	position:relative;
	right:0;
	top:0;
	float:right;
}

div.photoAlbum{
	padding: 10px 0px;
	border-bottom: 1px solid grey;
}
div.albumName{
	font-size:120%;
	font-weight: bold;
	text-decoration:underline;
}
div.albumPictures{
}

div.albumPictures img{
	border: 0px solid black;
	margin-top:2px;
}

div.workshops ul{
	padding:3px 10px 0 20px;
	margin-top:0px;
}

div.courseYear{
	padding-top: 5px;
	font-weight:bold;
	font-size:110%;
}

div.courseDate{
	font-style:normal;
	font-size:90%;
}
div.courseType{
	font-weight:bold;
	font-size:100%;
	padding-bottom:3px;
}

div.passedLevel{
	padding-top: 5px;
	font-weight:bold;
	font-size:110%;
}

div.passedDate{
	padding-top:4px;
	font-style:italic;
	font-size:100%;
}
div.passedBarista{
	
	font-size:100%;
	}
	#twitter{
	padding:4px 6px 6px 4px;
font-size:105%;
border:2px solid #DDD;
margin:3px;

}