#note, .note {
 border-left: 1px solid #bbb; border-top: 1px solid #bbb; border-right: 2px solid #999; border-bottom: 2px solid #999;
 background-color: #ffe;
 background-image: linear-gradient(to bottom right, #ffe 0%, #ffb 100%);
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFFEE', EndColorStr='#FFFFFFBB'); /* for IE */
 background: -webkit-gradient(linear, left top, left bottom, from(#ffe), to(#ffb)); /* for webkit browsers */
 background: -moz-linear-gradient(top,  #ffe,  #ffb); /* for firefox 3.6+ */
 zoom: 1;
 color: #000;
 padding: 4px;
 margin: 1em auto;
 width: 80%;
 text-align: center;
}
.note .nHead, #note .nHead { background-color: #ffa; font-weight: bold; margin: 0; padding: 0 0 1px 0; border-bottom: 1px solid #E7C886; }

#note2, .note2 {
 border-left: 1px solid #bbb; border-top: 1px solid #bbb; border-right: 2px solid #999; border-bottom: 2px solid #999;
 background-color: #ecf6f3;
 background-image: linear-gradient(to bottom right, #ecf6f3 0%, #88C4C4 100%);
 background: -webkit-gradient(linear, left top, left bottom, from(#ecf6f3), to(#88C4C4)); /* for webkit browsers */
 background: -moz-linear-gradient(top, #ecf6f3, #88C4C4); /* for firefox 3.6+ */
 zoom: 1;
 color: #000;
 padding: 4px;
 margin: 1em auto;
 width: 80%;
 text-align: center;
}
#note2 .nHead { background-color: #88C4C4; font-weight: bold; margin: 0; padding: 0 0 1px 0; border-bottom: 1px solid #368989; }

#note.linked:hover { border-left: 1px solid #000; border-top: 1px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; }
#note2.linked:hover { border-left: 1px solid #000; border-top: 1px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; }

#note2 a { color: #133; }

#noteBasic, .noteBasic, .vcard {
 border-left: 1px solid #bbb; border-top: 1px solid #bbb; border-right: 2px solid #999; border-bottom: 2px solid #999;
 background-color: transparent;
 padding: 4px;
 margin: 6px auto;
}
.noteBasic .nHead, #noteBasic .nHead { background-color: #eee; font-weight: bold; margin: 0; }
.vcard { width: 50%; }
div.vcard:hover { background-color: #ffe; }

.note h3 {
 border-bottom: 1px solid #ccc;
 margin-top: 0;
}

#sideNote {
 width: 40%;
 float: right;
}

.card {
 border: 1px solid #aaa;
 margin: 0 0 .75em 0;
 padding: .75em;
 background-color: #f9f9f9;
}


.warning {
 font-weight: bold;
 font-size: 1.3em;
 text-shadow: 1px 1px 1px #faa;
}

.error {
 border-left: 1px solid #999; border-top: 1px solid #999; border-right: 2px solid #000; border-bottom: 2px solid #000;
 background-color: #ff4;
 color: #000;
 font-weight: bold;
 padding: 14px;
 margin: 2em auto;
 width: 80%;
}

#quote, .quote { background: #f6f6f6 url('/images/quote.gif') no-repeat top right; color: #444; border: 1px solid #bbb; padding: .5em 30px .5em .5em; margin: 1em 3em; -moz-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666; -webkit-box-shadow: 3px 3px 3px #666; }

table { empty-cells: show; }
table#basicTable {
	width: 80%;
	empty-cells: show;
	border: 1px solid #aaa;
	border-collapse: collapse;
}
table#basicTable caption {
 font-size: 1.4em; color: #fff; padding: .5em;
 text-shadow: 1px 1px 1px #000;
 background: -moz-linear-gradient(top, #88C4C4, #509090);
 background: -webkit-gradient(linear, center top, center bottom, from(#88C4C4), to(#509090));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88C4C4', endColorstr='#509090');
 background-image: linear-gradient(to bottom right, #88C4C4 0%, #509090 100%);
 -webkit-border-top-left-radius: 1em;
 -moz-border-radius-topleft: 1em;
 border-top-left-radius: 1em;
 -webkit-border-top-right-radius: 1em;
 -moz-border-radius-topright: 1em;
 border-top-right-radius: 1em;
}
table#basicTable tr:nth-child(even) { background-color: #dee; }
/* #basicTable tr.odd { background-color: #DBEAE3; border: 1px solid #aaa; padding: .5em; } */
#basicTable th { background-color: #88C4C4; padding: .4em; border-bottom: 2px solid #aaa; font-size: 1.1em; vertical-align: bottom; color: white; text-shadow: 1px 1px 1px #333; }
#basicTable tr:hover td { border-bottom: 1px solid #000; }
#basicTable td { border-bottom: 1px solid #aaa; padding: .2em; }
#basicTable td.blank { background-color: transparent; border: 0; }
#basicTable a { color: #0A3B3B; text-shadow: 1px 1px 1px #ddd; border: 0; }

#jelly ul li { list-style-type: circle; }
#jelly ul li:hover { list-style-type: disc; }
#jelly ul li ul li { list-style-type: square; }
#jelly ul li a { color: #069; text-decoration: none; }

table#basicTableClear{
	width: 80%;
	empty-cells: show;
	-webkit-border-radius: .3em; -moz-border-radius: .3em;
}

#basicTableClear tr.odd { border: 1px solid #aaa; padding: .5em; }

#basicTableClear th { padding: .6em; background-color: #72B2B2; color: white; text-shadow: 1px 1px 1px black; border-radius: .3em; -webkit-border-radius: .3em; -moz-border-radius: .3em; }
#basicTableClear th.minor { border-left: 1px solid #72B2B2; border-right: 1px solid #72B2B2; border-top: 1px solid #72B2B2; border-bottom: 2px solid #72B2B2; padding: .5em; text-align: left; font-weight: bold; font-size: .9em; -webkit-border-radius: 0; -moz-border-radius: 0; }

#basicTableClear td { border: 1px solid #72B2B2; padding: .4em; }

#basicTableClear li { list-style-type: circle; }
#basicTableClear li:hover { list-style-type: disc; }



#keyHeader td{
	font-weight: bold;
	background-color: #fbedc4;
}

#conciseTD td{
	background-color: #fbedc4;
	border: 1px solid #bbb;
}

#basicHeader td{
	font-weight: bold;
	text-align: center;
	background-color: #fbedc4;
}

.title { font-size: 1.1em; font-weight: bold; padding: 2px; }
.normal { font-weight: normal; font-size: 1em; font-style: normal; }

/*
.highlight { background: #88C4C4 url(/newsite/images/lmgrad4.jpg) no-repeat scroll right center; }
.highlightSub { background: #88C4C4 url(/newsite/images/lmgrad4a.jpg) no-repeat scroll right center; }
*/


.bio { padding: 12px; }
.bio th { font-size: 1.7em; font-weight: bold; padding: 8px; }
.bio th span.sub { font-size: .8em; text-transform: uppercase; }
.bio img {
	padding: 4px;
	margin: 0 14px 14px -10px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.75);
 }

.justRead { margin: 16px 5%; text-align: justify; }

.list { border-bottom: 1px solid #ccc; padding: .25em; }
div.list:hover { border-bottom: 1px solid #333; }


button.fancy, input.fancy, a.fancy, input[type='submit'], input[type='button'] {
 font-weight: bold;
 padding: .5em 2em;
 color: #ffffff;
 font-style: bold;
 text-shadow: 1px 1px 1px #000;
 border: solid thin #666;
 -webkit-border-radius: 1em;
 -moz-border-radius: 1em;
 border-radius: 1em;
 -webkit-box-shadow: 2px 2px 3px #999; box-shadow: 2px 2px 3px #999; -moz-box-shadow: 2px 2px 3px #999;
 background-color: #d8a822;
}

.fancy:hover, input[type='submit']:hover, input[type='button']:hover { 
 background-color: #72b2b2 !important;
 cursor: pointer;
}

a.fancy { color: white !important; }

/* Add icons for pdfs, word & excel docs, as well as external links */
#jelly a[href^='http'] { padding:0 14px 0 0; background:transparent  url(/images/arrow.gif) no-repeat center right; }
#jelly a[href^='http']:hover { color: #72b2b2; background-color: #ffa; }
#jelly #twtr-widget-1 a[href^='http'] { padding: 0; background: 0; }
#jelly a[href*='co.mendocino.ca.us'] { padding: 0; background: none; }
#jelly a[href$='.pdf'] { padding:0 22px 0 0; background:transparent url(/images/core/pdf20-w.png) no-repeat center right; }
#jelly a[href$='.pdf']:hover { padding:0 22px 0 0; background:transparent url(/images/core/pdf20.png) no-repeat center right; }
#jelly a[href$='.doc'], #jelly a[href$='.docx'], #jelly a[href$='.dot'] { padding:0 1.25em 0 0; background:transparent  url(/images/core/wordw.png) no-repeat center right; }
#jelly a[href$='.doc']:hover, #jelly a[href$='.docx']:hover { padding:0 1.25em 0 0; background:transparent  url(/images/core/word.png) no-repeat center right; }
#jelly a[href$='.xls'], #jelly a[href$='.xlsx'] { padding:0 1.35em 0 0; background:transparent  url(/images/core/excelw.png) no-repeat center right; }
#jelly a[href$='.xls']:hover, #jelly a[href$='.xlsx']:hover { padding:0 1.35em 0 0; background:transparent  url(/images/core/excel.png) no-repeat center right; }
#jelly a[href$='.ppt'], #jelly a[href$='.pptx'] { padding:0 1.35em 0 0; background:transparent  url(/images/core/pptw.png) no-repeat center right; }
#jelly a[href$='.ppt']:hover, #jelly a[href$='.pptx']:hover { padding:0 1.35em 0 0; background:transparent  url(/images/core/ppt.png) no-repeat center right; }
#jelly a[href^='mailto:'] { padding:0 19px 0 0; background:transparent  url('/images/mail_icon.gif') no-repeat center right; }
#jelly a[href*='feedback.pl'] { padding:0 19px 0 0; background:transparent  url('/images/mail_icon.gif') no-repeat center right; }
#jelly a[href*='google.com/maps'] { padding:1px 16px 0 0; background:transparent  url('/images/core/pin-w.png') no-repeat center right; }
#jelly a[href*='google.com/maps']:hover { padding:1px 16px 0 0; background:transparent  url('/images/core/pin.png') no-repeat center right; }
#jelly a.simple { padding: 0; background: none; }
#jelly a.simple:hover { padding: 0; background: none; }


.noBG { background: none !important; padding: 0 !important; }

/* #lftNav li a[href$='.pdf'] { padding:0 .75em -1px 5px; background: transparent url(/images/pdf32lm.gif) no-repeat center right; } */

address { font-style: normal; }

a { color: #368989; }
a:hover { text-decoration: none; color: #72b2b2; background-color: #ffa; }
a:visited { text-decoration: underline; color: #105050; }
a:visited:hover { text-decoration: none; color: #000; background-color: #ffa; }
#jelly a, #jelly a:visited, #jelly a:link { text-decoration: none; color: #368989; border-bottom: 1px solid #ddd; }
#jelly a:hover { text-decoration: none; color: #000; }
#jelly a:visited:hover { text-decoration: none; color: #000; background-color: #ffa; }
.covert { color: #105050; text-decoration: none; }
.covert:hover { color: #cb9a24; text-decoration: none; }
.covert:visited { color: #105050; text-decoration: none; }
div.lftMisc {
color: #fff; text-align: center; border-bottom: 1px solid #fff; font-size: .7em; background-color: #d8a822; font-weight: bold; padding: 2px;
}

div.container { min-width: 800px; max-width: 1200px; padding-bottom: 100px; padding-top: 4px; }

div.search { width: 100%; padding: 0 5px; text-align: right; background-color: #D8A822; float: left; border: 1px solid #f00; border-top: 0px; border-left: 0px; }

#deptGuide { font-size: 10pt; border: 1px solid #bbb; background: #ecf6f3; padding: 6px; }

#jelly, #nav ul li a, #lftNav { font-family: sans-serif; }
#jelly a img:hover { opacity: .85; transform: scale(1.02); }
#jelly img { max-width: 100%; }

img.noscale { max-width: 100%; }

.trail { font: .8em sans-serif; font-weight: bold; margin: -16px -16px .5em -16px; padding: .25em 27px .25em .25em; width: 100%; background-color: #eee; border: 1px solid #ccc; }
.trail a { text-decoration: none; color: #333; }

.emailDiv {
 border: 1px solid #ccc; padding: .5em; margin: .25em; font-family: Lucida Console;
 width: 90%;
 max-width: 800px;
}

#social {
 text-align: center;
 padding: 0;
 margin: 0 auto;
}

ul.paddedUL li { padding: .5em; }

ul.spacedList {
 padding: 1em 0 1em 2em;
}
ul.spacedList a {
 border: 0 !important;
}
ul.spacedList li {
 background-color: #fff;
 padding: .25em;
 margin: 0;
 border-bottom: 2px solid #666;
 list-style-type: none !important;
 font-size: 1.3em;
}
ul.spacedList > ul:before {
 content: "Responses and Additional Information:";
 background: #eee;
 color: #666;
 display: block;
 font-style: italic;
 font-size: .8em;
 padding: .25em;
 margin: 0 0 0px -1.5em;
}
ul.spacedList > ul {
 margin: 0px 1.25em 1em 1.5em;
}
ul.spacedList > ul li {
 font-size: 1em;
 border: 1px solid #ccc;
 background-color: #f9f9f9;
}
ul.spacedList ul li {
 margin: 1px 0 1px .25em;
}
.pointer {
 cursor: pointer;
}

textarea:hover, input[type="text"]:hover, textarea:focus, input[type="text"]:focus {
 background-color: #ffe;
}

div.sect li {
 margin-left: 1em;
 list-style-position: outside;
}

table#basicTable th a {
 color: white !important;
 text-shadow: 1px 1px 1px #333; 
}

a.linkButt {
 border: 1px solid #88C4C4;
 padding: .5em 2em;
 color: #ffffff !important;
 font-style: bold;
 text-shadow: 1px 1px 1px #000;
 -webkit-border-radius: 1em;
 -moz-border-radius: 1em;
 border-radius: 1em;
 -webkit-box-shadow: 2px 2px 3px #999; box-shadow: 2px 2px 3px #999; -moz-box-shadow: 2px 2px 3px #999;
 background-color: #B7871B;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FAAD05), to(#B7871B),color-stop(0.4, #DAA924));
 background: -moz-linear-gradient(top, #FAAD05, #B7871B);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAAD05', endColorstr='#B7871B');
}
a.linkButt:hover {
 background: none;
 background-color: #B7871B !important;
}


iframe {
 margin: 3px auto;
}

legend { font-weight: bold; }

div.threeDivs {
 margin: auto;
}

div.threeDivs div {
 width: 32%;
 margin: 0 .2em 0 .2em;
 padding: 0;
 float: left;
 display: inline-block;
}

div.threeDivs div input[type='text'] {
 width: 97%;
}

div.floats div {
 float: left;
}


input[type='submit'] + input[type='reset'] {
 margin-left: 3em;
 border: 0;
 background: none;
 border-bottom: 1px solid #aaa;
}

input[type='reset']:hover { cursor: pointer; }