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


body {
	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
	background: #fff;
	text-align: left; 
	background: #fff; 
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #666}
a:active { text-decoration: none;color: #666 }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }

a img { border: none; }

	#menu {
		width: 225px; /* sets the width of your left hand bar - if you change this also change the LEFT margin in #content to match */
		overflow: auto;
		top: 0;
		bottom: 0;
		left: 0;
		position: fixed; /* this make the menu stay in place while the content section scrolls*/
		height: 100%;
		background-color: #fff;
		padding-top: 40px; /* change to match the padding-top in #content if you want them to align */
		padding-bottom: 25px;
		/* padding-left & right can be changed in #menu ul - below */
		font-size: 12px;
}

#menu p { margin-bottom: 0; }

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
	padding-left: 50px; 
}



#content {
		height: 100%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 225px; /* sets the space so the content starts right when the menu ends - if you change this also change the width of #menu to match */
	    top: 0;
	    
	    /* sets the spacing around the content area - this is normally set to match padding options in #menu but can be changed seperately */
		padding-top: 40px;  /* change to match the padding-top in #menu if you want them to align */
		padding-right: 5px;
		padding-bottom: 25px;
		padding-left: 40px;
	}

.container {
	position:absolute
    padding: 5px 5px 25px 5px;
	text-align:left
}

#content p { /* sets the properties for all paragraphs in the content area */
		width: 600px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px; /* sets the space between paragraphs */
		margin-left: 0px; 	
	    line-height: 18px; /* use this the change the leading (space between lines) */
	}

	p { /* sets the properties for all paragraphs  */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 9px;
    margin-left: 0;
	}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

/* IMAGES */

	#img-container	{ 
		margin: 0 0 20px 0; 
		padding: 0; 
	}
	
	#img-container p	{ 
		width: 400px; 
		margin: 0; 
		padding: 0 0 12px 0;
	}
	
	.nothumb img {
		
		margin-top: 0px;  
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;

	}
	
	#grow {
		
		width:400px
		
	}
	
#once { clear: left; }


/* SLIDE SHOW - Navigation */
	
	p.nav a {
		background-color: #ffffff;
		padding-top: 3px;
		padding-right: 9px;
		padding-bottom: 3px;
		padding-left: 9px;
		font-size: 14px;
		font-family: "Courier New", Courier, monospace;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
	}
	
	p.nav a:hover {
		background-color: #ffffff;
	}
	
	p.nav span#num {
		letter-spacing: 2px;
		font-family: "Courier New", Courier, monospacee;
		font-style: italic;
		padding-left: 20px;
	}
	


.clear-both { clear: both; }

#footer { 
        position:fixed; 
        bottom: 5px; 
        right: 5px;
        z-index: 1;
}