* 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
}

body
{
margin: 0;
padding: 0;
font-size: small;
background-color: #555555;
}

h1 { font-size: medium; z-index: 200;}
h2, h3, h4, h5, h6 { font-size: small; }

h1, h2
{
  margin-top: 1.0em;
  margin-bottom: 0.7em;
  padding: 0;
}

h3, h4, h5, h6, p, ul, tr, td
{
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  padding: 0;
}

p.notop
{
  margin-top: 0;
}

p.welcome
{
  margin-top: 10px;
}

p.welcome a:link    { font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555; font-size: 18px; text-decoration: none;}
p.welcome a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555; font-size: 18px; text-decoration: none;}
p.welcome a:hover   { font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555; font-size: 18px; text-decoration: underline;}
p.welcome a:active  { font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555; font-size: 18px; text-decoration: underline;}

p.message
{
  text-align: center;
  margin: 0;
  padding: 0;
}

ul
{
  margin-left: 2.0em;
  list-style-type: square;
}

span.email
{
  font-weight: bold;
  font-size: 0.75em;
}

span.blue
{
  color: rgb(0, 0, 200);
}

table.list tr td
{
  padding-right: 10px;
}

table.star tr td
{
  padding-right: 5px;
  text-align: center;
}

table.schedule tr.heading td
{
  font-weight: bold;
}

table.schedule tr td, table.schedule tr.heading td
{
  padding-right: 10px;
}

table
{
  margin-top: 0;
  padding-top: 0;
}

table.elves
{
  width: 100%;
}

table.project 
{
  border-collapse: separate;
  border: 1px solid #c9c9c9;
  border-spacing: 1em;
  padding: 5px 4px;
  background:  #c9c9c9;
}

.boldtext
{
font-weight: bold;
background: lightblue;
}

td.projectheader
{
font-weight:bold;
font-size:1.2em;
text-align:center;
background: lightyellow;
}
tr.header td
{
  font-weight: bold;
  padding: 10px 0 5px 0;
}

tr.last td
{
  padding: 0 0 15px 0;
}

tr.note td
{
  font-weight: normal;
  font-style: italic;
  padding: 0px 0 15px 0;
}

tr.department td
{
  font-size: medium; 
  font-weight: bold;
  text-align: center;
  padding: 5px 0 5px 0;
  background-color: #CCCCCC;
}

th, td
{
  font-weight: normal;
  vertical-align: top;
  text-align: left;
  padding-right: 2px;
}

.nobr {white-space: nowrap}

img { border: none;}

img.float { float: left; margin-right: 5px; margin-bottom: 5px; }

a:link {color: rgb(0,0,200); text-decoration: none;}
a:visited {color: rgb(0,0,200); text-decoration: none;}
a:hover { color: rgb(0,0,200); text-decoration: underline;}
a:active { color: rgb(0,0,200); text-decoration: underline;}

/*
h1 a:link, h2 a:link, h3 a:link {color: #555555; text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited {color: #555555; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover { color: #555555; text-decoration: underline;}
h1 a:active, h2 a:active, h3 a:active { color: #555555; text-decoration: underline;}
*/

.visible {
list-style: disc;
padding-left: 20px;
margin-left: 10px;
}

.bold {font-weight: bold}
.italic {font-style: italic;}

.right {text-align: right;}
.center {text-align: center;}
.left {text-align: left;}
.notop {margin-top: 0; }
.noleft {margin-left: 0; }

#firstHeading {margin-top: 0; }

/* Page layout */

#header
{
margin: 0px 20px 0px 15px;
clear: both;
height: 90px;
background-image: url(images/faces.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

#heading 
{
float: left;
padding-top: 10px;
text-align: left;
color: #555555;
}

#heading a:link {color: #555555; text-decoration: none;}
#heading a:visited {color: #555555; text-decoration: none;}
#heading a:hover { color: #555555; text-decoration: underline;}
#heading a:active { color: #555555; text-decoration: underline;}

#search
{
  padding-top: 25px;
  float: right;
}

#intro 
{
z-index: 0;
height: 310px;
padding-left: 7px;
padding-right: 7px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
}

.spongecellCalendar 
{
height: 300px;
width: 450px;
padding-left: 3px;
}

#splash 
{
width: 400px;
height: 300px;
padding-left: 5px; 
padding-top: 5px; 
padding-bottom: 0px;
}

.paddtext { padding-right: 500px; margin-top: 25px;}
.hidden {display: none;}
.no_vis {visibility: hidden;}

#spotlights { list-style-type: none; margin: 0; padding: 0;}

li.spotlight1, li.spotlight2, li.spotlight3, li.spotlight4, li.spotlight5, li.spotlight6
{
display: block;
margin: 0px;
padding-right: 5px;
text-align: center;
text-decoration: none;
height: 130px;
background-color: white; 
border-style: solid; 
border-width: 1px; 
border-color: #CCCCCC; 
}

li.spotlight1  
{
width: 130px; 
position: relative;
top: 0px ;
left: 0px;
}

li.spotlight2  
{
width: 130px; 
position: relative;
top: -132px;
left: 144px;
}

li.spotlight3  
{
width: 130px; 
padding-right: 0px;
position: relative;
top: -264px;
left: 290px;
}

li.spotlight4  
{
width: 130px; 
position: relative;
top: -396px;
left: 432px;
background-image: url(images/sick.jpg);
background-repeat: no-repeat;
background-position: bottom center;
}

li.spotlight5  
{
width: 130px; 
position: relative;
top: -528px;
left: 578px;
}

li.spotlight6 
{
width: 130px; 
padding-right: 0px;
position: relative;
top: -663px;
left: 723px;
}

li.spotlight3 h1
{
  margin-top: 5px;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 1.5em;
  color: rgb(255,51,154);
}

li.spotlight5 h2
{
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 1.5em;
  color: rgb(255,51,154);
}
li.spotlight4 p.title
{
  font-weight: bold;
  font-size: 0.9em;
  padding-top: 10px;
  padding-bottom: 10px;
}

li.spotlight4 p
{
  padding-left: 10px;
}

li.spotlight1 p, li.spotlight2 p, li.spotlight3 p, li.spotlight4 p, li.spotlight5 p, li.spotlight6 p
{
  font-weight: bold;
  font-size: 0.8em;
}

li.spotlight1 p
{
  margin-top: 0;
  padding-top: 0;
}

li.spotlight1 h1, li.spotlight2 h1, li.spotlight3 h1, li.spotlight4 h1, li.spotlight6 h1
{
  margin-top: 5px;
  font-weight: bold;
  font-size: 1.0em;
}

li.spotlight5 p.title
{
  font-weight: bold;
  font-size: 0.9em;
  padding-top: 0px;
/*  padding-bottom: 10px; */
}

li.spotlight6 h1
{
  color: blue;
  font-size: 1.2em;
  padding-bottom: 20px;
  margin-bottom: 0;
}

li.spotlight6 a
{
  margin-top: 0;
  padding-top: 0;
}

/*
li.spotlight1 h1 a:link,    li.spotlight2 h1 a:link,    li.spotlight3 h1 a:link,    li.spotlight4 h1 a:link,    li.spotlight5 h1 a:link,    li.spotlight6 h1 a:link    {color: black; text-decoration: none;}
li.spotlight1 h1 a:visited, li.spotlight2 h1 a:visited, li.spotlight3 h1 a:visited, li.spotlight4 h1 a:visited, li.spotlight5 h1 a:visited, li.spotlight6 h1 a:visited {color: black; text-decoration: none;}
li.spotlight1 h1 a:hover,   li.spotlight2 h1 a:hover,   li.spotlight3 h1 a:hover,   li.spotlight4 h1 a:hover,   li.spotlight5 h1 a:hover,   li.spotlight6 h1 a:hover   {color: black; text-decoration: underline;}
li.spotlight1 h1 a:active,  li.spotlight2 h1 a:active,  li.spotlight3 h1 a:active,  li.spotlight4 h1 a:active,  li.spotlight5 h1 a:active,  li.spotlight6 h1 a:active  {color: black; text-decoration: underline;}
*/

li.spotlight1 a img
{
  text-align: center;
  padding-top: 5px;
  padding-bottom: 0px;
}

li.spotlight3 a img
{
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0px;
}

li.spotlight4 a img
{
  float: right;
  padding-left: 10px;
}

li.spotlight5 a img
{
/*  padding-top: 10px; */
}

li.spotlight1 ul li, li.spotlight2 ul li, li.spotlight3 ul li, li.spotlight4 ul li, li.spotlight5 ul li, li.spotlight6 ul li
{
  font-size: 0.9em;
}

#container
{
margin: 0px auto;
width: 879px;
position: relative;
top: 0px;
background-image: url(images/container_bg.gif);
background-repeat: repeat-y;
color: #555555;
}

#highlights
{ 
top: 0px;
height: 150px;
overflow: hidden;
margin-left: 10px;
margin-right: 10px;
background-color: white;
}

#main-content
{
clear: both;
padding-left: 10px;
margin-left: 10px;
margin-right: 10px;
background-color: white;
min-height: 0px;
background-repeat: no-repeat;
}

#footer
{
height: 25px;
background-image: url(images/footer.gif);
background-position: bottom;
clear: both;
background-repeat: no-repeat;
padding-top: 5px;
padding-bottom: 0px;
padding-right: 10px;
text-align: right;
}

#footer a:link {color: #666666; text-decoration: none;}
#footer a:visited {color: #666666; text-decoration: none;}
#footer a:hover {color: #999999; text-decoration: underline;}
#footer a:active {color: #CCCCCC; text-decoration: underline;}

#contactform{ border-top: 1px solid #000000; padding-top: 10px;}
.red {color: #FF0000;}
.wider {text-align: justify;}


/*Nav*/

#navbar ul
{
list-style: none;
padding: 0;
margin: 0;
}

#navbar li.hidden {display: none;}
#navbar li.green a {background-image: url(images/nav/green.gif);}
#navbar li.blue a {background-image: url(images/nav/blue.gif);}
#navbar li.red a {background-image: url(images/nav/red.gif);}
#navbar li.orange a {background-image: url(images/nav/orange.gif);}
#navbar li.yellow a {background-image: url(images/nav/yellow.gif);}
#navbar li.pink a {background-image: url(images/nav/pink.jpg);}
#navbar li.purple a {background-image: url(images/nav/purple.jpg);}

#navbar li a:hover 
{
background-image: url(images/nav/over.gif);
color: white;
}

#nav 
{
clear: both;
width: 859px;
height: 32px;
margin: 0 auto;
font-size: 1.0em;
/* border-bottom: 10px solid #333333; */
z-index: 100;
}

#navbar 
{
  float: left;
}

#search .button 
{
  border-right: #666 1px solid; border-top: #666 1px solid; border-left: #666 1px solid; border-bottom: #666 1px solid;
  padding-right: 0.04em; padding-left: 0.04em; padding-bottom: 0.04em; padding-top: 0.04em;
  font-size: 90%; 
  background: rgb(74,74,74);
  color: white;
  font-weight: normal;
}
#search .input_text 
{
  font-size: 90%; 
  width: 150px;
}

input[type=text] 
{
  border-right: #999 1px solid; border-top: #ccc 1px solid; border-left: #ccc 1px solid; border-bottom: #999 1px solid;
}
select 
{
  border-right: #999 1px solid; border-top: #ccc 1px solid; border-left: #ccc 1px solid; border-bottom: #999 1px solid;
}
input[type=submit] {
  border-right: #999 3px double; border-top: #ccc 3px double; border-left: #ccc 3px double; border-bottom: #999 3px double;
  padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px;
}
input[type=submit]:active {
  border-right: #ccc 3px double; border-top: #999 3px double; border-left: #999 3px double; border-bottom: #ccc 3px double;
}

#navbar ol {margin: 0; padding: 0;}

#navbar li 
{
margin: 0; 
padding: 0; 
list-style: none; 
}

#navbar li, #navbar a, #navbar a:hover 
{
height: 32px; 
float: left; 
display: block;
}


#navbar a 
{
font-weight: normal;
color: black;
background-repeat: repeat-x;
text-decoration: none;
margin-right: 2px;
text-align: center;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
margin-bottom: -6px;
}

#navbar #currentpage a 
{
background-image: url(images/nav/current.gif);
color: white;
}

#company_info
{
margin: 0 auto;
font-size: x-small;
padding-top: 0.3em;
text-align: left;
width: 860px;
color: white;
padding: 0px;
}

#company_info a:link {color: white; text-decoration: none;}
#company_info a:visited {color: white; text-decoration: none;}
#company_info a:hover {color: white; text-decoration: underline;}
#company_info a:active {color: white; text-decoration: underline;}

#company_info p
{
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

div.summary
{
float: left;
width: 30%;
margin: 10px 0px 10px 0px;
padding-bottom: 15px;
padding-right: 10px;
border-right: #555555 1px solid;
}

div.content
{
float: left;
width: 65%;
margin: 10px 0px 10px -1px; /* Left margin of -1, so that border overlaps div.summary */
padding-left: 15px;
padding-bottom: 15px;
border-left: #555555 1px solid;
}

div.summary p, div.summary table 
{
  margin-left: 1.0em;
}

div.shift
{
  margin-left: -1.0em;
}

div.spamnote
{
  margin-top: 20px;
  text-align: left;
  padding: 0px 10px 0px 10px;
  border: #555555 1px solid;
}

h1.toggleOpened a.toggleLink:link, 
h1.toggleOpened a.toggleLink:visited, 
h1.toggleOpened a.toggleLink:hover, 
h1.toggleOpened a.toggleLink:active, 
h2.toggleOpened a.toggleLink:link, 
h2.toggleOpened a.toggleLink:visited,
h2.toggleOpened a.toggleLink:hover, 
h2.toggleOpened a.toggleLink:active
{
  background-image: url(images/close.gif);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 1.5em;
  padding-top: 2px;
  padding-bottom: 2px;
}

h1.toggleClosed a.toggleLink:link, 
h1.toggleClosed a.toggleLink:visited, 
h1.toggleClosed a.toggleLink:hover, 
h1.toggleClosed a.toggleLink:active, 
h2.toggleClosed a.toggleLink:link, 
h2.toggleClosed a.toggleLink:visited,
h2.toggleClosed a.toggleLink:hover, 
h2.toggleClosed a.toggleLink:active 
{
  background-image: url(images/open.gif);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 1.5em;
  padding-top: 2px;
  padding-bottom: 2px;
}

a.toggleLink:link {color: rgb(0,0,200); text-decoration: none;}
a.toggleLink:visited {color: rgb(0,0,200); text-decoration: none;}
a.toggleLink:hover { color: rgb(0,0,200); text-decoration: underline;}
a.toggleLink:active { color: rgb(0,0,200); text-decoration: underline;}

.toggleOpened, .toggleOpened, .toggleClosed, .toggleClosed
{
  color: rgb(0,0,200);
  font-weight: normal;
  font-size: 1.0em; 
  margin-left: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
  padding: 2px 0px 2px 0px;
}

div.test
{
  
  background-image: url(images/open.gif);
  width: 11px;
  height: 16px;
}

h1.heading
{
  margin: 5px 0 5px 0;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #CCCCCC;
}

h2.toggle
{
  font-size: 0.9em;
  margin: 0 0 0 20px;
}

div.toggle
{
  display: none;
  margin-left: 1.5em;
}

div.indent
{
  margin-left: 1.5em;
}

.important
{
  font-weight: bolder;
}

.note
{
  font-style: italic;
}

.infohelp
{
  border: solid 1px black;
  background-color: white;
  padding: 0px 10px 0px 10px;
  font-size: small;
}

a[href^="http:"], a[href^="https:"]
{
  background: url(images/external.gif) no-repeat right top;
  padding-right: 15px;
  margin-right: 2px;
}

a.noexternallink[href^="http:"], a.noexternallink[href^="https:"]
{
  background: none;
  padding-right: 0px;
}

span.ptaopen
{
  color: red;
  font-weight: bold;
}