/*
1.2em = 12pt, 3.5em = 35pt, etc.
*/

body		{  	
		margin: 0;
        padding: 0;
		background-color: #3d5164;
		color: #000000;
		font-size: 62.5%;				
		}
                         	
h1		{  
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 2.2em;
		font-weight: bold;
		font-style: italic;
		color: #2a6477;
		margin: 0 0 12px 0;
		}

h2		{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1.8em;  	
		font-weight: bold;
		font-style: italic;
		color: #2a6477;		
		margin: 20px 0 8px 0;
		}

h3		{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1.6em;  	
		font-weight: bold;
		font-style: italic;
		color: #2a6477;		
		}

h4		{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1.4em;  	
		font-weight: bold;
		font-style: italic;
		color: #2a6477;		
		}

p		{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 14px;
		line-height: 24px;
		margin: 0 0 15px 0;		
		}

#content li {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 14px;
		line-height: 24px;
		margin: 0 0 15px 0;		
		}

p.smaller {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		line-height: 18px;
		margin: 0 0 15px 0;		
		}

		
#content {
		padding: 10px 40px 10px 40px;
		text-align: left;
		
			}
		
		
#credits	{	
		font-size: 1.1em;
		color: #fff;
		font-family: verdana, sans-serif;
		text-align: center;
		padding: 50px 5px 10px 5px;		
		}
				
/* CONTAINING BLOCK ELEMENTS FOR THE MENU LIST THAT DO THE CENTERING OF FLOATING ELEMENTS */
.navigationBox {
	width: 844px; position: relative; overflow: hidden; text-align: center; margin: 0 auto;
	background-color: #b3b8af; 
	border-left: #000 solid 10px;
	border-right: #000 solid 10px;

	}
.navigation {
	float: left; left: 50%; position: relative; text-align: center;		
	}
.navigationWrapper {
	position: relative; left: -50%; float: left; list-style: none; margin: 0; padding: 0;
	}