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

hr {
	border: none 0;
	border-top: thin dotted;
	height: 1px;
	clear: both;
	margin-top: 1.4375em;
	}

body {
	font-size:75%; /* for IE */
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	line-height: 1.5em; /* 24px */
}

html>body {
	font-size:75%; /* non-IE */
	}
	
body.section-1 { }
body.section-2 { }
body.section-3 { }

#menu ul li.active a:link, #menu ul li.active a:active, #menu ul li.active a:visited {
	text-decoration: none;
	font-style: normal;
	background: #333;
	color: #CFCFCF;
	padding-right: 2px;
	padding-left: 2px;
    margin-left: -10px;
	margin-right: -2px;
}

a:link {
	text-decoration: none;
	background: #00FFFF;
	font-style: normal;
	color: #333;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: -2px;
}


a:active {
	color: #E0FF9E;
	font-style: normal;
	margin-left: -2px;
	margin-right: -2px;
	padding-left: 2px;
	padding-right: 2px;
}

a:visited {
 	text-decoration: none;
	background: #00FFFF;
	font-style: normal;
	color: #333;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: -2px;
}


a:hover {
	color: #CFCFCF;
	background-color: #333;
}

table { 
      background: #FFFFFF;
	  width: 650px;

}

tr { background: #FFFFFF }

/* MENU */

#menu a {
	font-size: 100%; /* for IE */
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.8em; /* 24px */
}


a img { border: none; }

#menu {
    width: 215px; float: left; 
    overflow: auto;
    top: -9px;
    bottom: 0;
	left: 0px;
    position: fixed;
    height: 100%;
	background-color: #FFFFFF;
}

#menu ul {
	list-style-type:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px; /* sets the space between each section */
	margin-left: 0px;
	padding-left:10px;   /* sets the padding from side of menu */
	font-family: Helvetica, Arial,sans-serif;
	line-height: 15px;
	font-weight:normal;
    font-size:95%;

}

#menu ul li.section-title {
    list-style-type:none;
	margin: 0px 0px 10px 0px;
	font-family: Helvetica, Arial,sans-serif;
	line-height:5px;
    font-size:80%;
	font-weight:inherit;
 	color: #CFCFCF;

}

p {
	margin: 0 0 9px 0;
}

#menu .container p {
	margin-top: 0px;
	margin: 0px 0px 0px 0px;

}

/* CONTENT AREA */

#content {
		height: 100%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 215px; /* 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:10px;
	    
	    /* sets the spacing around the content area - this is normally set to match padding options in #menu but can be changed seperately */
		padding-top: 10px;  /* change to match the padding-top in #menu if you want them to align */
		padding-right: 5px;
		padding-bottom: 25px;
		padding-left: 0px;
	}


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

#content p { /* sets the properties for all paragraphs in the content area */
		width: 325px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 60px; /* 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;
	}


p.sample {
	font-family: serif;
	font-style: normal;
	font-variant: normal;
	font-weight: lighter;
	font-size: medium;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
}

p.test2{ font-size: 72px; font-style:oblique }


/* HEADINGS */
	
	/*
	when typing your text/descriptions follow this format to use these heading types
	
	<h1>This is the text i want to be a heading which</h1>
	
	start with h1 as your largest most important heading. you may not need all 4 but they are here if you do.
	*/


h1 { 
    font-weight:normal;
    font-size: 120%;
	font-family: Helvetica, Arial, sans-serif;
	color: black;
}
 
h2 { 
     font-weight: lighter;
     font-size:  95%;
	 font-family: Helvetica, Arial, sans-serif;
     color: #666666; 
}

h3 {
     font-weight: lighter;
     font-size:  85%;
     color: #666666;
   
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 36px; 
	letter-spacing: -0.05em;
	font-weight: normal;
	line-height: 5px;

		
}

/* 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;
		border-color: #dbe2e0; /* erase the following 3 lines if you dont want borders on your images */
		border-width: 1px; 
		border-style:  solid;
	}
	
	#once { clear: left; }
	
.w275 { width: 275px; }

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

#once { clear: left; }