/* ----------- Style for the Site Content Area -------------- */

body
{
 background-color: gray;
 color: black;
 text-align:center;
}

table.SiteContent
{
 background-color: white;
 border-left: 1px solid gray;
 border-top: 1px solid navy;
 border-right: 1px solid  navy;
 border-bottom: 1px solid gray;
 width: 950px;
 padding: 0px;
 margin-left:auto;
 margin-right:auto;
 }

/* ----------- Default Site links -------------- */

a:link  
{ 
 font-family:arial;
 font-size:12px; 
 font-weight:normal; 
 text-decoration:none; 
 text-align:left;
 color:navy;
 margin: 5px
} 

a:visited  
{ 
 font-family:arial;
 font-size:12px; 
 font-weight:normal; 
 text-decoration:none; 
 text-align:left;
 color:navy;
 margin: 5px
} 

a:active  
{ 
 font-family:arial;
 font-size:12px; 
 font-weight:normal; 
 text-decoration:none; 
 text-align:left;
 color:navy;
 margin: 5px
} 

a:hover  
{ 
 font-family:arial;
 font-size:12px; 
 font-weight:normal; 
 text-decoration:underline; 
 text-align:left;
 color:navy;
 margin: 5px
}

/* ----------- Site Navigation Menu Links -------------- */

div.PutHere
{
 display:block;
 position:relative;
 vertical-align: text-top;
 left: 0px;
 top: 0px;
}

td.MenuBack
{
 background-color: navy;
 background-image: url('images/SiteMenuBack.jpg');
 border-left: 0px solid gray;
 border-top: 0px solid brown;
 border-right: 0px solid white;
 border-bottom: 0px solid brown;
 height: 20px;
}

a.menu:link
{ 
 font-family:arial;
 font-size:14px; 
 font-weight:normal; 
 text-decoration:none; 
 text-align:left;
 text-indent: 0px;
 color:navy;
 margin: 0px;
 padding: 10px;
} 

a.menu:visited
{ 
 font-family:arial;
 font-size:14px; 
 font-weight:normal; 
 text-decoration:none; 
 text-align:left;
 text-indent: 0px;
 color:navy;
 margin: 0px;
 padding: 10px;
} 

a.menu:active
{ 
 font-family:arial;
 font-size:14px; 
 font-weight:normal; 
 text-decoration:none; 
 text-align:left;
 text-indent: 0px;
 color:navy;
 margin: 0px;
 padding: 10px;
} 

a.menu:hover
{ 
 font-family:arial;
 font-size:14px; 
 font-weight:normal; 
 text-decoration:none; 
 text-align:left;
 text-indent: 0px;
 color:red;
 margin: 0px;
 padding: 10px;
}

/* ----------- Site Navigation Sub-Menu Links -------------- */
table.SubMenuBack
{
 background-color: #ECE5B6;
 border-left: 1px solid black;
 border-top: 0px solid black;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
}

a.submenu:link
{ 
 background-color: #ECE5B6;
 font-family:arial;
 font-size:12px; 
 font-weight:normal; 
 text-decoration:none; 
 text-align:left;
 text-indent: 0px;
 color:black;
 margin: 0px;
 padding: 4px;
}

a.submenu:visited
{ 
 background-color: #ECE5B6;
 font-family:arial;
 font-size:12px; 
 font-weight:normal; 
 text-decoration:none; 
 text-align:left;
 text-indent: 0px;
 color:black;
 margin: 0px;
 padding: 4px;
}

a.submenu:active
{ 
 background-color: #ECE5B6;
 font-family:arial;
 font-size:12px; 
 font-weight:normal; 
 text-decoration:none; 
 text-align:left;
 text-indent: 0px;
 color:black;
 margin: 0px;
 padding: 4px;
}

a.submenu:hover
{ 
 background-color: #ECE5B6;
 font-family:arial;
 font-size:12px; 
 font-weight:normal; 
 text-decoration:none; 
 text-align:left;
 text-indent: 0px;
 color:red;
 margin: 0px;
 padding: 4px;
}

/* ----------- Stles for Form Buttons and Form Navigation Links -------------- */
table.FormTableContent
{
 background-color: white;
 border-left: 1px solid gray;
 border-top: 1px solid navy;
 border-right: 1px solid  navy;
 border-bottom: 1px solid gray;
 padding: 3px;
 width: 640px;
 margin-left:auto;
 margin-right:auto;

 font-family: arial;
 font-size: 12px; 
 font-weight: normal; 
 text-decoration: none; 
 text-align: left;
 color: black;
}

table.FormBackgroundFrame
{
  background-color: #AAD5FF;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  width: 500px;
  padding: 2px;
}

.SmallButton
{
 cursor:pointer;
 background-image: url('images/SiteFormMenuBack.jpg');
 background-color: white;
 border-left: 1px solid gray;
 border-top: 1px solid gray;
 border-right: 2px solid navy;
 border-bottom: 2px solid navy;
 
 font-family: arial;
 font-size: 10px; 
 font-weight: bold; 
 text-decoration: none; 
 text-align: center;
 color: navy;
 margin: 2px;
 padding-left: 0px;
 padding-bottom: 0px;
}

.FormButton
{ 
 cursor:pointer;
 background-image: url('images/SiteFormMenuBack.jpg');
 background-color: white;
 border-left: 1px solid gray;
 border-top: 1px solid gray;
 border-right: 2px solid navy;
 border-bottom: 2px solid navy;
 width: 80px;
 height: 20px;
 
 font-family: arial;
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none; 
 text-align: center;
 color: navy;
 margin: 2px;
 padding-left: 0px;
 padding-bottom: 0px;
} 

td.ButtonMenuBack
{
 border-left: 0px solid gray;
 border-top: 0px solid gray;
 border-right: 0px solid black;
 border-bottom: 0px solid gray;
 background-color: white;
 height: 15px;
}

.FormTextLabel
{ 
 font-family: arial;
 font-size: 11px; 
 font-weight: normal; 
 text-decoration: none; 
 vertical-align:text-top;
 text-align: left;
 color: black;
 width: 30px;
} 

td.FormLabel
{ 
 font-family: arial;
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none; 
 vertical-align:text-top;
 text-align: left;
 color: black;
 width: 80px;
} 

td.CompFormLabel
{ 
 font-family: arial;
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none; 
 vertical-align:text-top;
 text-align: left;
 color: black;
 width: 200px;
} 

td.FormTitle
{ 
 font-family: arial;
 font-size: 14px; 
 font-weight: bold; 
 text-decoration: none; 
 vertical-align:text-top;
 text-align: left;
 color: black;

 border-bottom: 1px solid gray;
} 

.FormSelect
{ 
 font-family: arial;
 font-size: 11px; 
 font-weight: normal; 
 text-decoration: none; 
 text-align: left;
 color: black;
 background-color: white; 
 border-left: 1px solid gray;
 border-top: 1px solid gray;
 border-right: 2px solid black;
 border-bottom: 2px solid black;
} 

.FormText
{ 
 width: 325px; 
 font-family: arial;
 font-size: 11px; 
 font-weight: normal; 
 text-decoration: none; 
 text-align: left;
 color: black;
 background-color: white; 
 border-left: 1px solid gray;
 border-top: 1px solid gray;
 border-right: 2px solid black;
 border-bottom: 2px solid black;
} 

.FormSmallText
{ 
 width: 100px; 
 font-family: arial;
 font-size: 11px; 
 font-weight: normal; 
 text-decoration: none; 
 text-align: left;
 color: black;
 background-color: white; 
 border-left: 1px solid gray;
 border-top: 1px solid gray;
 border-right: 2px solid black;
 border-bottom: 2px solid black;
} 

/* ----------- Style for the Career Display Page -------------- */
td.CareerLabel
{ 
 font-family: arial;
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none; 
 vertical-align:text-top;
 text-align: left;
 color: blue;
 width: 120px;
} 

td.CareerText
{ 
 font-family: arial;
 font-size: 12px; 
 font-weight: normal; 
 text-decoration: none; 
 vertical-align:text-top;
 text-align: left;
 color: black;
 width: 200px;
} 

/* ----------- Style for the background for the Site Menu Links -------------- */

td.SiteMainNav
{
 display:block;
 background-color: #F8DD98;
 border-left: 0px solid black;
 border-top: 0px solid gray;
 border-right: 1px solid gray;
 border-bottom: 2px solid gray;
 width: 127px;
 margin: 0px;
 padding: 0px;
}

/* ----------- Style for the display of the Album Page Thumbnails -------------- */

div.thumbnail
{
  float: left;
  height: 190px;
  width: 155px;
  background-color: #AAD5FF;
  border-left: 1px solid navy;
  border-top: 1px solid navy;
  border-right: 1px solid navy;
  border-bottom: 1px solid navy;
  margin: 2px;
  text-align: center;
}

div.thumbnail img
{
  display: inline;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  margin: 4px;
  background-color: #AAD5FF;
}

/* ----------- Style for the display of the Album View Thumbnails -------------- */

div.AlbumViewThumb
{
  float: left;
  height: 135px;
  width: 130px;
  background-color: white;
  border-left: 0px solid gray;
  border-top: 0px solid gray;
  border-right: 0px solid gray;
  border-bottom: 0px solid gray;
  margin: 0px;
  text-align: center;
}

div.AlbumViewThumb img
{
  display: inline;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  margin: 0px;
  background-color: tan;
}

/* ----------- Style for the display of the Album Covers  -------------- */

div.AlbumCover
{
  float: left;
  height: 100px;
  width: 95px;
  background-color: white; 
  border-left: 0px solid gray;
  border-top: 0px solid gray;
  border-right: 0px solid gray;
  border-bottom: 0px solid gray;
  margin: 1px;
  text-align: center;
}

div.AlbumCover img
{
  display: inline;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  margin: 0px;
  background-color: white; 
}

div.AlbumCoverText
{ 
  display: inline;
  float: left;
  height: 100px;
  width: 150px;
  font-family: arial;
  font-size: 12px; 
  font-weight: normal; 
  text-decoration: none; 
  text-align: center;
  color: black;
  border-left: 0px solid gray;
  border-top: 0px solid gray;
  border-right: 0px solid gray;
  border-bottom: 0px solid gray;
  margin: 1px;
  background-color: white; 
} 

/* ----------- Box and Line Frame Styles -------------- */

td.LinkBackgroundFrame
{
  background-color: white; 
  border-left: 0px solid gray;
  border-top: 0px solid gray;
  border-right: 0px solid black;
  border-bottom: 1px inset navy;
  padding: 3px;
}

td.ImageBackgroundFrame
{
  background-color: white; 
  border-left: 0px solid gray;
  border-top: 0px solid gray;
  border-right: 0px solid black;
  border-bottom: 0px solid black;
  padding: 0px;
}

td.ListHeaderFrame
{
  background-color: #AFC7C7; 
  font-family: arial;
  font-size: 12px; 
  font-weight: bold; 
  text-decoration: none; 
  text-align: left;
  color: black;
  border-left: 0px solid gray;
  border-top: 1px solid gray;
  border-right: 0px solid black;
  border-bottom: 1px solid black;
  padding: 2px;
}

table.ListFrame
{
  background-color: #FAF8CC; 
  border-left: 1px solid gray;
  border-top: 0px solid gray;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 2px;
}

td.HeaderFrame
{
  background-color: white;
  font-family:arial;
  font-size:14px; 
  font-weight:bolder; 
  text-decoration:none; 
  text-align:left;
  color: black;
  border-left: 0px solid gray;
  border-top: 0px solid black;
  border-right: 0px solid black;
  border-bottom: 0px solid black;
  padding: 2px;
  height: 30px;
}

td.ListFrame
{
  background-image: url('images/SiteColumnBack.jpg');
  background-color: white;
  height: 25px;
  line-height: 20px;
  font-family:arial;
  font-size:12px; 
  font-weight:bold; 
  text-decoration:none; 
  text-align:left;
  color: black;
  border-left: 0px inset gray;
  border-top: 0px solid gray;
  border-right: 0px inset black;
  border-bottom: 1px groove black;
  padding: 2px;
}

td.OddRowFrame
{
  background-color: #FFFFFF; 
  border-left: 0px solid gray;
  border-top: 0px solid gray;
  border-right: 0px solid black;
  border-bottom: 0px solid black;
  padding: 2px;

  font-family:arial;
  font-size:12px; 
  font-weight:normal; 
  text-decoration:none; 
  color: black;
}

td.EvenRowFrame
{
  background-color: #F5F5DC; 
  border-left: 0px solid gray;
  border-top: 0px solid gray;
  border-right: 0px solid black;
  border-bottom: 0px solid black;
  padding: 2px;

  font-family:arial;
  font-size:12px; 
  font-weight:normal; 
  text-decoration:none; 
  text-align:left;
  color: black;
}

td.ErrorMessage
{
  background-color: #FFFFFF; 
  border-left: 0px solid gray;
  border-top: 0px solid gray;
  border-right: 0px solid black;
  border-bottom: 0px solid black;
  padding: 2px;

  font-family:arial;
  font-size:12px; 
  font-weight:normal; 
  text-decoration:none; 
  text-align:left;
  color: red;
}

td.NameDisplay
{
  background-color: #FFFFCC; 
  border-left: 1px solid black;
  border-top: 0px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  margin: 0px;
  padding: 2px;
}

div.DirUserFrame
{
  float:left;
  background-color: #FFFFFF; 
  border-left: 0px solid gray;
  border-top: 0px solid gray;
  border-right: 0px solid black;
  border-bottom: 0px solid black;
  width: 175px;
  margin: 2px;
  padding: 2px;

  font-family:arial;
  font-size:12px; 
  font-weight:normal; 
  text-decoration:none; 
  text-align:left;
  vertical-align: text-top;
  color: black;
}

td.MemberDisplay
{
  display:inline;
  background-color: #FFFFFF; 
  border-left: 0px solid black;
  border-top: 1px solid gray;
  border-right: 0px solid black;
  border-bottom: 1px solid black;
  margin: 0px;
  padding: 0px;

  font-family:arial;
  font-size:12px; 
  font-weight:normal; 
  text-decoration:none; 
  text-align:left;
  vertical-align: text-top;
  color: black;
}

td.ContentFrame
{
  border-left: 0px solid black;
  border-top: 4px double #003366;
  border-right: 0px solid black;
  border-bottom: 4px double #003366;
  padding: 5px;
  background-color: #FFFFFF;
}

td.BoxFrame
{
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  background-color: #FFFFCC;
}

td.PictureFrame
{
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  background-color: white;
}

td.TitleFrame
{
  border-left: 0px solid black;
  border-top: 1px solid black;
  border-right: 0px solid gray;
  border-bottom: 1px solid gray;
}

td.TabClosed
{
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #000000;
  background-color: #FFFFFF;
  padding: 0px;
}

td.TabOpen
{
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 0px solid black;
  background-color: #FFFFFF;

  font-family:arial;
  font-size:12px; 
  font-weight:normal; 
  text-decoration:none; 
  color: black;
  padding: 5px;
}

td.TopFrame
{ 
 border-top: 1px solid black;
}

td.BottomFrame
{ 
 border-bottom: 1px solid black;
}

td.RightFrame
{ 
 border-right: 1px solid black;
}

td.LeftFrame
{ 
 border-left: 1px solid black;
}