/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html *
{
    margin: 0px;
    padding: 0px;
}
body
{
    background-color: #dcdcdc;
    font-family: Century Gothic, sans-serif;
    font-size: 11pt;
    color: #7a1100;
}
li
{
    margin-left: 10px;
}
#page
{
    margin: 0px 0px 20px -500px;
    width: 1000px;
    left: 50%;
    position: relative;
    background-color: #7a1100;
    padding-bottom: 15px;
    border-radius: 0px 0px 15px 15px;
}
#headPane
{
    background: #7a1100 url('/images/slims/display2016.png') no-repeat left top;
    text-align: right;
    height: 40px;
    padding: 100px 10px 10px 10px;
    color: #ffffe5;
    font-size: 150%;
}
#footPane
{
    background-color: #7a1100;
    color: #ffffe5;
    font-size: small;
    margin: 0% 1%;
    width: 98%;
    text-align: right;
}
#contentCol
{
    background-color: #ffffe5;
    border-radius: 0em 0em 15px 15px;
    margin: 2%;
    padding: 1%;
    min-height: 600px;
}
#scca_logo
{
	position: absolute;
}
#menuCol
{
    float: left;
    width: 15%;
}
#menuCol ul
{
    list-style-type: none;
}
#menuCol li
{
    text-align: center;
    background: #ffffe5;
    border-radius: 5px 0px;
    margin: 5%;
    width: 90%;
}
#menuCol li:hover
{
    margin-left: 6%;
}

#menuCol li ul
{
    display: none;
}
#menuCol li:hover ul
{
    display: block;
}
#menuCol li a
{
    text-decoration: none;
}
p
{
    margin-bottom: 1em;
}
/* Styles for the table layouts */
table[rules="rows"] tr > * 
{
    padding: 0px 5px;
}
table.calendar th
{
    vertical-align: top;
}
table.calendar tr > td:first-line
{
    font-weight: bold;
}
ul#albumlist
{
    list-style: none;
}
ul#albumlist li 
{ 
    display: inline-block; 
    width: 130px; 
    height: 150px; 
    border: solid 1px #7a1100;
    vertical-align: top; 
    margin-bottom: 18px; 
    padding: 2px;
}
ul#albumlist a
{
    text-decoration: none;
}
ul#albumlist img
{
    width: calc(100% + 4px); 
    height: auto;
    margin: -2px;
}
#gallery img
{
    width: 100px; 
    height: 75px;
    margin: 0px;
}
div.sponsorBox 
{ 
    margin: 1%;
    padding: 1%;
    border: 0px;
    border-bottom: solid 1px #7a1100;
    width: 97%;
}
label.regform
{
    float: left;
    width: 12em;
    align: right;
    text-align: right;
    margin: 0px 5px;
}
label.error
{
    margin: 0px 5px;
    color: red;
}