/* Typography */
/* Elements */
body { 
    font-family: verdana, syntax, trebuchet, arial, helvetica, san-serif; 
    color: #333; 
    font-size: .8em; 
    background: #fff url(../images/nav_bg.jpg) fixed bottom right no-repeat;
}
body, div {border: 0;}
body.home {background-image: none;}

div.nav {-moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;}

h1,h2,h3, h4, h5, ul.tabbernav li a {
    font-family: Georgia, Times, "Times New Roman", Serif; 
    color: #333; font-weight: normal;
}
h1 {font-size: 180%; }
h2 {font-size: 160%; border-bottom: 1px solid #CCC;}
h3 {font-size: 140%; margin-bottom: 0px; }
h4, h5 {font-size: 120%; margin-bottom: 0px; }

p, li {line-height: 150%;}
p {font-size: 1em;}
p.intro {
    font: 14px/32px "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; 
 	color: #CC6633; 
 	background: #F5F6F7; 
 	-moz-border-radius: 10px; 
 	-webkit-border-radius: 10px; 
 	border-radius: 10px; 
	padding: 20px; 
 	border-bottom: 1px solid #666; 
 	border-right: 1px solid #666; 
 	border-top: 1px solid #CCC; 
 	border-left: 1px solid #CCC;
}

a {color: #345A7A;}
a:hover {color: #F90;}
a:visited {color: #636;}

/* IDs */
#content ul.thirds li {list-style-type: none;}
#header {background: #fff url(../images/header_bg.jpg) bottom right repeat-x; border-bottom: 1px solid #333;}
#header_inner {background: transparent url(../images/header_image_cello.jpg) bottom right no-repeat;}
#lower {background: #fff url(../images/lower_bg.jpg) repeat-x; border-top: 1px solid #CCC;}
#slideshow img {border: 1px solid #666; }

/* MENU */
#menu {
    border: 0px;
    font-family: Georgia, Times, "Times New Roman", Serif;
    font-size: 1.49em;
    text-align: left;
}
#menu ul {border: 1px solid #999;} 
#menu ul li {list-style: none;}	
#menu ul li.last a {border-right: none;}
#menu ul li a {
	background: url(../images/menu_ul_bg.jpg) bottom left repeat-x;
	border-right: 1px solid #BBB;
	color: #333;
	text-decoration: none;
    border: 1px solid #999; 
    border-right: 0px;
}
#menu ul li a:hover {
	background: url(../images/menu_ul_li_bg.jpg) bottom left repeat-x;
	text-decoration: underline;
	}
#menu ul {border: 0px;} 
#menu ul li.last a {border-right: 1px solid #999;} 

/* Menu Dropdowns */
#menu ul li ul li {background-image: none;}
#menu ul li ul li a {background-image: none; border-right: 1px solid #999; border-top: 0px; background: #FDFDF5; font-size: 80%; }
#menu ul li ul li a:hover {background: #ECF2F2;}	

/* Footer */
#footer, #breadcrumbs {font-size: 85%; color: #666;}
#footer {border-top: 1px solid #CCC;}
.footermenu ul {list-style: none;}
.footermenu ul li {list-style: none;}

.main p {line-height: 185%;}
.main img {border: 1px solid #999;}
.main h1, .main h2, .main h3 {color: #066;}
.main img.left, .nav p img {border: 1px solid #999;}
.main img.right {border: 1px solid #999;}


/* Nav */
.nav {border: 1px solid #999; background: #fff url(../images/nav_bg.jpg) bottom right no-repeat; color: #345A7A;}
.nav h3, .nav h2 {background: url(../images/nav_h2_bg.jpg) bottom left repeat-x; border-bottom: 1px solid #999;}
.nav p {color: #666;}
.nav ul.tabbernav {background: url(../images/nav_h2_bg.jpg) bottom left repeat-x; border-bottom: 1px solid #999;}
.nav p a { font-weight: bold;}

/* Second Half */
ul.tabbernav li {list-style: none; font-size: 120%; border-right: 1px solid #CCC;}
ul.tabbernav li.active { background: #FFF;}
ul.tabbernav li:hover { background: #FFF url(../images/tabbernav_bg.jpg) right top repeat-y;}
ul.tabbernav li a:hover { color: #F90;}

.align-top {border-collapse: collapse;}
.align-top td {vertical-align: top; border-bottom: 1px dotted #CFCFCF;}

img.gallery {border: 1px solid #CCC;}
img.gallery:hover {background: #CBDDDF; background: #333; box-shadow: 0px 0px 6px #000; border: 1px solid #333;}

/* Added by Matt Gallegos */
/* 12/07/2017 */
.lg-sub-html h4 {color: #fbf8d9;}

/* 12/27/2017*/
.list-item a {text-decoration: none;}
.list-item a:hover {text-decoration: underline;}
.photo-caption {font-size:75%; text-align:right;}

/* 08/20/2018 */
.embeded-media { padding: 5px; border: 1px solid #999; }

/* 08/14/2020 */
<!-- Permanent Informational Pop-Up for homepage -->
/* Popup container */
.popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

/* The text popup (appears on top of base popup) */
.popup .popupcontent{
	border-color: red;
	visibility: visable;
	width: 70%;
	background-color: #73c5db;
	border:2px solid #4b7a8c;
	text-align: center;
	border-radius: 6px;
	padding: 3px 0;
	position: fixed;
	z-index: 100000;
	top: 38%;
	left: 15%;
}

.popup .popupclose {
	visibility: visible;
	position: absolute;
	color: #274124;
	border-radius: 6px;
	right:10px;
	top:10px;
	font-size: 25px;
	padding: 1px 7px 2px 7px;
}

.popupclose:hover { background-color: #274124; color: #73c5db; }	

.popuptitle{ font-size: 30px; }

/* Text box */
.popup .popuptext {
	text-align: left;
	margin: 0 10px 8px 10px;
	background-color: #fff;
	font-size: 16px;
	padding: 1px 0px 4px 0px;
	border-radius: 6px;
	min-height: 350px;
}

.popuptext p { padding: 0 .2em 0 .2em; }

.popuplogo { 
	width:15%; 
	margin: 4px 0;
}

.popupimage { 
	float:left;
	width: 250px;
	margin:3% 3% 0 1%;
}

// START COVID-19 HOME PAGE RIBBON STYLE
.covidextention {
	background: crimson;
	border-radius: 6px;
	text-align: center;
	font-size: 160%;
	width: 100%;
	margin: 0;
	padding: 2px 0;
}
.covidextention a { color: white; }
// END COVID-19 PAGE RIBBON STYLE
				
// START GAA Extention Style
.gaaextention {
	background: #c2d97e;
	border: 1px solid #73c5db;
	border-radius: 6px;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	width: 96%;
}
// END GAA Extention Style

// START CARES Extention Style
.caresextention {
	background: crimson;
	color: white;
	border: 1px solid #73c5db;
	border-radius: 6px;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	width: 96%;
}

.caresextention a:visited{ color: white; }

.covidresources {
	background: crimson;
	color: white;
	border: 1px solid #73c5db;
	border-radius: 6px;
	text-align: center;
	font-size: 120%;
	width: 34%;
	margin-left: 66%;
	margin-top: -58px;
}

.covidresources:hover {
	background-color: #F5F6F7;
	color: crimson;
	border-color: crimson;
}	
// END CARES Extention Style


/* END Added by Matt Gallegos*/

.main p.caption {line-height: 100%; margin-top: 0; padding-top: 0; margin-bottom: 3em; font-style: italic;}