/* Presentation Stylesheet */
/* CSS by Fraser Barron of frozengoat.com.*/ 
body {
 font-family: "Lucida Sans", "Lucida Grande", Arial, sans-serif;
 font-size:medium;
 }
 
a {
color: #a50021;
}

p {
 padding: 0 15px;
 }

h4, h3 {
 margin:0; 
 padding: 12px 0;
 }

p.sidebar {
 font-size:14px;
 padding:2px;
 }
p.addr {
 font-size:12px;
 padding:2px;
 }
p.tstmnl{
 border: 3px solid #000;
 padding: 2px;
 margin: 5px;
 background-color: #eee;
 font-size: 12px;
 color: #000;
 }
p.tstmnl a{
 text-decoration:none;
 color:#000;
}

p.pagejumpout{ /* To be used at the top of pages to promote new features, etc. */
 border: 3px solid #a50021;
 padding: 20px;
 margin: 15px;
 background-color: #eee;
 font-size: 120%;
 text-align: center;
 color: #000;
 }
p.pagejumpout a{
 text-decoration:none;
 color:#000;
}

del {
 text-decoration: line-through;
 font: inherit;
 }
ins {
 text-decoration: inherit;
 font: inherit;
 }

img.ctr{
 display: block;
    margin-left: auto;
    margin-right: auto;
}

h1 {
 color: #fff;
 background-color: #a50021;
 /*background-image: url('images/puzzlebg.png');
 background-repeat: repeat;
 background-position: 0 0;*/
 font: bold 300%/100% "Lucida Sans", "Lucida Grande", Arial, sans-serif;
 /*border-color:#a50021;
 border-style:solid;
 border-width:0 150px 0 150px;*/
 padding-left:150px;
 padding-right:150px;
 margin: 0px; 
 }
h2 {
 color: #000;
 font-size: 25px;
 background-color: #fff;
 /*border-color:#fff;
 border-style:solid;
 border-width:0 150px 0 150px;*/
 font-style: italic;
 padding-left:150px;
 padding-right:150px;
 margin: 0;
 white-space:nowrap; /* Stops the header wrapping out of view on some mobile browsers. Cannot apply to h1 as this will make h1 overflow out of view on 800x600 */
 }
img.hdr {
 position: absolute;
 top: 0;
 left: 2px;
 z-index: 5;
 }
div.imgrt {
 float: right;
 position: relative; /* Without this line IE6 doesn't display the div */
 width:auto;
 padding-left:15px;
 padding-bottom:15px;
 }
img {
 border: 0 none;
 }
a img.frnt {
 border-left:0 none;
 border-right:5px solid #fff; /* should be transparent but IE6 will display this as a50021 instead of the underlying white */
 border-bottom:5px solid #fff;
 }
a:hover img.frnt {
 border-left:5px solid #a50021;
 border-right:0 none;
 border-bottom:5px solid #fff;
 }


/* MENU CSS SECTION */

#dd {
 padding: 0;
 margin: 0;
 }

#dd li {
 margin: 0;
 padding: 0;
 list-style: none;
 float: left;
 font: bold 11px arial;
 }

#dd li a.menu {
 display: block;
 text-align: center;
 background: #a50021;
 padding: 4px 6px;
 margin: 0 1px 0 0;
 color: #fff;
 width: 125px;
 text-decoration: none;
}

#dd li a.menu:hover {
 background: #333;
}

.submenu {
 background: #c0c0c0;
 border: 1px solid #a50021;
 visibility: hidden;
 position: absolute;
 z-index:25;
}

.submenu a {
 display: block;
 font: 11px arial;
 text-align: left;
 text-decoration: none;
 padding: 5px;
 color: #333;
}

.submenu a:hover {	
 background: #333;
 color: #fff;
}

/* FORM CSS SECTION */

div.fmlcol label, div.fmlcol span
{
width:6em;
float: left;
display: block;
}

input
{
color: #000;
background: #fff;
border: 1px solid #a50021;
}

.submit input
{
color: #000;
background: #fff;
border: 2px outset #a50021;
} 

fieldset
{
border: 1px solid #a50021;
margin-left: 30px;
margin-right: 30px;
padding:20px;
font-size:85%;
}

legend
{
color: #fff;
background: #a50021;
border: 1px solid #000;
padding: 2px 6px;
}

table, th, td
{
border: 0px;
background-color: #fff;
font-weight: normal;
text-align: left;
}

td.left
{
width: 6em;
}

#c-col em
{
font-weight: bold;
}

#c-col ul li
{
margin-left:25px;
list-style-type: square;
}

ol li
{
list-style-type: decimal;
}