body
{
	font-family: Arial;
	font-size: 80%;	
	background-color: #757A84;%#828793;%#555;%#dfdbda #828793;#979EAC;% #f2f2f2;#555;
}

h1 {
	font-size: 1.7em;      
	color: #333;
	%background-color: #E0E3E7; 	
	%display: inline;
	%padding-top:25px;
}

h2 {
   	font-size: 1.2em;      
	color: #333;
}


h3 {
   	 text-align: center;
}

h4 {
	text-align: center;
}


h5 {
	text-align: center;
	font-weight:none;
}



p { 	
	text-indent: 0;
	margin-top: 0.5em; 
	margin-bottom: 0.5em
}

li {
	margin-bottom: 7px
}

ul {
	margin-bottom: 12px
}




#wrap {
	width: 750px;
	margin: 0 auto;
	background-color: #fff; 
}

#aboveheader{
    background-color: #757A84;#828793;%#555;
    display: block;
    height: 10px;
    position: fixed;    
    top: 0px;
    width: 750px;
}

#header
{
	width: 750px;
	background-color: #E0E3E7;
	display: block;
	height:85px;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	top: 10px;
}

#leftlogo{
	width:30px;
	float:left;	
}

#leftlogo img{
        height:60px;	
	padding: 15px 0px 0px 15px;
}

#rightlogo{
	width:30px;
	float:right;	
}

#rightlogo img{
	height:80px;
	float:right;
	padding: 5px 0px 0px 20px;	
}

#headertext{
    display:inline-block;
    padding-top:20px;
    padding-bottom:10px;
    font-variant: small-caps;
}
	
#headertextles{
    display:inline-block;
    padding-top:5px;
    padding-bottom:10px;
    font-variant: small-caps;
}

#spuiimg {
   display:block; 
   margin-left: auto;
   margin-right: auto;
   width: 70%;
   height: 70%;
   padding-top:20px;
   padding-bottom:10px;
}

#boomimg {
   display:block; 
   margin-left: auto;
   margin-right: auto;
   width: 30%;
   height: 30%;
   padding-top:10px;
   padding-bottom:10px;
}



#contactbox{		
	width: 630px;
	height:350px;
	display: block;
	margin: 0 0;
	%text-align: center;
	}


	
#leftcontact{	
	width: 275px;
	height:375px;
	position:relative;
	%display:inline-block;
	float:left;
	}

#rightcontact{
	width: 300px;
	height:375px;
	position:relative;
	%display:inline-block;
	float:right;
	}

.contactimg{
	position:absolute;
	height:200px;
	bottom: 0;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
   	 
}


#contact{
	display:inline-block;
}

#nav {
    color: #E0E3E7;
	width: 100%;
	float: left;
	margin: 0 0 3em 0;
	padding: 0;
	list-style: none;
	background-color: #828793; %#979EAC;% #f2f2f2;
	border-bottom: 1px solid #ccc; 
	%border-top: 1px solid #ccc;
	text-align:center;
}

#nav li {
	display:inline;
}
      
#nav li a {
      display:inline-block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #E0E3E7;
      %border-right: 1px solid #ccc; 
}
      
#nav li a:visited{
  %color: #E0E3E7; %grey; %#191970
  }
  
#nav li a:hover {
    color: white;
    background-color: #757A84; %#828793;%#8C9CBC; }
      
#currentitem a{
    background-color: #757A84;
    color: white;
}

#currentitem a:link{
  color: white;
}
#currentitem a:visited{
  color: white;
}
#currentitem a:active{
  color: white;
}
#currentitem a:hover{
 color: white;
}

#content
{
    color: black;% #003399;
    padding: 130px 50px 50px;
    text-align: justify;
}

#content a:link{
  color: #262626;}
#content a:visited{
  color: #555;%grey; %#191970}
#content a:active{
  color: black;  %#4682B4}
#content a:hover{
 color: #7792AE}
  
#topheader {
display:inline-block;
}  

#menu {
	background-color: #E0E3E7;
	%border: 1px solid #888;
	display: block;
	height:100% ;
	left: 0px;
 	top:0px;
	width:150px;
	float:left;	
	%padding-left:5px;
	position: fixed;  
}





#hoofdtd{
	width:200px;
}

.subs{
	text-align: center;
	font-style:italic;
	font-size: 80%;
	margin-top:0px;
	padding: 0px 50px 10px;
}

#headul
{
position:fixed;
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
#headli
{
float:left;
}
#heada1
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
#heada2
{
background-color:#7A991A;
}

#logo
{
	%display: block;
	%position: absolute;
	text-align: center;
	%top: 10px;
}

#logos
{
	%display: block;
	height:70px;
	%margin: 0 auto;
	%position: absolute;
	text-align: center;
	padding-top: 10px;
}

table {
	text-align: left;
}


.coursetable {
	border-collapse: collapse;
	border: 1px solid black;
}

.talktable {
	border-collapse: collapse;
	border: 0px;
}

.talktable th {
	border: 0px;
}

.talktable td {
	border: 0px;
}

.coursetable th {
    border: 1px solid black;
}


.coursetable td {
    border: 1px solid black;
}


td {
    padding-right: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: .5em;
}

.coursetable thead td {
    font-weight: bold;
}

.coursetable tbody tr:nth-child(odd) {
    background-color: #ebedef;
}

p.centertext {
	text-align: center;
}