/* General */

body
{
    background-color:gold;
    background-image:url('../images/yyyh.png');
#    background-image:url('../images/handbrushosf.png');
    background-repeat:repeat; 
#    background-position:center center;
    font-family:san-serif;
}

div.header,div.footer
{
    border:1px outset maroon;
    border-radius:10px;
    -moz-border-radius:10px;
    height:12em;
    padding:0.5em;
    color:gold;
    background-color:maroon;
    background-image:url('../images/rrrrh.png');
#    border:0px solid white;
}

caption
{
    font-weight:bold;
    font-size:1.3em;
    text-align:center;
    border:0px solid yellow;
    padding-left:2em;
    padding-bottom:1em;
    padding-top:1em;
    padding-right:2em;
}

.back {
    padding:1.5em;
    margin:3em 5em .1em 5em;
    border:0px solid maroon;
}
div.rightback
{
    margin-left:220px;
    margin-left:200px;
    margin-top:1em;
    width:70%;
}
div.leftback
{
    margin:.1em 1em 3em 1em;
    float:left;
    width:200px;
}
div.fredbkgd
{
    border:2px solid gold;
    margin-left:10px;
    margin-top:1em;
    width:990;
    height:850;
    padding:1em;
}
div.fred
{
    border:2px solid gold;
    padding:1em;
}
iframed
{
    height:800;
    width:900;
}

.rightcontent
{
    border:0px solid blue;
    color:maroon;
    width:100%;
    text-indent:2em;
    font-size:1.25em;
}

p
{
    text-indent:0em;
    margin:1em 0em 0em 2.2em;
}
p.bar
{
    line-height:8px;
    padding:0px;
    background-color:maroon;
}
p.qod {
    line-height:1.7em;
    margin-top:-1.7em;
}
p.machighway
{
	margin-top:5em;
}

h1
{
    text-align:right;
}
h2
{
    text-indent:0em;
    border:0px solid maroon;
}
h3,h4
{
    margin-left:6%;
    padding:0.5em;
    color:maroon;
    text-align:right;
}
em
{
	color:firebrick;
}

.noteright,.noteleft
{
    font-size:1.15em;
    width:43%;
    margin-top:0.3em;
}
blockquote.noteright
{
    margin-left:50%;
    text-align:right;
}
blockquote.noteleft
{
    float:left;
    margin-right:.1em;
}

tr.osf
{
    border:0px solid blue;
    background-color:#ddbb22;
}
tr.away
{
    border:0px solid blue;
    background-color:#ffbb44;
}

div.leftmenu
{
    font-size:0.80em;
    float:left;
    width:160px;
    margin:0;
    padding:1em;
}
ul.menu
{
    border:3px outset yellow;
    border-radius:10px;
    -moz-border-radius:10px;
    line-height:3em;
    list-style:none;
}

li.menu {
    border:1px outset yellow;
    border-radius:10px;
    -moz-border-radius:10px;
    padding-left:1em;
    margin-left:-3em;
    margin-right:1em;
    margin-bottom:1em;
}

li.menuselected {
    border:3px outset yellow;
    border-radius:10px;
    -moz-border-radius:10px;
    padding-left:1em;
    margin-left:-3em;
    margin-right:1em;
    margin-bottom:1em;
}

li.menuselection {
    border:0px solid blue;
    background-color:yellow;
    #margin:0px 0px 0px -1em;
    padding-left:-1em;
}
span.menuselection {
    background-color:yellow;
}

/* News */

div.news
{
    border:0px solid blue;
}

h3.news,h4.news
{
    border:0px solid blue;
    margin-left:6%;
    color:maroon;
    text-align:left;
}

ul.news
{
    border:0px solid blue;
    margin-left:6%;
}

li.news
{
    border:0px solid blue;
    margin-left:2%;
    list-style-type:none;
}

/* Badges */

div.badgeBack
{
    width:97%;
    border:0px solid lightblue;
    margin:0em 5em .1em 1em;
    margin-top:0.5em;
    float:left;
}
div.badgeBar
{
    #padding:0.1em;
    #background-color:gold;
    border:0px solid blue;
    #height:120px;
}
ul.badge {
    width:96%;
    margin:2px 0;
    padding:0;
    list-style:none;
    overflow:hidden;
    border:0px solid yellow;
}
li.badge {
    float:left;
    width:15%;
    #padding:1px;
    #margin:1px;
    border:0px solid yellow;
}
img.badgeImg
{
    height:3em;
    padding:5px;
    #margin-top:-2em;
    #margin-left:-5em;
    border:0px solid white;
}


/* History */

/* Location */

/* Coaches */

/* Info */

/* Calendar */
/* see css/timetable.css */

/* Upcoming */

/* Results */

.rightres {
    margin:0px;
    padding:0px;    
}
div.rightres {
    margin-left:80%;
    border:0px solid yellow;
    width:20%;
    text-indent:0em;
    #float:right;
    height:600px;
}
table.rightres
{
    border:0px solid white;
    width:100%;
    font-size:0.6em;
    color:maroon;
    #border-collapse:collapse;
}
tr.rightres {
    #background-color:lightblue;
}
td.rightres {
    #text-align:left;
    height:3em;
}
div.leftres {
    width:60%;
    border:5px ridge yellow;
    padding:2px;
    margin:2px;
    height:600px;
    text-indent:0em;
    float:left;
    overflow:auto;
}
table.leftres
{
    border:0px solid white;
    width:100%;
    font-size:1.0em;
    color:maroon;
    margin:0px;
    padding:0px;    
}
img.results
{
    border:0px solid yellow;
    padding:3px;
    margin:3px 3px;
    height:120px;
}
td.results
{
    height:2em;
}
table.results
{
    border:0px solid maroon;
    text-indent:0em;
    background-color:yellow;
    width:91%;
    font-size:0.8em;
    color:maroon;
    margin-left:1.3em;
    border-collapse:collapse;
    margin-top:1em;
}
caption.results
{
    background-color:gold;
    padding:0.5em;
    text-indent:0em;
    text-align:center;
    font-size:1.2em;
}
/* Newsletters */

div.newsletters
{
    border:0px solid green;
    padding:0px;
#	width:70%;
}
img.newsletters
{
    border:0px solid yellow;
    padding:0px;
    margin:3px 3px;
    height:230px;
}
ul.newsletters {
    width:99%;
    margin:5px 0;
    padding:0;
    list-style:none;
    overflow:hidden;
    border:0px solid black;
}
li.newsletters {
    float:left;
    width:32%;
    padding:0em;
    margin:0;
    border:0px solid yellow;
}
.nlblock {
    margin-right:10px;
    padding:0px ;
    border:0px solid white;
}
div.nlback0
{
    padding:1em;
    border:1px solid yellow;
    float:left;
}
div.nlback
{
    width:80%;
    border:5px ridge yellow;
    padding:10px;
    margin:10px;
#    height:600px;
    text-indent:0em;
    float:left;
    overflow:auto;
}
div.leftresTmp {
    width:60%;
    border:5px ridge yellow;
    padding:2px;
    margin:2px;
    height:600px;
    text-indent:0em;
    float:left;
    overflow:auto;
}

/* Images */

ul.rows {
    width:130px;
    margin:5px;
    padding:0;
    overflow:hidden;
    border:0px solid blue;
}
li.rows {
    padding:0;
    margin:5px;
    border:0px solid black;
}
div.rowsback
{
    border:0px solid lightblue;
    margin:0em 5em .1em 1em;
    margin-top:0.5em;
    float:left;
}
img.rows
{
    border:0px solid yellow;
    padding:3px;
    margin:3px 3px;
}
.imagerowback {
    #background:gold;
    padding:0px;
    border:0px solid yellow;
    margin:0em 5em .1em 5em;
    margin-left:230px;
}
.imagebacktop
{
    margin-top:-0.5em;
}
.imagebackbot
{
    margin-top:0.5em;
}

div.images
{
    border:0px solid yellow;
    height:30px;
    padding:5px;
    color:gold;
    background-color:gold;
}

ul.col3 {
    width:93%;
    margin:5px 0;
    padding:0;
    list-style:none;
    overflow:hidden;
    border:0px solid yellow;
}
li.col3top {
    float:left;
    width:25%;
    padding:0;
    margin:0;
    border:0px solid yellow;
}
li.col3bottom {
    float:left;
    width:19%;
    padding:0;
    margin:0;
    border:0px solid yellow;
}
.block {
    margin-right:10px;
    padding:0px ;
    background:gold;
    border:0px solid white;
}

name="code">#row {
    min-width:480px;
}

div.imgbar
{
    padding:0.5em;
    #background-color:gold;
    border:0px solid blue;
    #height:120px;
}
img.bartop 
{
    border:0px solid yellow;
    padding:5px;
    margin:3px 5px;
    height:80px;
}
img.barbottom
{
    border:0px solid yellow;
    padding:5px;
    margin:3px 5px;
    height:120px;
}

img.bannername0
{
    height:7em;
    padding:5px;
    margin-top:-2em;
    margin-left:-5em;
    border:0px solid white;
}
img.bannername
{
    height:5em;
    width:80%;
    padding:5px;
#    margin-top:-2em;
#    margin-left:-5em;
    border:0px solid white;
}
img.bannerswords
{
    height:5em;
    width:20%;
    padding:0px;
    margin-bottom:-1em;
    border:0px solid white;
    float:right;
}

a:link
{
    font-weight:bold;
    color:darkred;
}
a:visited
{
    color:maroon;
}
a:hover
{
    background-color:#ffbf00;
}
a:active
{
    color:white;
}

/* popup window styling */
#fade {
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    filter:alpha(opacity=80);
    opacity: .40;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
    left: 0;
    top: 0;
    z-index: 10;
}

#hideshow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.popup_block {
    background: #ddd;
    padding: 10px 20px;
    border: 10px solid #fff;
    float: left;
    #width: 700px;
    position: fixed;
    top: 2%;
    left: 10%;
    #margin: 0 0 0 -250px;
    z-index: 100;
}
.popup_block .popup {
    float: left;
    width: 100%;
    background: #fff;
    margin: 10px 0;
    padding: 10px 0;
    border: 1px solid #bbb;
}

.popup h3 {
	height:1em;
    border-bottom: 1px solid #bbb;
    font-size: 0.7em;
    font-weight: normal;
    text-align:left;
}
.popup p {
    padding: 5px 10px;
    margin: 5px 0;
}
.popup img.cntrl {
    position: absolute;
    right: -20px;
    top: -20px;
}