body { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 100%; text-align: center; background: #eae8e8; margin: 0; padding: 0; }

A { text-decoration: none; }
A:LINK { color: #0000CC; }
A:VISITED { color: #0000CC; }
A:ACTIVE {  color: #800080; }
A:HOVER { color: #0000CC; text-decoration: underline;}

h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #0000CC; }
h2 { color: #17940d; font-size: 120%; font-style: italic; text-decoration: underline; }
.h2green { color: #17940d; font-size: 120%; font-style: italic; text-decoration: underline; }
h3 { color: #B81600; font-size: 115%; font-style: italic; }
.h2lblue { font-size: 120%; background: #dbe9f9; padding: 4px 12px; font-weight: normal; border-bottom: 1px solid #b4c9e1; border-top: 1px solid #b4c9e1; color: black; text-decoration: none; }
.h2grey { font-size: 120%; background: #F0F0F0; padding: 4px 12px; font-weight: normal; border-bottom: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; color: black; text-decoration: none; }
.headlinegradient { text-align: center; background: url(http://www.jalc.edu/pics/gradient_headline.jpg) center repeat-y; letter-spacing: .1em; }
p { line-height: 1.22em; }
address { margin-left: 20px; }

/* topcontaner */
#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; }

#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; }

#bodyarea { margin: 0; padding: 0 0 20px 0; float: left; width: 960px; background: #FFF; }
#bodyarea h1, #bodyarea h2, #bodyarea h3, #bodyarea h4, #bodyarea h5, #bodyarea p, #bodyarea ul, #bodyarea ol, #bodyarea blockquote, #bodyarea dl { padding-left: 20px; padding-right: 20px; }
#bodyarea h2.atoz { text-decoration: none;  }
#bodyarea h2.atoz span { padding: 0 10px; }
#bodyarea ul { margin-left: 2.5em; }
#bodyarea ol { margin-left: 2.5em; }
#bodyarea .listings { list-style: none; margin: 0; padding: 0 20px; }
#bodyarea .listings li { padding: 10px 5px; }
#bodyarea .withlogo { background: url(http://www.jalc.edu/pics/list_logo.gif) 20px center no-repeat; padding: 5px 0 0 60px; font-size: 1.75em; }

#homecol1 { padding: 10px; float: left; width: 220px; }
#homecol1 .contentbox1 h2 { font-size: 1.2em; margin: 0; padding: 0; background: #7c7cf3 url(http://www.jalc.edu/pics/gradient_blue.jpg) top left repeat-x; border-bottom: 1px solid #0001cb; color: white; padding: 5px 10px; text-decoration: none; }
#homecol1 .contentbox1 ul { margin: 10px 0; padding: 0 0 66px 0; list-style: none; }
#homecol1 .contentbox1 li { margin: 0; padding: 0; }
#homecol1 .contentbox1 li a { color: black; display: block; padding: 5px 10px; margin: 0; width: 198px; }
#homecol1 .contentbox1 li a:hover { text-decoration: none; background: #c8dff8; }

#homecol2 { padding: 10px; float: left; width: 460px; }
#homecol2 .contentbox2 { margin-top: 10px; }
#homecol2 .contentbox2 h2 { font-size: 1.2em; margin: 0; padding: 0; background: url(http://www.jalc.edu/pics/gradient_grey_bottom.jpg) bottom left repeat-x; color: #00005f; border-bottom: 1px solid  #c2c2c2; padding: 5px 10px; font-style: italic; text-decoration: none; }
#homecol2 .contentbox2 ul { list-style: none; padding: 0; margin: auto 0;}
#homecol2 .contentbox2 li { padding: 0 10px; margin: 8px 0; }

#homecol3 { padding: 10px; float: left; width: 220px; }
#homecol3 .contentbox1 { text-align: center; margin-bottom: 10px; padding-bottom: 10px; }
#homecol3 .contentbox1 img { padding: 0 5px; border: none; }
#homecol3 .contentbox3 { text-align: center; margin-top: 10px; padding-bottom: 5px; }
#homecol3 .contentbox3 p { margin: 10px 0; padding: 0 10px; text-align: left; }
#homecol3 .contentbox3 img { padding: 0 5px; border: none; }
#homecol3 .contentbox1 h2 { font-size: 1.2em; margin: 0 0 10px 0; padding: 0; background: #7c7cf3 url(http://www.jalc.edu/pics/gradient_blue.jpg) top left repeat-x; border-bottom: 1px solid #0001cb; color: white; padding: 5px 10px; text-decoration: none; }
#homecol3 .contentbox3 h2 { font-size: 1.2em; margin: 0 0 10px 0; padding: 0; background: #42bc48 url(http://www.jalc.edu/pics/gradient_green.jpg) top left repeat-x; border-bottom: 1px solid #0b7211; color: white; padding: 5px 10px; text-decoration: none; }

#listingscol1 { float: left; width: 640px; margin: 0; padding: 0; }
#listingscol1 a { color: #00005f; }
#listingscol2 { float: left; width: 300px; margin: 0 10px; }
#listingscol2 img { display: block; margin: 0 auto; padding: 10px 0; }
.subdiv1 { float: left;  width: 290px; margin: 0 10px 0 0; padding: 0; }
.subdiv2 { float: left;  width: 290px; margin: 0; padding: 0; }

#cnews { text-transform: none; font-variant: normal; }

#acrobat { clear: both; }
#acrobat p { text-indent: 0; padding: 5px; width: 65%; text-align: center; margin: 20px auto 20px auto; border: 1px solid #C0C0C0; }
#acrobat a { color: #B81600; }

#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; }

.nodivider { border-right: none; }
.divider { border-right: 1px solid white; padding-left: 0; }
.contentbox1 { border: 1px solid #838383; margin: 0; padding: 0; }
.contentbox2 { margin: 0; padding: 0; }
.contentbox3 { border: 1px solid #838383; margin: 0; padding: 0; }
.itunes { margin-top: 5px; }
.striped { background: #E8E8E8; border-bottom: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0;}
.resources { list-style: none; }
.vtresources { list-style: none; font-style: italic;  }
.vtresources li { margin-bottom: 8px; }
.resources { list-style: none; }
.back { clear: both; padding-top: 50px; }
.back a { padding: 5px; display: block; width: 45%; margin: 0 auto; text-align: center; border: 1px solid #C0C0C0; background: #F4F4F4; }
.centered { text-indent: 0; text-align: center; }
.clear { clear: both; }
.picr { float: right; padding: 0; margin: 0 20px 20px 20px; }
.picl { float: left; padding: 0; margin: 0 20px 20px 20px; }
.picrwcaption { float: right; padding: 5px; margin: 0 20px 20px 20px; background: #F0F0F0; width: 200px; border: 1px solid #C0C0C0; }
.picrwcaption img { margin: 0; padding: 0; }
#bodyarea .picrwcaption p { margin: 5px 0; padding: 0; }
.staff { text-align: left; padding: 0 0 20px 0; margin-bottom: 10px; clear: both; overflow: hidden; float: left; width: 100%; }
.staff ul { list-style: none; margin-bottom: 0; }
.staff li { padding: 0 0 2px 0; }
.staff img { float: right; border: 1px solid #C0C0C0; margin: 0 20px 10px 20px; padding: 0; }
.bio { margin-top: 15px; }
.important { color: #B81600; font-style: italic; }
.employmentlistings { list-style: none; }
.employmentlistings li { font-size: 120%; padding-bottom: 8px; }

caption { font-size: 175%; padding: 10px 0;  font-family: Garamond, "Times New Roman", Times, serif;  color: #0000CC; font-weight: bold; margin: 0 auto; }
table, th, td { border: 1px solid #CCC; border-collapse: collapse; margin: 0 auto; }
table { border: 1px solid black; width: 918px; clear: left; }
td, th { padding: 6px 4px; vertical-align: top; }
th { background: #F0F0F0; }
.colspan { text-align: center; background-color: #dbe9f9; }
.spring { background: #99ff99; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 110%; padding: 5px; border: 1px solid black; color: black; }
.summer { background: #ffffcc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 110%; padding: 5px; border: 1px solid black; color: black; }
.fall { background: #ffcc99; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 110%; padding: 5px; border: 1px solid black; color: black; }