@font-face {
	font-family: "Comfortaa-Regular";
	src: url(fonts/Comfortaa-Regular.ttf) format("truetype");
}

@font-face {
	font-family: "Gulim";
	src: url(fonts/gulim.ttf) format("truetype");
}


body,
html {
	font-family: 'Gulim', sans-serif;
	font-size: large;
	margin:2 px;
	padding:0;
	background-color:#eee;
	color:#333
	line-height:100%;
}

#main {
	  padding-top:24pt;
}

#main a:link {
  text-decoration:none;
  font-weight:bold;
}
#main a:visited {
  text-decoration:none;
  font-weight:bold;
}    
#main a:hover {
  text-decoration:underline;
}

#leftside a:link, a:visited {
  text-decoration:none;
  font-weight:normal;
}
#leftside a:hover {
  text-decoration:underline;
}
h1 {
  text-align:center;
}
h1,h2,h3,h4 {
	color:#000;
	font-family:'Comfortaa-Regular';
}
body {
	/*min-width:800px;*/
}
span.textred {
  color:#F00;
}
span.textgreen {
  color:#0D0;
}
span.textblue {
  color:#00F;
}
span.textorange {
  color:#F80;
}
span.textunderline {
	text-decoration:underline;
}
.textright {
	text-align:float;
}

#toplevel {
	position:absolute;
	/*margin:0 auto;*/
	/* background:#ccc; /* Just for debugging */
}
#leftside {
	position:absolute;
	/* background-image:url(../graphics/skylark2.jpg); */
	width:1px;
	top:0;
	bottom:0;
	padding-left:4px;
	margin-top:0;
}
#leftside ul {
	list-style-type:none;
	padding-left:4px;
	line-height:125%;
}

#leftside h4 {
	text-align:center;
}
#rightside {
	position:absolute;
	background-image:url(images/oop.jpg);
	background-repeat:repeat-y;
	left:1020px;
	width:200px;
	top:0;
	bottom:0;
	margin-left:12px;
   /*  margin-top:-6px;  /* Why negative? Seems like it gets dragged down by main. */
	padding-top:24pt;
}
#main {
	position:relative;
	left:10px;
	/* background:#bbb;  Just for debugging */
	width:1000px;
	margin-left:6px;
	margin-top:0px;
	/* min-height:2000px;  /* Height of the left sidebar. */
}
#main ul {
	margin-bottom:0;
}
#main h3, #main p {
	padding:0 10px 0 0;
}
#footer {
	position:relative;
	color:#808080;
	/* background:#cc9; */
	left:200px;
	clear:both;
}
#footer p {
	padding:5px;
	margin-top:20px;
}
table {
	border-radius:6px;
}
table, th, td {
	border:4px solid lightgray;
	border-spacing:0px;
}
td {
	width:300px;
	padding-left:8px;
	padding-top: 4px;
}

.bordered-image { 
	border:10px solid lightgray;
	border-radius:8px;
}
.bordered-image { 
	background-color:#FFF;
	max-width:93%;
	padding:12px;
	border:8px solid lightgray; 
	border-radius:16px;  
	margin-top:16px;
	/* margin-left:16px; */         
}
.bordered-div {  
  background-color:#FFF; 
  border:8px solid lightgray; 
  border-radius:16px;            
  padding: 16px; 
  margin-top:16px;
  /* margin:16px; */
}
.sub-div {
  background-color:#EEE;
  border:2px solid black;
  border-radius:8px;
  padding-left:20px;
  padding-right:20px;
}
/*
 * Used for CS 40.
#banner {
	font-family:'Dotmatrx';
	font-size:48pt;
}
*/

#banner {
	font-family:'Comfortaa-Regular';
	font-size:48pt;
}

/* For CS 40
#classinfo {
	font-family:'Dotmatrx';
	font-size:18pt;
}
*/

.classinfo {
	font-family:'Comfortaa-Regular';
	font-size:18pt;
}
#minibanner {
	font-size:24pt;
}