/* ===============================
   Author: {Kevin}
   Date:   {DATE HERE}
   
   Notes:
   Hand coded for Build a Website
   from Scratch with HTML & CSS
   by Kevin Ryan
   
   Color Palette:
   ---------------
   Light Cream:		#f2f3ee
   Orange:			#d17f38
   Yellow:			#e8c04f
   Brown:			#4b2707
   Light Blue		#b3b3ff
   Redish:          #cc0000
   Orangish:        #ff8000
   Blue: 			#0053a0
   =============================== */
   
/*
   #link-1:hover {			
	background: #333;
	color: white;
	padding: 5px;
	text-decoration: none;
	
	img { max-width: 100%; height: auto; } Make responsive
	
*/
   
   

/* General */


/* body {
	
	text-align: center;
	padding: 40px;
	margin: 0;
	padding: 0;
		
} */




#head-block {
	height:130px;
    background-color: black;
	text-align: left;
	width: 100%;
	max-width: 100%;
    overflow-x: hidden;
	/*border-style: solid; ---------------------------------*/ 
	/*border-bottom-color: red; ---------------------------------*/ 
	/*border-width: 1px;  ---------------------------------*/ 
	/* border-bottom-width: 100%; */
		
}


#head-block h1 {
	
	/* font-family: 'Bebas Neue', cursive; */
	font-family: 'Bebas Neue';
	float: left;
	color: white;
	font-size: 45px;
	margin: auto;
	padding-left: 20px;
	padding-top: 35px;	
	padding-bottom: 0;
	max-width: 100%; /* Add for Responsive  */
	height: auto; /* Add for Responsive    */
	
}


/*hr {
	
	height: 20px;
	color: blue;
	padding-top: 0px;
} */

/* Start paragraph */

#start {
	color: black;
	text-align: left;
	font-family: verdana;
	}




#menu-items {
	
    font-family: 'Roboto Condensed', sans-serif; 
	/*  font-family: 'Roboto Condensed'; */
	font-weight: bold;
	font-size: 30px;
	padding-right: 20px;
	/* padding-right: 30px; */
	/* color: #ffd633;  */
	color: #0053a0;
	float: right;
	display: inline; 
	list-style: none;
	padding-top: 27px;
	
}


/* Link hover */


#topic:hover {			
	
	color: white;
	text-decoration: none;
}
  
/*NEW to add the bottom menu items---------------------------*/

#head-block-2 {
		
	color: #ffd633;
	background-color: black;
	height: 40px;
	width: 100%;
	text-align: center;
	padding-bottom: 6px;
	word-spacing:8px;
	font-size: 16px;
	
}


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

a:hover {
	color: white;
}

a.class1:link {
	color:blue;
	text-decoration: none;
	
}

a.class1:hover {          /*for main page links*/
	color: #b3b3ff
}

/*NEW-----------------------------------------*/


#headline {
	
	/* font-family: verdana; */
	/* font-family: 'PT Sans', sans-serif; */
	/* font-family: 'Jura', sans-serif; */
	
	/* font-family: 'Saira Condensed', sans-serif; */
	
	font-weight: bold;
	font-size: 48px;
	width: 900px;
	padding-left: 80px;
	margin: 0 auto;
		
	max-width: 100%;		/* Added these two lines to make them dynamic */
    overflow-x: hidden;
	 color: #333; 
	/* color: black; */
	text-align: left;
	padding-top: 35px;
	padding-bottom: 25px;
	
}

/* Image */


#image {
  
 	display: block;
	margin-left: auto;
	margin-right: auto;
	/*width: 62%; */
	
}
	
/* Main Content */

#main-container {
		
	width: 900px;
	padding-left: 85px;
	margin: 0 auto;
	/*font-family: 'Bebas Neue', cursive;  /* Google fonts */
	/* font-family: 'Roboto', sans-serif; */
	/*  font-family: 'PT Sans', sans-serif; */
	max-width: 100%;		/* Added these two lines to make them dynamic */
    overflow-x: hidden;
	color: #333;
	text-align: left;
	list-style: none;
	padding-top: 15px;
}


#main-container h2 {
 
	font-size: 22px;
	font-family: 'PT Sans', sans-serif;
	/* font-family: 'PT Sans'; */
	/* padding-bottom: 5px; */

}
 
 
#start {

	margin-right: 70px;
	
}

#list {
	
	text-decoration: none;
	list-style-image: url('../images/lock_20px.png');
	padding-top: 15px;
	padding-bottom: 10px;
}

#list a {
	
	text-decoration: none;
}
 
 
 
/*#topic_list {
	 
	list-style-image: url('../images/lock_20px.png');
	padding-top: 15px;
	padding-bottom: 10px;
	
}*/ 

	
/* #topic_list:hover {			
	
	
	color: #ff8000;
	/* text-decoration: none; */
/*} */
	  
	  
/* OTHER PAGES ====================== down ========================== */	 


#page-topic {
	
	/* padding-left: 85px; */
	padding-top: 50px;
	color: #333;
	/*padding-left: 40px; */
	margin: 0 auto;
	text-align: left;
	width: 900px;
}
	 
#page-main-container { 
	
	/*padding-left: 40px; */
	margin: 0 auto;
	/*font-family: 'Bebas Neue', cursive;  /* Google fonts */
	/* font-family: 'Roboto', sans-serif; */
	/*  font-family: 'PT Sans', sans-serif; */
	font-family: verdana;
	width: 900px;
	max-width: 100%;		/* Added these two lines to make them dynamic */
	overflow-x: hidden;
	color: #333;
	text-align: left;
	/* list-style: none; */
	padding-top: 15px;
	
}

 #restore_img {

	float: left;
	padding-left: 40px;
	margin: 0 auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
 
 }


	
/* #onedrive_icon {
	
	display: block;
	height: 45px;
	width: 172px;
	float: left;
	
} */

/* #onedrive_icon {

	float: left;
	padding-left: 40px;
	margin: 0 auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
 
 } */


	
  #onedrive_icon1 {
	
	display: block;
	float: left;
	padding-left: 14px;
	padding-top: 8px;
}


/* OTHER PAGES ======================= up ========================= */	 
 
 /* Footer */
 
 
 #highlighted {
	 color: red;
 }
 


 #footer {
	font-family: verdana;
	text-align: center;
	background-color: black;
	height: 150px;
	float: bottom;
	margin-top: 135px;
	
}
 
 
/* 
#footer h1 {
	padding-top: 35px;
	font-family: verdana;
	text-align: center;
	color: white;

}
*/

#footer p {
	padding-top: 35px;
	color: white;
}



/* Force Elements to Self Clear its Children: http://css-tricks.com/snippets/css/clear-fix/ */

.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */