/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Adam Rasmus
* @author Benjamin Slade
*/
* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: "Negotiate";
	src: url(css/type/Negotiate/negotiate_free.ttf) format("opentype");
	}

body {
	font-size: 11px;
	font-family: "Negotiate", sans-serif;
	background: #fff;
}

body.section-1 { margin-top: 36px }
body.section-2 { margin-top: 18px;}
body.section-3 { margin-top: 60px;}
body.section-4 { margin-top: 60px;}
body.section-5 { margin-top: 60px;}
body.section-6 { margin-top: 60px;}
body.section-7 { margin-top: 60px;}
body.section-8 { margin-top: 60px;}
body.section-9 { margin-top: 60px;}
body.section-10 { margin-top: 60px;}
body.section-11 { margin-top: 60px;}
body.section-12 { margin-top: 60px;}
body.section-13 { margin-top: 60px;}

a:link { text-decoration: none; color:#000 }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color:#000 }
a:hover { text-decoration: none; color: #06C}

a img { border: none; }

#menu {
    width: 200px;
    overflow: auto;
    top: 0px;
    bottom: 0;
	left: 0;
    height: 100%;
	background-color: #fff;
	position: fixed;
	font-weight: bold;
}

#menu ul {
	list-style: none;
	margin: 0 0 0 0;
}

#menu ul li.section-title { 
	font-size: 24px;
	padding-left: 0px;
}

#menu ul li.section-title:hover{
	color:#06C;
}

#menu ul.one { 
	color: #06C; 
	font-size: 24px; 
}

#menu ul.one li a { 
	color: #06C; 
	font-size: 24px; 
}

#menu ul.one a:hover {
	color: #000;
}


#menu ul.two { 
	font-size: 16px;
	font-weight: bold;
	padding-left: 0px; 
}

#menu ul.two li a { 
	color: #999999;
	font-size: 16px;
	font-weight: bold; 
}

#menu ul.two li a:hover {
	color: #06C;
}

#menu ul.thr { 
	font-size: 16px;
	font-weight: bold;
	padding-left: 0px; 
}

#menu ul.thr li a { 
	color: #000;
	font-size: 24px;
	font-weight: bold; 
}

#menu ul.thr li a:hover {
	color: #06C;
}

#menu ul li.active a {
	color: #000000;
}

#content {
    width: 820px;
    height: 100%;
    margin: 0 0 90px 200px;
    top: 0;
}

.container {
    padding: 5px 5px 25px 5px;
}

#content p { width: 625px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
h5 { font-size: 16px; font-weight: bold; }
h6 { font-size: 9px; }
h7 { font-size: 24px;}
h8 { font-size: 14px; color: #999999; }

a.institute:link { text-decoration: none; color: #06C }
a.institute:visited {text-decoration: none; color:#06C }
a.institute:hover { text-decoration: none; color: #000; }
a.institute:active { text-decoration: none; }


#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 820px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

div#footer { 
  position: fixed; 
  clear: both; 
  width: 100%; 
  height: 80px;
  left:0px;  
  bottom: 0; 
  border: none; 
  padding: 0 0 0 0; 
  text-align: right;  
  background:url('footer_dark.png') repeat; 
  z-index:1000;  
}