body { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 100%; text-align: center; background: #eae8e8 url(http://www.jalc.edu/pics/background_main.jpg) top left repeat-x; margin: 0; padding: 0; }

P { line-height: 1.22em; }

A { text-decoration: none; }
A:LINK { color: #0000CC; }
A:VISITED { color: #0000CC; }
A:ACTIVE {  color: #800080; }
/* note that A:HOVER isn't supported by all browsers */
A:HOVER { color: #0000CC; text-decoration: underline; }

/* classes */
.h1dept { font-size: 175%; font-family: Garamond, "Times New Roman", Times, Helvetica, serif; color: #000; text-align: center;  margin: 0; background: url(http://www.jalc.edu/departmentpages/pics/h1dept.gif) top center; font-variant: small-caps; padding: 10px 0; border-bottom: 1px solid #9e9e9e; clear: both; }
h2 { color: #17940d; font-size: 120%; font-style: italic; text-decoration: underline; }
h3 { color: #B81600; font-size: 115%; font-style: italic; }
.h2black { color: #000; font-size: 130%; }
.picr { float: right; padding: 0; margin: 0 10px 10px 10px; }
.picl { float: left; padding: 0; margin: 0 10px 10px 10px; }
.degreesandcertlist { list-style: none; margin: 0; padding: 0;  }
.degreesandcertlist li { margin: 0; padding: 15px 0 0 0; }
.degreesandcertlist ul { list-style: none; padding: 0; margin: 0;}
.degreesandcertlist ul li { padding: 0 0 0 10px; margin: 0;  }
.h2lblue { font-size: 120%; color: #000; background: #dbe9f9; padding: 4px 12px; font-weight: normal; border-bottom: 1px solid #b4c9e1; border-top: 1px solid #b4c9e1; text-decoration: none; }
.h2grey { font-size: 120%; color: #000; background: #F0F0F0; padding: 4px 12px; font-weight: normal; border-bottom: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; text-decoration: none; }
.staff { text-align: left; padding: 0 0 20px 0; margin-bottom: 10px; clear: both; overflow: hidden; float: left; width: 100%; }
.staffinfo { list-style: none; margin: 0 0 0 12px; padding: 0; }
.staffinfo li { padding: 0 0 2px 0; margin: 0;}
.staff img { float: right; border: 1px solid #C0C0C0; margin: 0 12px 10px 12px; padding: 0; }
.education { list-style: none; margin: 10px 0 0 40px;  padding: 0;  }
.education li { padding: 0 0 2px 0; margin: 0; }
.resources { list-style: none; }

/* unique IDs */
#banner { background: url(http://www.jalc.edu/pics/background_banner.jpg) top left repeat-x; position: relative; width: 960px; height: 90px; }
#banner h1 { position: fixed; left: -9999px; }
#banner a { color: #FFF; text-decoration: none; }
#banner ul { margin: 0 0 4px 620px; padding: 30px 10px 0 0; list-style: none; text-align: right; }
#banner ul li { display: inline; padding: 0 6px; }
#banner form { margin: 0 0 0 620px; padding: 0 10px 0 0; text-align: right; }
#banner form fieldset { margin: 0; padding: 0; border: none; }
#banner form p { display: inline; color: white; }
#banner img {  position: absolute; top: 30px; left: 20px; margin: 0; padding: 0; border: none; }

#nav { width: 960px; margin: 0; padding: 0; list-style: none; background: #ffe62e url(http://www.jalc.edu/pics/gradient_gold.jpg) top left repeat-x; clear: both; float: left; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; font-size: 115%; }
#nav li { margin: 0; padding: 0; float: left; border-right: 1px solid #000; }
#nav li.nodivider { border-right: none; }
#nav a { color: black; text-decoration: none; margin: 0; padding: 6px 15px; display: block; }
#nav a:hover { background: url(http://www.jalc.edu/pics/highlight_white.png) repeat; }

#container { background: #fff url(http://www.jalc.edu/pics/background_main.jpg) top left repeat-x; width: 100%; margin: 0; padding: 0; font-size: .85em; } 
#maincontent { background: url(http://www.jalc.edu/pics/shadows_main.png); text-align: left; width: 960px; margin: 0 auto;; padding: 0 20px; overflow: auto; }
#columncontainer { padding: 0; margin: 0; text-align: left; width: 960px; overflow: hidden; background: #E4E4E4 url(pics/gradcap.jpg) bottom left no-repeat;   }

#column1 { float: left; width: 220px;  margin: 0; padding: 0; }

#col1nav { color: black; list-style: none; margin: 0; padding: 20px 0; width: 220px; background: #E4E4E4; font-variant: small-caps;  }
#col1nav li { margin:0; padding: 0; }
#col1nav li a { display: block; width: 204px; color: black; padding: 6px 8px; text-decoration: none; background-color: #E4E4E4;  border-bottom: 1px solid #C0C0C0; margin: 0; }
#col1nav li a:hover  { color: #17940d; background-color: #F0F0F0;  border-bottom: 1px solid #17940d; text-decoration: none;  margin: 0; }
#active span { padding: 6px 8px; width: 204px; display: block; color:  #17940d; border-bottom: 1px solid #17940d; margin: 0;  background: #F0F0F0 url(pics/activedept.gif) top right repeat-y; font-weight: bold;   }

#column2 { float: left; width: 709px;  padding: 20px 10px 40px 20px; margin: 0; background: #FFF; border-left: 1px solid #C0C0C0;  min-height: 30em; height:auto; }

#contact { margin: 0 auto; padding: 0; border: 1px solid #CCC; text-align: center;  }
#contact ul { list-style: none; margin: 6px 0; }
#contact li { padding: 2px; }

#col2col1 { width: 330px; padding: 0 10px 0 0; margin: 0; float: left; border-right: 1px dotted #C0C0C0; }
#col2col2 { width: 339px; padding: 0 0 0 20px; margin: 0; float: left; }

#acrobat { clear: both; }
#acrobat p { text-indent: 0; padding: 5px; width: 480px; text-align: center; margin: 20px auto 20px auto; border: 1px solid #C0C0C0; }
#acrobat a { color: #B81600; }
.adobereader { text-align: center; }
.adobereader a img { border: 0; }
.adobereader p { margin-bottom: .5em; font-style: italic; }

#internalnavcontainer { margin: 0; background: #F0F0F0; padding: 10px 20px; border: 1px solid #b4c9e1; width: 635px; overflow: auto; }
.internalnav1 { float: left; margin: 0; padding: 0 5px 0 0; width: 315px; list-style: none; }
.internalnav1 li { padding: 0; margin: 0 0 6px 0; }
.internalnav2 { float: left; margin: 0; padding: 0; width: 315px; list-style: none; }
.internalnav2 li { padding: 0; margin: 0 0 6px 0; }
#column2 ol li { margin-bottom: 10px; }
span { color: #B81600; }
.back { text-indent: 0; padding: 5px; width: 45%; text-align: center; margin: 40px auto 40px auto; border: 1px solid #C0C0C0; background: #F0F0F0; clear: both; }
.listmargin li { margin-bottom: 6px; }

table { width: 100%; border: 1px solid black; border-collapse: collapse; }
th, td { padding: 4px; border: 1px solid #CCC; }
th { background: #F0F0F0; font-weight: bold; }
caption { background: #FFFFCC; font-size: 110%; padding: 5px; border: 1px solid black; color: black; }

#bottomcontainer { background: url(http://www.jalc.edu/pics/background_footer.gif) top left repeat-x; clear: both; text-align: center; width: 100%; margin: 0 auto; padding: 0; font-size: 90%; }
#bottomcontainer #info { background: url(http://www.jalc.edu/pics/shadows_footer.png) no-repeat; margin: 0 auto; padding: 14px 0; width: 1000px; }
#bottomcontainer #info ul { list-style: none; margin: 4px 0; }
#bottomcontainer #info ul li { display: inline;  padding: 0 5px; margin: 0; border-right: 1px solid black; }
#bottomcontainer #info ul li.nodivider { border-right: 0; }
#bottomcontainer ul li.weblink { background: #0000CC; }
#bottomcontainer ul li.weblink a { color: white; }
#bottomcontainer #info ul { width: 600px; padding: 0; margin: 4px 0 4px 200px; }
img.vets { float: right; margin-right: 30px; border: 0; }
img.srr { float: left; margin-left: 110px; border: 0; }

/* for Internet Explorer */
* html #column2 { height: 30em; }