/* The Style Sheet for the California Young Democrat Website */
/* By Devin Cook                               */


TABLE
{
  font-size: 10pt;   
  border-collapse: collapse;
}

BODY 
{
  font-family: Arial; 
  font-size: 12pt;
  color: #303030;
  margin: 0;
}

H1 
{
  font-family: Arial;
  font-size: 14pt;
  color: #990033;
}

H2 
{
  font-family: Arial;
  font-size: 14pt;
  color: #303080;
}

H3 
{
  font-family: Arial;
  font-size: 12pt;
  color: #303030;
}

LI {
 padding: 5px; 
}

.ssSectionHeader
{
  font-family: Arial;
  font-size: 12pt;
  font-weight: bold;
  color: #000070;
}


/* ================= Main Table ================= */
.ssMainTable
{
  border: 1px solid #000060;
}

.ssMainTitleCell 
{
  background-color: #000060;
  background-image: url('images/bg-title-gradient.jpg'); 
  vertical-align: middle;
  height: 100px;
}

.ssContentCell {
  vertical-align: top;
  padding: 16px;
  font-size: 9pt;
/*  width: 100%; */
}

.ssContentCell a:active,
.ssContentCell a:link,
.ssContentCell a:visited 
{
  color: #000070;
  text-decoration: none;
}

.ssContentCell a:hover
{
  color: #4040C0; 
  text-decoration: underline;
}

.ssSideCell
{
  width: 140px;
  vertical-align: top;
  text-align: center;
  font-size: 7pt;  
  padding-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

/* ================= Main Menu ================= */
.ssMenuBar
{
  border-top: 2px solid #000000;
  border-bottom: 1px solid #000000;
  background-color: #F0F0F0;
/*  background-image: url('images/bg-menu-bar.gif'); */
  background-image: url('images/bg-marble.gif');
}

.ssMenuTable 
{
  border-collapse:collapse 
}

.ssMenuBodyCell 
{
  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;  
  vertical-align: middle;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  border-left: 1px solid #D0D0D0;
  border-right: 1px solid #D0D0D0;
}

.ssMenuBodyCell a:link, 
.ssMenuBodyCell a:visited
{
  text-decoration: none;
  color: #404040;  
}

.ssMenuBodyCell a:hover {
  color: #2020D0;
}


/* ================= Title ================= */
.ssTitleTable
{
  padding: 2px;   
  width: 100%;
/*
  background-color: #FCFCFC;
  border: 1px solid #E0E0E0;
*/

}

.ssTitle
{
  font-family: Arial;
  font-weight: bold;
  font-size: 16pt;
  color: #900000;
}

.ssSubTitle
{
  font-family: Arial;
  font-size: 12pt;
  font-weight: bold;
  color: #000090;
}



/* ================= Data Tables - 1 line per item ================= */
.ssDataTable {
  border: none;  
  border-collapse:collapse;
}

.ssDataTitleCell {
  font-family: Arial;
  font-size: 11pt;
  text-align: center;
  color: #FFFFFF;
  background-color: #3030A0;
  padding: 3px;
  border: 1px solid #101010;
}

.ssDataBodyCell {
  font-family: Arial;
  vertical-align: top;
  font-size: 9pt;
  color: #202020;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 3px;
  padding-right: 3px;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}


/* ================= Panel Table - each cell independant ================= */
.ssPanelTable {
  border: none;
  border-collapse: separate; 
  width: 100%;
}

.ssPanelTitleCell 
{
  font-family: Arial;
  font-size: 11pt;
  text-align: center;
  color: #FFFFFF;
  padding: 3px;  
  background-color: #3030A0;
  border: 1px solid #101010;
  border-spacing: 5px;

/*  background-image: url('images/bg-panel-title.jpg');  */
}

.ssPanelBodyCell {
  font-family: Arial;
  vertical-align: top;
  font-size: 9pt;
  color: #202020;
  padding: 3px;
  border: 1px solid #C0C0C0;
  background-color: #FCFCFC;
}


/* ================= Mini Table ================= */
.ssMiniTable {
  border: 1px solid #8080A0;
  border-collapse: collapse; 
  width: 130;
}

.ssMiniTitleCell {
  font-family: Arial;
  font-size: 8pt;
  text-align: center;
  color: #FFFFFF;
  padding: 3px;  
  background-color: #5050C0;
  border-bottom: 1px solid  #8080A0;
  border-spacing: 5px;  
}

.ssMiniBodyCell {
  font-size: 7pt;
  vertical-align: top;
  padding: 3px;
  text-align: center;
  background-color: #F0F0F4;  
  border-bottom: 1px solid #C0C0C2; 
/*  
  background-color: #FAFAFA;

*/
}


.ssMiniBodyCell a:active,
.ssMiniBodyCell a:link,
.ssMiniBodyCell a:visited 
{
  color: #000070;
  text-decoration: none;
}

.ssMiniBodyCell a:hover
{
  color: #4040C0; 
  text-decoration: underline;
}


.ssMiniInput {
  font-family: Arial;
  font-size: 8pt;
  vertical-align: top;
  border: 1px solid #C0C0C0;
  color: #202020;
  background-color: #FFFFFF;
  width: 120px;
  padding-left: 4px;
}

.ssMiniSubmit {
  font-family: Arial;
  font-size: 8pt;
  margin-top: 5px;
  border: 1px raised #404040; 
}



/* ================= Photo Table ================= */
.ssPhotoTable {
  border: none;  
  border-collapse: separate; 
}

.ssPhotoBodyCell {
  font-family: Arial;
  vertical-align: top;
  text-align: center;
  font-size: 7pt;
  color: #202020;
  padding: 16px;
  border: 1px solid #C0C0C0;
  background-color: #F0F0F0;
}