@charset "UTF-8";
/* CSS Document */

body
{
   width: 860px;
   
   margin-top: 20px;
   margin-bottom: 20px;    
   background-position:left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   background-image: url("images/motif2.jpg");
   background-repeat: repeat;
   height: 100%;
   line-height: 50%;
  
   
}

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


/* LINKS */


a:link { 
	color: #B3B3B3;
	text-decoration: none;
	}

a:visited {
	text-decoration:line-through;
	color: #B3B3B3;
	}
	
a:hover { 
	color: white;
	text-decoration: none;
	}
	
img { border:none; }


/* Header */


#headerlogo
{
   
   width: 165px;
   height: 53px;
   background-image: url("images/headerlogo.png");
   background-repeat: no-repeat;
   background-position:bottom left;
   margin-left: 30px;
   margin-bottom: 15px;
   margin-top: 10px;
   position:fixed;
}


/* Menu */


#menu
{
   float: left;
   width: 165px;
   top: 70px;
   margin-left: 30px;
   margin-top: 30px;
   position:fixed;
   background-color: transparent;
   overflow: auto;
   height: 100%;
   line-height: 14pt;
   font-size: 10px;
  
}
 
/* This section controls each section made */ 
	#menu ul {
        list-style: none;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 5px; /* sets the space between each section */
		margin-left: 0px;
		/* sets the spacing around the menu - this is normally set to match padding options in #content but can be changed seperately */
		padding-right: 0px;
		padding-left: 0px;
		padding-top: 0px;
	}
   
   
#menu ul li {
		margin-top: 0px;
		margin-bottom: 0px;
	}

#menu .container { padding: 30px 0px 0 20px; }
	
	/* The following sets the style for the section heading */
	#menu ul li.section-title { cursor: pointer; }
	#menu ul li.section-title {
		border-bottom: 1pt dotted #CECECB;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: none;
		filter:alpha(opacity=100);
        -moz-opacity:1;
        opacity:1;
		font-style: none;
		font-size: 10px;
		text-decoration: none;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		color: white;
	}
	
	#menu ul li.section-title:hover {
		 	text-decoration: none;
			font-weight: bold;
			color: white;

		}
		
	#menu ul li.section-title:active {
		 	text-decoration: none;
		 	font-weight: none;
			color: white;
		}
		
	#menu li.active a { color: white; text-decoration: none;
	
		}
		
	#menu li.visited a { text-decoration:line-through; color: #B3B3B3;
	
		}
		



/* Content */


#content
{
	position:absolute;
	top:31px;
	left:242px;
	height: 505px;
	text-align:left;
	background-color: transparent;
	z-index:0;
	width:850px;
	margin-left: 10px;
	display:block;
	color: #B3B3B3;
	line-height: 70%;
}
    content a:link { 
	color: #B3B3B3;
	text-decoration: none;
	font-size:15px;
	}



#content h1
{
   color: white;
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

#contentforslidingboxes
{
	position:absolute;
	top:35px;
	left:236px;
	height: 505px;
	text-align:left;
	background-color: transparent;
	z-index:0;
	width:850px;
	margin-left: 10px;
	display:block;
	color: #B3B3B3;
	line-height: 70%;
}
    contentforslidingboxes a:link { 
	color: #B3B3B3;
	text-decoration:underline;
	font-size:15px;
	}



#contentforslidingboxes h1
{
   color: white;
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}