/******************************************************************************
Standard HTML items
******************************************************************************/

body
{
  background-color: white;
  margin: 0px;
  padding: 0px;
}

p, div, span, dl, ul, td
{
  font-family: verdana;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  color: black;
  line-height: 130%;
}

p
{
  margin-top: 12px;
  margin-bottom: 12px;
}

h1
{
  font-family: verdana;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  color: #7c1a47;
  line-height: 130%;
  margin-top: 20px;
}

h2
{
  font-family: verdana;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  color: #7c1a47;
  line-height: 130%;
  margin-top: 20px;
}

h3
{
  font-family: verdana;
  font-weight: bold;
  font-style: normal;
  font-size: 14px;
  color: #7c1a47;
  line-height: 130%;
  margin-top: 20px;
}

h4
{
  font-family: verdana;
  font-weight: bold;
  font-style: normal;
  font-size: 13px;
  color: #7c1a47;
  line-height: 130%;
  margin-top: 20px;
}

a:link
{
  text-decoration: underline;
  color: #031897;
}

a:hover
{
  text-decoration: underline;
  color: #7c1a47;
}

a:visited
{
  text-decoration: underline;
  color: #867ea4;
}

b, strong
{
  font-weight: bold;
  color: #333;
}

input[type=text], textarea, select
{
  padding: 1px;
  margin: 0px;
  border: 1px solid #7f9db9;
}

.nobr
{
  white-space: nowrap;
}

/******************************************************************************
Error messages
******************************************************************************/

.error
{
  color: #FF0000;
  background-color: #FFF8F8;
  border: 1px solid #FF0000;
  padding: 10px;
}

.error a:link, .error a:visited, .error a:hover
{
  color: #FF0000;
  text-decoration: underline;
}

.info
{
  color: #333333 ;
  background-color: #FFFAEE;
  border: 1px solid #FFBE00;
  padding: 10px;
}


/******************************************************************************
Classes
******************************************************************************/

div.caption
{
  font-size: smaller;
  color: #666;
  margin-top: 6px;
}

img.right
{
  border: 0px;
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
}

/******************************************************************************
Layout
******************************************************************************/

#page
{
  width: 980px;
  /*margin: 0px auto;*/
}

#pageheader
{
  width: 980px;
  height: 105px;
  background-color: #7c1a47;
  background-image: url('/images/design1/bg-top.jpg');
  border-right: 1px solid #ada8a8;
}

#pagemiddle
{
  width: 980px;
  border-right: 1px solid #dcd9d9;
}

#pagefooter
{
  width: 980px;
  background-color: #7c1a47;
  background-image: url('/images/design1/bg-bottom.jpg');
  border-right: 1px solid #7c1a47;
}

#pagefooter div
{
  color: #dcd9d9;
  font-family: verdana;
  font-size: 12px;
  font-weight: normal;
  padding: 8px 20px;
}

table#columns
{
  width: 980px;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

table.factbox
{
  width: 100%;
  background-color: #f3f3f7;
  border: 1px solid #dcd9d9;
  padding: 5px;
}

div.factbox
{
  background-color: #f3f3f7;
  border: 1px solid #dcd9d9;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.factbox h1, .factbox h2, .factbox h3
{
  color: #626479;
}

/******************************************************************************
The header buttons
******************************************************************************/

table#headerbuttons
{
  width: 140px;
}

td.headerbutton
{
  padding-top: 4px;
  padding-bottom: 4px;
  width: 34px;
  text-align: left;
}

td.headerbuttonlabel
{
  color: #dcd9d9;
  width: 131px;
  text-align: left;
}

.headerbuttonlabel a:link, .headerbuttonlabel a:visited
{
  color: #dcd9d9;
  text-decoration: none;
}

.headerbuttonlabel a:hover
{
  color: #dcd9d9;
  text-decoration: underline;
}

/******************************************************************************
The menu
******************************************************************************/

div#menu
{
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #dcd9d9;
}

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

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

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

#menu ul a
{
  display: block;
  font: 14px verdana, sans-serif;
  text-decoration: none;
  color: #282828;
  padding: 3px 5px 3px 20px;
}

#menu ul ul a
{
  display: block;
  font: 12px verdana, sans-serif;
  text-decoration: none;
  color: #282828;
  padding-left: 36px;
  background-color: #f0f0f5;
}

#menu ul ul ul a
{
  display: block;
  font: 11px verdana, sans-serif;
  text-decoration: none;
  color: #282828;
  padding-left: 45px;
  background-color: #f0f0f5;
}

#menu a:hover
{
  background-color: #b2b1b6;
  color: #f0f0f5;
}

#menu .active
{
  font-weight: bold;
  color: #7c1a47;
}

/******************************************************************************
News
******************************************************************************/

div.headlines
{
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

div.news
{
}

.headlines a:link, .headlines a:visited
{
  display: block;
  color: black;
  text-decoration: none;
}

.headlines a:hover
{
  display: block;
  text-decoration: underline;
}

.news a:link
{
  display: block;
  color: black;
  text-decoration: none;
}

.news a:visited
{
  display: block;
  color: #666;
  text-decoration: none;
}

.news a:hover
{
  display: block;
  text-decoration: underline;
}

.headlines p
{
  margin-bottom: 6px;
  margin-top: 6px;
}

.news h4, .headlines h4
{
  margin-bottom: 5px;
}

.newsdata
{
  font-size: smaller;
  color: #666;
}

h4 a:link, h4 a:visited, a:link.h4, a:visited.h4, a:hover.h4
{
  font-family: verdana;
  font-weight: bold;
  font-style: normal;
  font-size: 13px;
  color: #7c1a47;
  line-height: 130%;
  margin-top: 20px;
  margin-bottom: 5px;
}

/******************************************************************************
Page footer
******************************************************************************/

#pagefooter a:link, #pagefooter a:visited
{
  color: #dcd9d9;
  text-decoration: none;
}

#pagefooter a:hover
{
  color: #dcd9d9;
  text-decoration: underline;
}

/******************************************************************************
Calendar
******************************************************************************/

table.calendar
{
  /*
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  */
}

.calendar p
{
  font-family: arial;
  font-size: 10px;
  margin-top: 3px;
  margin-bottom: 3px;
  line-height: 100%;
}

.calendar a:link, .calendar a:visited
{
  color: #282828;
  text-decoration: none;
}

.calendar a:hover
{
  text-decoration: underline;
}

.calendar td
{
  width: 96px;
  height: 84px;
  padding: 0px 3px;
  background-color: #f0f0f5;
  border-top: 1px solid white;
  border-left: 1px solid white;
  vertical-align: top;
}

span.calendarday
{
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
  color: #c6c3c3;
}

span.calendarmonth
{
  font-family: arial;
  font-size: 14px;
  font-weight: normal;
  color: #c6c3c3;
}

td.calendarweek
{
  width: 25px;
  padding: 0px;
  background-color: #dcd9d9;
  font-family: verdana;
  font-weight: normal;
  font-size: 11px;
  color: #282828;
  text-align: center;
  vertical-align: middle;
}

td.calendarweekday
{
  width: 96px;
  height: 25px;
  padding: 2px 3px;
  background-color: #dcd9d9;
  font-family: verdana;
  font-weight: normal;
  font-size: 11px;
  color: #282828;
  text-align: center;
  vertical-align: middle;
}

td.calendartoday
{
  background-color: white;
}

/******************************************************************************
Editable content styles
******************************************************************************/

table.program
{
  width; 400px;
}

table.program td
{
  padding-right: 10px;
  padding-bottom: 10px;
  vertical-align: top;
}