@font-face {
  font-family: "Sansation Bold";
  src: url("Sansation_Bold.ttf") format("truetype"),
  url('sansation_bold.svg#SansationBold') format('svg');
}   

@font-face {
  font-family: "Sansation Regular";
  src: url("Sansation_Regular.ttf") format("truetype"),
  url('sansation_regular.svg#SansationRegular') format('svg');
}    

@font-face {
  font-family: "Sansation Light";
  src: url("Sansation_Light.ttf") format("truetype"),
  url('sansation_light.svg#SansationLight') format('svg');
}    

body {
    font-family: "Sansation Light", Helvetica, Arial, sans-serif;
	font-size: 18pt;
	color: #000000;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: justify;
    background-image: url(simple-academic-sidebar.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-attachment: fixed;
	}

h1 {
   text-align: center;
   background-image: url(black.png);
   background-position: center center;
   background-repeat: no-repeat;
   font-family: "Sansation Regular";
   font-size: 24pt;
   padding: 30px;
   color: white;
   } 

ul {
   background-color: white; 
   text-indent: 0px;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   text-align: center;
}

li {
   background-image: url(white.png);
   background-position: center 3px;
   background-repeat: no-repeat;
   color: black;
   text-align: center;
   padding: 30px;
   font-family: "Sansation Regular";
   font-size: 24pt;
}
	
p {
	margin: 0px;
	padding: 0px;
}	

li a { 
	text-decoration: none;
}

a {
	color: black;
	text-decoration: underline;
}

a[name] {
      text-decoration: none;
}

a[name] h1 {
    font-variant: small-caps;
}

a[href^='#']:after {
    content: " (on this page) ";
}

li a[onclick]:before {
    content: "select layout option - ";
}

li a[onclick] {
   text-transform: capitalize;
}

li a[href^='#']:after {
    content: "";
}

li a[href^='http://']:after {
    content: " - different website";
}

li a[href*='benjamin-newton']:after {
    content: " - my other website";
}

li a[href$='.zip']:after {
    content: " (Zip archive) ";
}

#accordion2 li a[href^='#']:after {
    content: " - on this page";
}
	
em {
    font-family: "Sansation Bold";
    font-style: normal;
 }
 
strong {
     font-family: "Sansation Bold";
     color: rgb(204, 0, 0);
 }
 
td {
	font-size: 10pt;
	}
 
img { 
     border-width: 0px;
     text-align: center;
 }
	
div#all {
	padding-left: 105px;
	width: 640px;
}
    
div#maincontent {
	text-align: center;
}

div#rightcolumn {
	text-align: center;
}
 
div#footer {
    text-align: center;
    padding: 0px;
    margin: 25px;
    background: #FF9;
    color: black;
}

#skip2 {
	visibility: hidden;
}

span.rtop, span.rbottom{
     display: block;
     background: white;
}

span.rtop span, span.rbottom span{
    display: block; 
    height: 1px; 
    overflow: hidden;
    background: #FF9;
}

span.r1{
    margin: 0 5px;
}

span.r2{
   margin: 0 3px;
}

span.r3{
   margin: 0 2px;
}

span.rtop span.r4, span.rbottom span.r4{
   margin: 0 1px;
   height: 2px;
}
