@import url('https://fonts.googleapis.com/css?family=Aldrich&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Asap&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Barlow&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Bilbo+Swash+Caps&display=swap&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Caveat&display=swap&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Coda|Lato&display=swap');@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Passion+One&display=swap&display=swap'); 
	@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Righteous&display=swap&display=swap'); 
	@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap&display=swap'); 
	@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Sigmar+One&display=swap&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Yrsa&display=swap');

	@media only screen and (min-width: 501px) {
	
		#BurgerKing {
			display: table-cell;
		}
	
	    #BURGER_NAV {
	    	display: none;
	    }
				
	    .sectional {
	    	width: 80%;
	    }

	    #SITE_NAV {
	    	display: table-row;
	    }
	    
	    #UED_SUBHEAD {
	    	display: inline-block;
	    }
	}

	@media only screen and (max-width: 500px) {
		
		#BurgerKing {
			display: table-cell;
		}
	
	    #BURGER_NAV {
	    	background-color: #FAFAFA;
	    	border-right-width: 10px;
	    	border-right-style: solid;
	    	border-right-color: #FAFAFA;
	    /*	display: table-cell;	*/	    	
	    	display: none;	/**/
	    	margin: 0px 0px 0px -5px;
	    	padding-right: 10px;
	    	position: fixed;
	    	text-align: right;
	    	top: 50px;
	    	left: 5px;	/*	*/
	    	width: 100%;
	    }
	    
	    #GNav {
	     	width: 100%;
	    }
		
		.NO_BULL {
			display: none;
		}
		
	    .sectional,  {
	    	width: 90%;
	    }
	    
	    #SITE_NAV {
	    	display: none;
	    }

		#TABLE_HEADER	{
			white-space: nowrap;	
		}
	    
	    a.bk_nav {
	    	border-style: dashed;
	    	border-color: #5c7a99;
	    	border-width: 0px 0px 1px 0px; 
	    	display: block;
	    	font-family: 'Ubuntu', sans-serif;
	    	font-size: 100%;
	    	font-variant: normal;
	    	font-weight: bold;
	    	margin: 0px;
	    	padding-bottom: 4px;
	    	text-align: right;
	    	text-decoration: none;
	    }

		#TABLE_HEADER	{
			width: 100%;
		}

	    th.table_header	{
			font-size: 150%;
		}
	    	    
	    #UED_SUBHEAD {
	    	display: none !important;
	    }
	    
	    #UX_BRAND {
	    /*	background-color: lime;	*/
	    }
	    
	}
			
	@media screen and (min-width: 800px) {
	
		body {
			margin: 10px;
		}

		#GNav {
			width: auto;		
		}
		
		#BurgerKing {
			display: none;	/*	*/
		}
		
		#TABLE_HEADER	{		
		/*	display: inline-block;	*/
			line-height: 100%;
			width: auto;
		}

		td.home_nav {
			display: table-cell;
			width: 33%;
		}
	
	    th.table_header	{
			font-size: 150%;
		}
	}

	@media only screen and (min-width: 595px) {
		.NO_BULL {
			display: inline;
		}
	}
	
	@media only screen and (max-width: 594px) {
		.NO_BULL {
			display: none;
		}
	}
	
	@media only screen and (max-width: 799px) {
		
		body {
			margin: 5px 10px;				
		}
		
		#colonoscopy {
			display: none;
		}
		
		h1 {

		}
		
		td.home_nav {
			display: block;
			margin: 10px auto;
			width: 100%;
		}
		
		#Uni {
			font-size: 125%;
		}
		
		#UX {
			display: none;
		}
		
		#UXD {
			font-size: 80%;
			font-variant: small-caps;
			font-weight: 400;
		}
		
		#UXR {
			text-align: center;				
		}
	}

	a:link {
	/*	color: #1973cf;
		color: #484848;	*/
		color: #392447;
		text-decoration: none;	
	}
	
	a:hover {
	/*	text-decoration: underline;	*/
	}
	
	
	a.page_link {
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		display: inline-block;		
	}
	
	a.page_link:hover {
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
			
	
	a:visited {
	/*	color: #19735f;	*/
		color: #1973cf;
		text-decoration: none;	
	}	
	
	a.jump_link {
		color: silver;
	}
	
	.blurb {
		color: #1a1a1a;
	/*	font-family: 'Raleway', sans-serif;		*/	
		font-family: 'Barlow', sans-serif;
	}
	
	body {
		color: #1a1a1a;
	}

    #BURGER_NAV {
    	background-color: #FAFAFA;
    	z-index: 1000;
    }
	
	.field_label {
		border-bottom-style: solid;
		border-bottom-color: #bbbbbb;
		border-bottom-width: 1.5px;
		color: #666666;
	/*	display: block;
		font-style: italic;
		font-variant: small-caps;*/
		font-family: 'Ubuntu', sans-serif;
		font-weight: normal;
		padding: 05px 10px 4px 0px;
		text-align: right;
		vertical-align: bottom;
		max-width: 20%;
	}
	
	.input_field {
		border-bottom-style: solid;
		border-bottom-color: #bbbbbb;
		border-bottom-width: 1px;
		color: #666666;
		font-family: 'Ubuntu', sans-serif;
		font-weight: normal;
		padding: 05px 10px -1px 0px;
		text-align: left;
		vertical-align: bottom;
	}
	
	@font-face {
	  font-family: DroidSans;
	  src: url(fonts/DroidSans.ttf);
	}
	
	@font-face {			  
	  font-family: 'Open Sans', sans-serif;
	 }
	 
	@font-face {
	  font-family: Ubuntu;		  
	}
	
	@font-face {
	  font-family: Better_Sig;
	  src: url('www.booleanarts.com/fonts/Better_Signature.ttf');
	}
	
	th.ux_nav a {
		position: relative;
		top: 5px;
	}
	
	th.ux_nav_2 a {
		position: relative;
		top: 6px;
		margin-bottom: 10px;
	}

	th.ux_nav_2:hover {
		background-color: #ffffff;
		border-color: #222222;
	}

	.bandera {
		max-height: 15px;
		border-style: none;
		margin: 0px 4px;
	}

	body {
	/*	background-color: #faf7fc;	
		background-color: #eae7ec;
		background-color: #FAFAFA;*/
		background-color: #fafaed;
	/*	color: #000000;	*/
		color: #1a1a1a;
	/*	font-family:  DroidSans;	*/
	/*	font-family: Yrsa, serif;	*/
		font-family: 'Barlow', sans-serif;
		font-size: 18px;
		line-height: 120%;
	}
	
	#BurgerKing {
		text-align: right;
		padding: 0px;
		vertical-align: center;
	}
	
	button {
		border-style: solid;
		border-color: #888888;
		border-radius: 10px;
		border-width: 1px;
		color: #666666;
		cursor: pointer;
		display: inline;
		font-size: 100%;
		font-variant: small-caps;
		padding: 5px;
	}
	
	button:hover {
		background-color: #ffffff;
		border-color: #000000;
		border-width: 2px;
		padding: 4px;
	}
	
	.clickme {
		cursor: pointer;
	}
	
	#GNav {
		border-style: none;
		border-collapse: separate;
		border-color: purple;
		border-width: 1px;	
		width: 100%;	/*	*/
	}
	
	h1, h2, h3, h4 {
		color: #444444;
		font-family: 'Ubuntu', sans-serif;
		line-height: 125%;	
	}
	
	h3, h4 {
		margin-bottom: -10px;
	}
	
	h3 {
	/*	border-top-style: dotted;
		border-top-width: 5px;
		border-top-color: #CCCCCC;
		margin-top: 30px;
		padding-top: 30px;	*/
	}
	
	td.home_nav {
		border-style: solid;
		border-color: #392447;
		border-radius: 15px;
		border-width: 0.5px;
	/*	font-size: 140%;	*/
		font-family: 'Ubuntu', sans-serif;
		text-align: center;
		padding: 12px 15px;
		white-space: nowrap;	
	}
	
	td.home_nav:hover {
		background-color: #ffffff;
		border-style: solid;
	}
	
	img.ikon {
		border-style: none;
		border-width: 0.5px;
		max-height: 20px;
		margin-right: 8px;
		opacity: 0.6;
		position: relative;
		top: -5px;
		vertical-align: baseline;
	}
										
	input[type="checkbox"], input[type="radio"]  {
		margin: 0px 5px;
	}

	input[type="number"] {
		font-size: 110%;
	}
	
	input[type="reset"] {
		background-color: transparent;
		border-color: #666666;
		border-style: solid;
		border-radius: 25px;
		cursor: pointer;
		font-family: 'Ubuntu', sans-serif;
	/*	font-variant: small-caps;	*/
		font-size: 100%;
		margin-top: 10px;
		padding: 5px 20px;
	}
	
	input[type="submit"] {
		background-color: transparent;
		border-color: #666666;
		border-style: double;
		border-radius: 25px;
		border-width: 4px;
		color: #666666;
		cursor: pointer;
		font-family: 'Ubuntu', sans-serif;
		font-variant: small-caps;
		font-weight: normal;
		font-size: 100%;
		margin-top: 10px;
		padding: 5px 20px;
	}
	
	input[type="submit"]:hover {
		background-color: #ffffff;
		border-color: #000000;
		color: #000000;
		font-weight: bold;
	}
	
	input[type="text"], input[type="email"] {
		background-color: #ffffff;
		border-color: #cccccc;
		border-style: none;
		border-width: 0px 0px 1px 0px;
		font-size: 110%;
		margin: 0px;
	}
	
	input[type="text"]:focus {
		background-color: #ffffff;
		border-color: #666666;
	}
	
	#nav_table {
		width: 100%;
		margin: 20px auto;
		border-collapse: separate;
	}
				
	select {
		background-color: #ffffff;
		border-style: solid;
		border-color: #cccccc;
		border-width: 0px 1px 1px 1px;
		display: block;
		font-size: 100%;
		margin-right: 10px;
		margin-bottom: 5px;
		padding-top: 5px;
		padding-bottom: 10px;
	}
	
	select:focus {
		background-color: #ffffff;
		border-color: #666666;
		border-bottom-style: solid;
		color: #333333;
	}
	
	sup {
		font-size: 60%;
	}
	
	table {
		border-collapse: collapse;
	}
				
	td {
		border-style: none;
		border-width: 0px;
	}

	th.table_header	{
	    /*	line-height: 105%;	*/
    }

	
	th {
		border-style: none;
		border-width: 1px;
		border-color: #666666;
		color: #666666;
		font-weight: bold;
		font-variant: small-caps;/*	*/
		text-align: center;
	}
	
	th.ux_nav {
		background-color: #FAFAFA;
		border-bottom-right-radius: 25px;
		border-style: solid;
		border-width: 0px 0.5px 0.5px 0px;
		border-color: #999999;
	/*	border-radius: 0px  0px 5px 0px;	*/
		color: #999999;
	/*	font-family: Yrsa;	
		font-family: 'Roboto Condensed', sans-serif;	*/
		font-family: 'Coda', sans-serif;
		font-size: 85%;	/**/
		font-weight: 400;	/**/
		font-variant: normal;	/**/
		line-height: 100%;
		padding-bottom: 10px;
		text-align: center;
		width: auto;	
	}
	
		th.ux_nav_2 {
	/*	background-color: #FAFAFA;	*/
		bakground-color: transparent;
		border-style: solid;
		border-width: 0.5px;
		border-color: #999999;
		color: #999999;
		font-family: 'Coda', sans-serif;
		font-size: 85%;	/**/
		font-weight: 400;	/**/
		font-variant: normal;	/**/
		line-height: 100%;
		margin-top: 5px; 
		padding: 10px 5px;
		text-align: center;
		width: 15%;	
	}

	
	th.ux_nav a {
		color: #484848;
	}

	
	th.ux_nav img {
		display: none;
	}
	
	th.ux_nav:hover {
		cursor: pointer;
	}
	
	#UXD {
		font-weight: 400;
	}

	#UXR {
		font-family: 'Yrsa', serif;
		font-weight: bold;
		line-height: 95%;
	}
	
	#Home:hover {
		background-color: #FFDEDE;
		border-color: #999999;
		color: #990000;
	/*	font-weight: bold;	*/					
	}
	
	
	#Practice:hover {
		background-color: #FFee00;
		color: #669900;
	/*	font-weight: bold;	*/					
	}
	
	#Portfolio:hover {
		background-color: #FFFFFF;
		color: #009900;
	/*	font-weight: bold;	*/					
	}
	
	#About:hover {
		background-color: #FFFFFF;
		color: #000099;
	/*	font-weight: bold;	*/					
	}
	
	#Contact:hover {
		background-color: #FFFFFF;
		color: #660099;
	/*	font-weight: bold;	*/					
	}

	tr.timeslot:nth-of-type(odd) {
		background-color: #ffffee;
	}			

	tr:nth-of-type(even) {
		background-color: transparent;	
	}
	
	tr:first-of-type {
		background-color: transparent;
	}
	
	tr.timeslot:nth-of-type(even) {
		background-color: #efefff;	
	}
	
	tr.timeslot:nth-of-type(odd) {
		background-color: #ffffff;	
	}
	
	tr.timeslot:last-child {
		background-color: #fefefe;	
	}
							
	textarea {
		background-color: transparent;
		border-color: #cccccc;
		border-width: 2px;
		border-style: inset;		
		display: block;
		font-family: arial, helvetica, 'sans-serif';
		padding: 10px;
	}

	textarea:focus {
		background-color: #ffffff;
	}
	
	th {
		font-size: 110%;
	/*	font-style: italic;	*/
		font-variant: small-caps;
		font-weight: normal;
	/*	white-space: nowrap;	*/
		border-style: none;
	}
	
	th.table_header {
		color: #444444;
		font-family: 'Coda', sans-serif;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: left;
	}
	
    #UED_SUBHEAD {
    	color: #5c7a99;
		font-variant: none;
    	font-weight: 400;
    	letter-spacing: 0px;
		display: inline-block;
    }	    

	#UX_BRAND {
	   	font-weight: bold;
	}

	#ux_nav {
		width: 100%;
	}
	
	#UXR, #Uni {
		font-family: 'Coda', sans-serif;
		font-weight: bold;
	}
	
	.white_pages {
		background-color: #faf9f0;
		border-style: NONE;
		border-color: #cccccc;
		border-width: 1px;
		box-shadow: 3px 3px 5px 5px #faf9f0;
		color: #1a1a1a;
		font-family: 'Barlow', sans-serif;
		padding: 10px 20px;
		width: 100%;
	}