/* SDCC Website Style Sheet */

/* ---------------- */
/* TEXT  FORMATTING */
/* ---------------- */

body {
font-size: 10pt;
font-family:"Trebuchet MS", Arial; 
color: #000000;
background-color: #F3F3F3;
/*background: ursl(background.gif); */
line-height: 16pt;
margin-left: 10pt;
margin-right: 10pt; }

p  {
margin-left: 20pt;
margin-right: 20pt; 
font-size:10pt;
line-height: 14pt; }

h1 {
line-height: 30pt;
font-style:normal; 
font-variant:normal;
font-weight:normal;
font-size:26pt;
font-family:"Trebuchet MS", "arial bold", arial; }

h2 {
font: 16pt "Trebuchet MS", "arial bold", arial;
line-height: 20pt;
margin-left: 10pt; }

h3 {
font: 12pt "Trebuchet MS", "arial bold", arial;
line-height: 20pt;
margin-left: 10pt; }

p.fl:first-letter 
{
color: #000000;
font-size:xx-large;
font-family: "times new roman", arial; }

div.footnote {
font: 7pt arial;
text-align:center;
color:#000000;
line-height: 8pt; }

/* ----- */
/* LISTS */
/* ----- */

ul {list-style-type: disc; margin-left: 50pt;}

li.sdcc {
list-style-image: url('images/SDCC_icon.gif');
list-style-type: square
}

/* ----------- */
/* POSITIONING */
/* ----------- */

div {
display:block;
position:relative; }
     
div.center {
text-align:center; }

/* ----------------------- */
/* IMAGE POSITIONING/STYLE */
/* ----------------------- */

img.right
{
float:right;
}

img.left
{
float:left;
}

img {border:none }

img.mid { 
vertical-align: middle;
border:none 
}  

div.left { /* Float image left */
float:left;
vertical-align: middle;
margin:0 10px 10px 0;
padding:10px;
text-align:center; }

div.right { /* Float image right */
float:right;
margin:0 0 10px 10px;
padding:10px;
text-align:center; }

div.nl {
display:block;
position:absolute; 
width:100px;
height:143px;
border:0;
left:450px;
top:290px;
}

div.hp {        /* Home Page link */
display:block;
position:absolute; 
top:5px;
right:20px;
font:9pt bold;
}

/* ------ */
/* TABLES */
/* ------ */

th, td {
font-size: 10pt;}

table {    /* Default - Table with no borders */
border: none; }

table.center {margin-left:auto; margin-right:auto;} /* Used to Center table */

td.ctr {    /* Table data centered with padding */
text-align: center;
padding: 10px }  /* Top-right-bottom-left */ 

td.left {    /* Table - left align with padding */
text-align: left;
padding: 20px; }  /* Top-right-bottom-left */ 

table.std {
border-collapse: collapse;
border: medium double #A9A9A9; /* Width-style-colour */
text-align: center;
}
th.std {
border: medium double #A9A9A9;
padding: 5px 5px 5px 5px; /* Top-right-bottom-left */
}
td.std {
border: medium double #A9A9A9;
padding: 5px 5px 5px 5px; /* Top-right-bottom-left */
}

tr.club {     /* Club Menu page table */
text-align:center;
}

table.res_yr {     /* Results table */
width: 100%;
border: none;
}
td.res_yr {
text-align: center;
}

table.gal {
width: 80%;
border: none;
margin-left:auto; margin-right:auto;
}

td.gal {
padding: 10pt 10pt;
text-align: center;
border: none;
}

table.news {
background: #000000;
margin-left:auto; margin-right:auto;
}

td.news {
padding: 5pt 5pt;
text-align: center;
border: none;
}

/* ---------- */
/* HYPERLINKS */
/* ---------- */
a.one:link    {text-decoration: none; color: #000000}
a.one:visited {text-decoration: none; color: #000000}
a.one:hover   {background: #000000; color: #F3F3F3}
a.one:active  {color: #0000FF} /* blue */

a.two:link    {text-decoration: underline; color: #000000 }
a.two:visited {text-decoration: underline; color: #000000 }
a.two:hover   {text-decoration: none; color: #000000 }
a.two:active  {color: #000000} 

a.back:link    {text-decoration: none; color: #000000}
a.back:visited {text-decoration: none; color: #000000}
a.back:hover   {color: #000000}
a.back:active  {color: #0000FF} /* blue */

a.footnote:link    {text-decoration: none; color: #000000 }
a.footnote:visited {text-decoration: none; color: #000000 }
a.footnote:hover  {text-decoration: underline; color: #000000 }
a.footnote:active  {text-decoration: underline; color: #000000; }
