@charset "utf-8";
/* CSS Document */
/* COLORS 
	BACKGROUND - f0e9ba - DARK
	Table BG - fbf8dd - LIGHT
	BLACK - 000000
	RED - #900
*/

/* GENERAL */



	hr {
		color:#000000;
		background-color:#000000;
		height: 3px;
		width: 95%;
		margin-top:0;
	}	
	hr.hr_footer {
		color:#000000;
		background-color:#000000;
		height: 3px;
		width: 903px;
		margin-top:0;
	}
	hr.hr_certificates {
		color:#000000;
		background-color:#000000;
		height:1px;
		width:100%;
		margin-top:5px;
	}
	a:link {
		color: #900;
		font-weight:bold;
		text-decoration:none;
	}
	a:visited {
		color: #900;
		font-weight:bold;
	}
	a:hover {		
		color: #900;
		font-weight:bold;
		text-decoration:underline;
	}
	a:active {
		color: #900;
		font-weight:bold;
	}
	
	
	
	/* ALTERNATE LINK COLOR */
	a.alternate:link {
		color: #C30;
		font-weight:bold;
		text-decoration:none;
	}
	a.alternate:visited {
		color: #C30;
		font-weight:bold;
	}
	a.alternate:hover {
		color: #C30;
		font-weight:bold;
		text-decoration:underline;
	}
	a.alternate:active {
		color: #C30;
		font-weight:bold;
	}	


	/* FINAL PROJECT LINK COLOR */
	a.finalproject:link {
		color: #0012B6;
		font-weight:bold;
		text-decoration:none;
	}
	a.finalproject:visited {
		color: #0012B6;
		font-weight:bold;
	}
	a.finalproject:hover {
		color: #0012B6;
		font-weight:bold;
		text-decoration:underline;
	}
	a.finalproject:active {
		color: #0012B6;
		font-weight:bold;
	}	



	


	/* ALTERNATE LINK COLOR */
	a.key:link {
		color: #6114AB;
		font-weight:bold;
		text-decoration:none;
	}
	a.key:visited {
		color: #6114AB;
		font-weight:bold;
	}
	a.key:hover {
		color: #6114AB;
		font-weight:bold;
		text-decoration:underline;
	}
	a.key:active {
		color: #6114AB;
		font-weight:bold;
	}	

	
	







	span.anchor {
		float:left;
		display: block;
		height: 150px;
		margin-top: -150px;
		visibility: hidden;
	}

	.image {
		border:1px solid #000;
		border-width:2px 3px 3px 2px;
	}
	.image_gallery {
		border:1px solid #000;
		border-width:2px 3px 3px 2px;
		margin:5px;
	}
	
	

/* TEXT */
	.txt_page_title {
		text-align:center;	
		font-family:Verdana, Geneva, sans-serif;
		font-size:18px;
		font-weight:bold;
	}
	.txt_page_description {
		text-align:center;	
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		font-weight:normal;	
	}
	.txt_page_content {
		text-align:justify;	
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		font-weight:normal;			
	}
	.txt_left_justification {
		text-align:left;	
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		font-weight:normal;
	}
	.txt_notes {
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		font-weight:normal;
		font-style:italic;
		color:#000000;
		text-align:justify;	
	}
	.txt_footer {
		text-align:center;	
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
	}
	.txt_highlight {
		border-style:inset;
		border-width:10px;
		border-color:#FF0;
		background-color:#FFFFFF;
		font-weight:bold;
		padding:5px;
	}
	.txt_header_highlight {
		text-align:center;
		font-family:Verdana, Geneva, sans-serif;
		font-size:16px;
		font-style:italic;
		font-weight:bold;
		color:#900;
	}
	.txt_page_content_sides {
		text-align:left;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		font-weight:normal;	
	}
	
	


	
	
	
	
	
	/* THE FOLLOWING CODE AUTOMATICALLY SETS THUMBNAILS INTO A GRID */
	#thumbs {   
		width: 930px;
		margin-top:20px;
		/*padding-bottom:100px;*/
		margin-left: auto; 
		margin-right: auto;
		text-align: justify;
		-ms-text-justify: distribute-all-lines;
		text-justify: distribute-all-lines;
	}
	#thumbs img {
		/*margin-bottom:5px;*/
	}
	#thumbs a {
		vertical-align: top;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}
	.stretch {
		width: 100%;
		display: inline-block;
		font-size: 0;
		line-height: 0;
	}
	.spacer {
		padding-bottom:100px;
	}
	* {
		box-sizing: border-box;
	}

/*

.sidebar {
    width: 25%;
    float: left;
    padding: 15px;
    border: 0px solid red;
}
.main {
    width: 75%;
    float: left;
    padding: 15px;
    border: 0px solid red;
}

*/





video {
    max-width: 98%;
    height: auto;
}
#content {
	margin-top:35px;
}







		
		
		
		
		

	.row::after {
		content: "";
		clear: both;
		display: table;
	}
	
/* FOR MOBILE PHONES */
	[class*="col-"] {
		width: 100%;
		float: left;
		/*margin-left: 3%;*/
    	/*padding: 3px;*/
    	/*border: 1px solid red;	*/						/* THIS ADDS A BORDER AROUND ALL THE INDIVIDUAL ELEMENTS */
	}
	.img_header {
		width:auto;
		height: 50px;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	.hideThisFirst{
		display:none;	
	}
	.hideThisSecond{
		display:none;	
	}
	.hideThisDesktop {
		display:none;
	}
	.hideThisTablet {
		display:none;
	}
	.hideThisMobile {
		display:inline;
	}
	.setWidth {
		max-width:1000px;
		margin: 10px;									/* THIS ADJUST THE MARGINS FOR MOBILE SIZE */	
	}
	.txt_header {
		text-align:right;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:12px;
		padding:5px;
		vertical-align:top;
	}
	body {
		background: #fbf8dd;
	}

	
/* FOR TABLETS */	
@media only screen and (min-width: 600px) {
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	
	img {
		max-width: 100%;
		height: auto;
	}
	.img_header {
		max-width: 100%;
		height: auto;
	}
	.hideThisFirst{
		display:none;	
	}
	.hideThisSecond{
		display:inline;	
	}
	.hideThisDesktop {
		display:none;
	}
	.hideThisTablet {
		display:inline;
	}
	.hideThisMobile {
		display:none;
	}
	.setWidth {
		margin: 10px;									/* THIS ADJUST THE MARGINS FOR TABLET SIZE */				
	}
	.txt_header {
		text-align:right;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:16px;
		padding:5px;
		vertical-align:top;
		margin-top:0px;
	}
}



/* FOR DESKTOPS */
@media only screen and (min-width: 768px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	
	img {
		max-width: 100%;
		height: auto;
	}
	.img_header {
		max-width: 100%;
		height: auto;
	}
	.hideThisFirst{
		display:inline;	
	}
	.hideThisSecond{
		display:inline;	
	}
	.hideThisDesktop {
		display:inline;
	}
	.hideThisTablet {
		display:none;
	}
	.hideThisMobile {
		display:none;
	}
	
	.setWidth {
		margin:auto;				
	}
	.txt_header {
		text-align:right;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:16px;
		padding:5px;
		vertical-align:top;
	}
	body {
		background-color: #f0e9ba;
		background-image: url(../images/general/bg.png);
		background-size: 1380px 10px;
		background-repeat: repeat-y;
		background-position:center;
		overflow:scroll;
		overflow-x:hidden;
		z-index:-10;
		text-align:center;
	}
}