/* Style for LTR using google fonts api add the font family - that's it */

 /* Body and link styles */
body, td, th, textarea, div, select {
	font-family: 'Open Sans', serif;
	font-weight: 400;
}


/* Headline Styles */
h1, h2, h3, h4, h6 {padding: 0; margin: 0;}
h1 {font-family: 'Open Sans', serif; font-weight: 600;}
h2 {font-family: 'Open Sans', serif; font-weight: 600;}
h3 {font-family: 'Open Sans', serif; font-weight: 800;}
h4 {font-family: 'Open Sans', serif; font-weight: 600;}
h5 {font-family: 'Open Sans', serif; font-weight: 400;}
h6 {font-family: 'Open Sans', serif; font-weight: 600;}


.side-menu, .side-menu:link, .side-menu:visited, .side-menu:active ,.side-menu:hover, .side-menu:focus {
font-family: 'Open Sans', serif; 
font-weight: 600;
}
.side-menu-selected, .side-menu-selected:link, .side-menu-selected:visited, .side-menu-selected:active ,.side-menu-selected:hover, .side-menu-selected:focus {
font-family: 'Open Sans', serif; 
font-weight: 600;
}
.sub-menu, .sub-menu:link, .sub-menu:visited, .sub-menu:active ,.sub-menu:hover, .sub-menu:focus {
font-family: 'Open Sans', serif; 
font-weight: 600;
}
.sub-menu-selected, .sub-menu-selected:link, .sub-menu-selected:visited, .sub-menu-selected:active ,.sub-menu-selected:hover, .sub-menu-selected:focus {
font-family: 'Open Sans', serif; 
font-weight: 600;
}    

.footer {
font-family: 'Open Sans', serif;
font-weight: 400;
}


.gameboard-menu, .gameboard-menu:link, .gameboard-menu:visited, .gameboard-menu:active {
    _height:40px; /* need this for ie */
    display: inline-block;
    font-family: Arial,sans-serif;
    font-weight: bold;
    padding: 7px 40px;
    font-size: 13px;
    background: #F4F4F4;
    color: #333333;
    border: solid 1px #D7D7D7;
    border-bottom: solid 1px #D7D7D7;
}

.gameboard-menu:hover, .gameboard-menu:focus {
    background: #F4F4F4;
    color: #333333;
    border: solid 1px #333333;
    border-top: solid 2px #4986E7;
    border-bottom: solid 1px #333333;
    border-bottom: solid 0px #D7D7D7;
    text-decoration: none;
}


.gameboard-menu-selected, .gameboard-menu-selected:link, .gameboard-menu-selected:visited, .gameboard-menu-selected:active {
    _height:40px; /* need this for ie */
    font-family: Arial,sans-serif;
    font-weight: bold;
    padding: 7px 40px;
    font-size: 13px;
    background: none;
    color: #333333;
    border: solid 1px #333333;
    border-top: solid 2px #EDB802;
    border-bottom: solid 0px #333333;
}

.gameboard-menu-selected:hover, .gameboard-menu-selected:focus {
    background: none;
    color: #333333;
   border: solid 1px #333333;
    border-top: solid 2px #EDB802;
    border-bottom: solid 0px #333333;
}