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; }
/* note that A:HOVER isn't supported by all browsers */
A:HOVER { color: #0000CC; text-decoration: underline;}

h1 { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: double #0000CC; margin-top: 0; }
.headlinegradient { text-align: center; background: url(http://www.jalc.edu/pics/gradient_headline.jpg) center repeat-y; letter-spacing: .1em; clear: both; }
.green { color: white; padding: 4px; margin-bottom: 6px; margin-top: 0; background: #17940d; text-decoration: none; }
h2 { color: #17940d; font-size: 120%; font-style: italic; text-decoration: underline; }
h3 { color: #B81600; font-size: 115%; font-style: italic; }
p { line-height: 1.22em; }
address { margin-left: 20px; }

/* classes */
.nodivider { border-right: none; }
.divider { border-right: 1px solid white; padding-left: 0; }
.picr { float: right; padding: 0; margin: 0 10px 10px 10px; }
.picl { float: left; padding: 0; margin: 0 10px 10px 10px; }
.resources { list-style: none; }
.centered { text-align: center; }
.important { color: #B81600; font-size: 120%; font-style: italic; }

#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 0 30px 0; margin: 0; text-align: left; width: 960px; overflow: hidden; }

/* unique IDs */
#banner { background: url(http://www.jalc.edu/pics/background_banner.jpg) top left repeat-x; 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 { margin: 0; padding: 0; border: none; }

#nav { width: 960px; margin: 0 0 15px 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; }

#column1 { float: left; width: 218px; margin: 0 10px; padding: 0 0 60px 0; overflow: hidden; height: auto; background: #F0F0F0 url(http://www.jalc.edu/pics/blue_gradient.gif) bottom left repeat-x;  border: 1px solid #CCC; }
#column1 a { font-size: 90%; }
#column1 ul { list-style: none; margin: 0 0 10px 0; padding: 0; }
#column1 li { padding: 0; margin: 0;  }
#column1 li a { margin: 0; padding: 6px 10px; display: block; }
#here { background-color: #dbe9f9; }
#column1 li a:hover { background-color: #dbe9f9; text-decoration: none; }

#column2 { float: left; width: 700px; padding: 0 10px; margin: 0; overflow: hidden; }

#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; }

#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; }

/* Accreditation */
.menuac { background: #0000CC; color: white; margin: 0 0 4px 0; padding: 6px 10px;; display: block; font-size: 110%; }

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; clear: left; }
td, th { padding: 6px 4px; vertical-align: top; }
th { background: #F0F0F0; }
.colspan { text-align: center; background-color: #dbe9f9; }

