/* CSS Document */
/*Clear all formatting*/

*			{	margin:0; padding:0; border:0;	}

body {
	margin      : 0px;
	padding     : 0px;
	font-family : Arial, sans-serif;
}

p {
    text-align : justify;
    margin     : 0px 80px 0 80px;
}

h1 {
    font-size    : 30pt;
    text-decoration: underline;
  	margin-top   : 25px;
  	margin-bottom: 10px; 
    text-align   : center;
    color        : darkred;
    font-style   : serif;
    padding-left : 0px;
}

h1.project-name {
    text-align    : center;
    font-size     : 40pt;
    margin-top    : 50px;
    margin-bottom : 0px;
    color         : darkred;
    font-style    : serif;
    padding-left  : 0px;
}

h2 {
    color        	: darkred;
	text-decoration : underline;
    text-align   	: center;
    font-style  	: serif;
    font-size    	: 30pt;
}

.document-links {
    list-style-type : inline-block;
    margin-top      : 0px;
    text-align      : center;
    padding-left    : 0px;
}

a:link.documents, a:visited.documents {
    background-color : black;
    color            : white;
    padding          : 10px 10px 10px 10px;
    margin-top       : 5px;
    margin-bottom    : 5px;
    text-align       : center;
    text-decoration  : none;
    display          : inline-block;
    width            : 300px;
	border-radius    : none;
}

a:hover.documents, a:active.documents {
    background-color :silver;
}

.nav {
	background-color : darkred;
	list-style       : none;
	text-align       : left;
	padding          : 5px 0px 7px 0px;
	margin           : 0px;
	position         : fixed;
	top              : 0px;
	width            : 100%;
}

.nav > li {
	display   : inline-block;
	padding   : 11px 0px 11px 25px;
	font-size : 15px;
}

.nav > li > a {
	text-decoration : none;
	color           : #000000;
	font-weight     : bold;
}

.nav > li > a:hover {
	color  : #8c8c8c;
	cursor : pointer;
}

/********/
/* Logo */
/********/
.logo {
	float        : left;
	padding-left : 25px;
	font-size    : 17px;
	font-weight  : bold;
}

.logo > a {
	text-decoration : none;
	color           : #000000;
}

.logo > a > img {
	width          : 40px;
	height         : 40px;
	vertical-align : middle;
	padding-right  : 5px;
}

/**********/
/* Banner */
/**********/
#container {
	margin     : auto;
	width      : 100%;
	margin-top : 0px;
}

.projectname > img {
	padding: 50px 1px 1px 300px;
	height : 100px;
	width  : 50%;
}

.banner > img {
	height : 300px;
	width  : 100%;
}

.box-1 {
	margin  : auto;
}

.box-1 > img {
	margin  : auto;
	width   : 207px;
	height  : 277px;
	display : block;
}

.box-1 > p {
	margin     : 1% 35% 1% 35%;
    text-align : justify;
}

.box-2 {
	margin : 5% auto;
}

.box-2 > img {
	margin  : auto;
	width   : 183px;
	height  : 213px;
	display : block;
}

.box-2 > p {
	margin     : 1% 35% 1% 35%;
    text-align : justify;
}

.box-3 {
	margin : 5% auto;
}

.box-3 > img {
	margin  : auto;
	width   : 180px;
	height  : 180px;
	display : block;
}

.box-3 > p {
	margin     : 1% 35% 1% 35%;
    text-align : justify;
}

.box-4 {
	margin : 5% auto;
}

.box-4 > img {
	margin  : auto;
	width   : 198px;
	height  : 207px;
	display : block;
}

.box-4 > p {
	margin     : 1% 35% 1% 35%;
    text-align : justify;
}