/* HEADER & CONTENT */	

/* LOGIN */	
div.login { font-size : 0.9em; font-weight: bold; text-align: right; 
			padding-right: 15px;  color: #FFFFFF; }
a.login {  color: #FFFFFF; }


/* links */

a:link, a:visited {
  color: #0066CC;
  text-decoration: none;
}

a:hover {
  color: #003399;
  border-bottom: 1px solid #5294c1;
}

a:active, a.active {
  color: #778899;
}



/* lists, menu */

ul, ul.menu, .item-list ul {
  margin: 0 0 .5em 0;
  padding: 0 0 0 0.5em;
}

ul li, ul.menu li, .item-list ul li {
  margin: 0 0 0 1em;
  padding: 0;
  list-style: circle url(menu-leaf.gif);
}

ul li.expanded, ul.menu li.expanded, .item-list ul li.expanded {
  list-style: disc url(menu-expanded.gif);
}

ul li.collapsed, ul.menu li.collapsed, .item-list ul li.collapsed {
  list-style: square url(menu-collapsed.gif);
}

ul.menu li ul li {
  font-size: 95%;
}

ul.menu li ul li ul li {
  line-height: 1.6em;
}

/***********************
*   layout styling
***********************/

body, #page, #front, #second {
  padding: 0;
  margin: 0;
  background-color: #FDFEFF;
}

#container {
  background-color: #F3F7FB;
}

#main {
  background-color: #FDFEFF;
  padding: 10px 20px 20px 20px;
}

.withleft #main {
  border-left: 1px solid #DDE3ED;
}

.withright #main {
  border-right: 1px solid #DDE3ED;
}

/* header */

#header {
  height: 91px;
  background: url(bg-header.gif) repeat-x;
  padding: 0;
  margin: 8px 0 0 0;
}

#logo-title {
  position: relative;
  overflow: visible;
  float: left;
  height: 91px;
  padding-left: 10px;
}

#header #site-name, #header #site-slogan {
  position: relative;
  padding: 0;
  margin: 0;
  left: 75px;
  top: 36px;
  padding-left: 10px;
  border: 0;
}

#header #site-name a, #header #site-name a:visited, #header #site-name a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  color: #F8FEFF;
  font-weight: bold;
  letter-spacing: 3px;
  text-decoration: none;
  border: 0;

}
#header #site-name a:hover {
  color: #fff;
}

#header #site-slogan {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #A4BEDD;
  letter-spacing: 1px;
}

#header #logo {
  position: absolute;
  top: -8px;
}

#logo a, #logo a:visited, #logo a:hover {
  text-decoration: none;
}

#logo a img {
  border: 0;
}

/* primary links */

#primary ul {
  position: absolute;
  right: 3px;
  top: 25px;
  text-align: right;
  font-size: 90%;
}

#primary ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  float: left;
}

#primary ul li a, #primary ul li a:visited {
  display: block;
  margin: 0 1px 0 1px;
  padding: 3px .8em 0 .8em;
  color: #24375B;
  background: url(bg-primary.gif) repeat-x;
  height: 12px;
  border: 1px solid #96B4D5;
  border-bottom: none;
  float: left;
  line-height: 10px;
  font-size: 10px;
}

#primary ul li a:hover {
  color: #465775;
  border-color: #A0BBDB;
  background: url(bg-primary-hover.gif) repeat-x;
}

thead th {
  border-bottom: 2px solid #AAB5C3;
  color: #678;
  font-size: 90%;
  font-weight: bold;
  background: url(bg-thead.gif) repeat-x bottom left;
  padding: 4px 5px 0 5px;
}