/*
9px = 69.3%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/

a { outline: none;}

html, body {
	height: 100%;
}

body {
	background: url('../img/tile.gif');
	font-family: Georgia, Times New Roman, sans-serif;
}

a {
	color: #bb262c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h2 {
	color: #bb262c;
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}


/*=CONTAINER*/
.wrapper {
	background: url('../img/tile.gif');
}

.container {
	width: 928px;
	margin: 0 auto;
	background-color: white;
}

/*=HEADER*/
.header { 
	position: relative;
}

.extra-buttons {	
	position: absolute;
	right: 16px;
}

.extra-button {
	display:block;
	width: 98px;
	background-repeat: no-repeat;
}

.extra-button:hover {
	background-position: -98px 0;
}

/*	a.game-button {
		background-image: url("../img/game_button.png");
		height: 128px;
	}*/
	
	a.vaccine-button {
		background-image: url("../img/free_vaccine.png");
		height: 119px;		
	}

	a.twitter-button {
		background-image: url("../img/twitter.png");
		height: 45px;
	}
	
/*=MENU*/
ul.mainmenu {
	padding: 0;
	margin: 0;
}

	ul.mainmenu li{
		list-style: none;
		float: left;
		background-color: #bb262c;		
		height: 44px;
		overflow: hidden;
	}
	
	ul.mainmenu a.multi-state-button {
		height: 44px;
		width: 103px;
		display: block;
		background-repeat: no-repeat;
	}
	
	ul.mainmenu a.multi-state-button:hover, 	ul.mainmenu a.multi-state-button-hover {
		background-position: 0px -44px;
	}
	
	ul.mainmenu a.button-3 {
		background-image:url('../img/buttons/button1.gif');
	}
	
	ul.mainmenu a.button-24 {
		background-image:url('../img/buttons/button2.gif');
	}
	
	ul.mainmenu a.button-8 {
		background-image:url('../img/buttons/button3.gif');
	}
	
	ul.mainmenu a.button-11 {
		background-image:url('../img/buttons/button4.gif');	
	}
	
	ul.mainmenu a.button-14 {
		background-image:url('../img/buttons/button5.gif');
	}
	
	ul.mainmenu a.button-217 {
		background-image:url('../img/buttons/button6.gif');
	}
	
	ul.mainmenu a.button-16 {
		background-image:url('../img/buttons/button7.gif');		
	}
	
	ul.mainmenu a.button-18 {
		background-image:url('../img/buttons/button8.gif');
	}
	
	ul.mainmenu a.button-21 {	
		background-image:url('../img/buttons/button9.gif');		
		width: 104px;
	}
	
/*  ul.mainmenu li.first-spacer,    ul.mainmenu li.last-spacer {
        display: block;
        width: 16px;
        height: 44px;
    }*/
	
/*=CONTENT*/
.content {
	padding: 45px;
	padding-top: 20px;
	color: #303030;
	font-size: 108%;
}
	/*=MAIN*/
	.main {
		width: 532px;
		float: left;
	}

	/*=SIDEBAR*/
	.sidebar {
		margin-left: 110px;
		margin-top: 57px;
		width: 196px;
		float: right;
		text-align: right;
	}
	
	
/*=FOOTER*/
.footer {
	padding-top: 10px;
	padding-bottom: 10px;
}

	.footer .text {
		font-size: 77%;
		color: #757575;
		text-align: justify;
		padding: 0px 16px 0px 10px;
		margin-left: 215px;
	}


/*=MISC*/
.padding-1 {
	padding: 1px;
}

.padding-lr-1 {
	padding: 0px 1px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */