/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 27, 2019 */
@font-face {
    font-family: 'lobster_1.3regular';
    src: url('fonts/lobster_1.3-webfont.woff2') format('woff2'),
         url('fonts/lobster_1.3-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/* header( 'Content-type: text/x-component' );
include( 'PIE.htc' ); */

.roundCorners {
background: #ccc;
border: 1px solid #000;
padding: 10px;
margin:10px;
/* -webkit-border-radius: 9px; */        /* Safari-Chrome */
/* moz-border-radius: 9px; */                        /* Firefox */
/* border-radius: 9px;  */                               /* Opera */
}



img {
	box-shadow:10px 10px 40px #000;}
	
.radius2 {
	border:4px solid #996;
	width:90%;
	padding:10px;
	border-bottom-right-radius:30px;
	border-top-right-radius:30px;
	background:gradient (linear, 0% 0% 37% 100%, from (#6fc), to (#3f0), color-stop (0, #60f))

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7fc6f9+0,89c3eb+13,abd3ee+58,ebf1f6+100 */
background: #7fc6f9; /* Old browsers */
background: -moz-linear-gradient(left, #7fc6f9 0%, #89c3eb 13%, #abd3ee 58%, #ebf1f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #7fc6f9 0%,#89c3eb 13%,#abd3ee 58%,#ebf1f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #7fc6f9 0%,#89c3eb 13%,#abd3ee 58%,#ebf1f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fc6f9', endColorstr='#ebf1f6',GradientType=1 ); /* IE6-9 */
	}

.shadow {
	text-shadow:5px 3px 4px #c2b3a3;
	}
	
	
.tip:before {content: "HOT TIP}
	
	

h1 {font-family:'lobster_1.3regular', sans-serif; font-size:2.2em; text-shadow:5px 5px 5px #d9d9d9; color:#191970; text-align:center;}
   h1 em{color:#9f0;}

h2 {font:italic 150%/1.5 Times, serif; color:#191970; /*eclipse*/word-spacing:.1em; text-align:left; padding: 0 0 0 50px;} 
h3 {font:oblique 120%/1.3 Times, serif; color: #191970; word-spacing:.1em; text-align:left; padding: 0 0 0 50px;}
	
p {font:normal 130%/1.5 Arial, helvetica, sans-serif; color:#f6f;}
	p em{font:bold; color:#191970;}
		
	
:link { color: black;}
:visited { color: #0cf;}
:hover { color: #649;}


/*Lists*/    
ul {margin:2em;}
ol {list-style-type:lower-roman;}	
li {text-indent:.2em;}


/*Tables examples located in the Selectors page*/
table {text-align:left; border-collapse:collapse; border:1px; width:65em; margin:0;}
caption {padding:.7em 0;text-align:left;}	      
th, td {padding:10px;border-bottom:1px; }	
tr {vertical-align:top;}
th {font-size:1em;}	
td {font-size:.875em;}
	

tr:hover {
	background:#000;
	color:#fcf;
	}

tfoot {
font-size:.6em;
color:#fcc;
font:bold;
text-align:center;
}

.last tr:hover .last {
background:#000;
color:#fcf;
padding:1em;
border:5px solid #089;
}

.img {float:left; margin-right: 10em;}	


/* 1. Tags */
#header a:link {color:#000;}

#nav p {font-size:1.5em; color:#3f0;}	
#nav a {text-decoration:none; font-size:1.1em;}	
#nav a:link {color:#000;}/*black*/	
#nav a:visited {color:#f33;}/*red*/	
#nav a:hover, #footer a:focus {color:#39f;}	
#nav a:active {color:#39f;}/*blue*/
	
/* 2 DESCENDENT SELECTORS */	
#wrapper {width:40em; margin:0 auto;}	
#footer p {font-size:.7em; color:#666; text-align:left;}	
#footer a {text-decoration:none; font-size:.9em;}	
#footer a:link {color:#fc9;}	
#footer a:visited {color:#ffc;}	
#footer a:hover, #footer a:focus {color:#f96;}	
#footer a:active {color:#fff;}

/* 3 ID */
#special {font: 100% Times, serif; color:#fff; background-color:#363;}
.italic {font-style: italic; font-weight: bold;}


/* 6 Attribute-Class */
/* external website link */ 
a[href^="https://www.ucsc-extension.edu"] {padding:0 0 0 155px; 
	background:url(images/UCSC.gif) no-repeat center left;}
	
/* COLUMNS */
/* two columns */





@media (min-width:481px) and (max-width:768px) {
}