#privpolbox {
height: 500px;
width: 330px;
background-color: #FFFFFF;
border: 1px solid black;
padding: 10px;
font-family: georgia;
position: absolute;
left: 37%;
top: 10%;
color: black;
line-height: 1.3em;
}

#privpollink {
color: black;
}
#privpollink:hover {
color: #1272F9;
}

.gamelogo {
width: 100%;
}

.catPic {
    width: 250px;
    height: 250px;
}

#navbar {
width: 100%;
height: 50px;
background-color: #17294D;
font-family: verdana;
}

.navlink {
width: 21%;
float: left;
padding: 15px;
background-color: #17294D;
list-style: none;
color: white;
}

a:link {
color: white;
text-decoration: none;
}

a:visited {
color: white;}

a:active {
color: #E74060;
}
a:hover {
color: #E74060;
}

.showboard {
display: block;
}

.hideboard {
display: none;
}

#intro {
text-align: center;
font-family: verdana;
line-height: 1.5em;
}

#introboard {
background-color: #D9E6FE;
padding: 7px;
float: left;
}

#bulletslist {
text-align= center;
}

.bullet {
font-family: verdana;
line-height: 1.5em;
text-align: center;
list-style-position: inside;
}

#nextbutton {
margin-left: 44%;
padding: 10px;
background-color: #0D3077;
color: white;
font-size: 16px;
}

#nextbutton:hover {
color: #E74060;
}

#copyrightlink {
background-color: #0D3077;
color: white;
padding: 4px;
display: block;
clear: left;
}

#pickteamboard {
float: left;
width: 540px;
background-color: white;
font-family: verdana;
}

.portraitpick {
height: 100px;
width: 71px;
border: 2px black solid;
visibility: visible;
}

.hideportraitpic {
height: 100px;
width: 71px;
border: 2px black solid;
visibility: hidden;
}


#recruitboard {
width: 660px;
height: 462px;
float: left;
border: solid black 1px;
font-family: verdana;
background-color: white;
border-collapse: collapse;
}

.recruitnames {
border: solid #C0D1DE 1px;
height: 20px;
width: 164px;
}

.recpic {
border: solid #C0D1DE 1px;
height: 225px;
width: 159px;
}

.recruitjobs {
border: solid #C0D1DE 1px;
height: 20px;
width: 164px; 
}
.recruitskills1 {
border: solid #C0D1DE 1px;
height: 20px;
width: 164px;
}

.clearbuttonbox {
width: 160px;
}

.clearbutton {
width: 140px;
}

#finaldecide {
width: 640px;
margin: 5px;
}
#finaldecidepic {
width: 610px;
}

#gamebdheader {
color: white;
background-color: #17294D;
padding: 7px;
height: 20px;
}

#leftgamebd {
float: left;
}

#chargamebd {
border: 1px #5C6E90 solid;
width: 430px;
height: 380px;
background-color: #DDE9FE;
font-family: verdana;
font-size: 14px;
border-collapse: collapse;
padding: 2px;
float: left;
}

table {
border-collapse: collapse;
padding: 2px;
}

.tablerow {
border: 1px #93A4C4 solid;
border-collapse: collapse;
padding: 2px
}

.tablerow2 {
border: 1px #93A4C4 solid;
border-collapse: collapse;
padding: 2px;
height: 2.5em;
}

.portraithighlight {
height: 202px;
width: 143px;
border: 4px #6AD17B solid;
background-color: #6AD17B;
}

.tablerowpic {
border: 1px #93A4C4 solid;
border-collapse: collapse;
height: 203px;
width: 144px;
}

.gameportrait {
height: 202px;
width: 143px;
border: 1px #93A4C4 solid;
border-collapse: collapse;
margin: 3px;
}

.roundupstyle {
font-family: verdana;
border: 1px #93A4C4 solid;
border-collapse: collapse;
line-height: 1.2em;
padding: 3px;
font-size: 14px;
height: 44px;
}

.roundupstyle2 {
font-family: verdana;
font-weight: bold;
border: 1px #93A4C4 solid;
border-collapse: collapse;
line-height: 1.2em;
padding: 3px;
font-size: 14px;
height: 30px;
}

.compreportstyle {
border: 1px #5C6E90 solid;
font-family: verdana;
border-collapse: collapse;
empty-cells: show;
line-height: 1.7em;
padding: 5px;
clear: left;
float: left;
}

.comprephead{
color: white;
background-color: #17294D;
}

.comprepcell {
border: 1px #93A4C4 solid;
border-collapse: collapse;
background-color: #DDE9FE;
line-height: 1.7em;
padding: 5px;
}

#buttonblock {
float: left;
display: inline;
}

#clicktobegin
{
width: 268px;
height: 185px;
}


.gamebuttonshow {
display: inline;
width: 268px;
height: 185px;
background-color: #6AD17B;
border-radius: 50px 50px;
border: 30px;
}

.gamebuttonshowB {
display: inline;
width: 268px;
height: 185px;
background-color: #FFFFFF;
border-radius: 50px 50px;
border: 15px;
}

.gamebuttonhide {
display: none;
}


#revealcards {
padding: 0px;
width: 480px;
border: 1px #93A4C4 solid;
border-collapse: collapse;
margin: 0px;
}

.revealcardsshow {
border-collapse: collapse;
}

.revealcardshide {
display: none;
}

#endGameBlock {
float: left;
padding: 1px;
width: 480px;
border: 1px #93A4C4 solid;
border-collapse: collapse;
margin: 2px;
}

.revealhold {
height: 160px;
width: 113px;
border: 4px #93A4C4 solid;
border-collapse: collapse;

}

#eventsdiary {
height: 150px;
width: 560px;
float: left;
font-family: verdana;
margin: 3px;
border: 1px #5C6E90 solid;
}

#diaryhead {
font-family: verdana;
margin: 3px;
width: 545px;
color: white;
background-color: #17294D;
padding: 5px;
border-collapse: collapse;
}

#diarylist {
clear: both;
padding: 5px;
height: 105px;
overflow-y: scroll;
}

.custombreak1 {
height: 280px;
}
.custombreak2 {
height: 200px;
}

.centred {
text-align: center;
}

#privpol {
color: black;
}

#privpol:hover {
color: #1272F9;
}

#electionrunlink {
color: black;
}

#electionrunlink:hover {
color: #1272F9;
}

#aboutwords {
font-family: georgia;
line-height: 1.5em;
}