@charset "utf-8";
/* CSS Document */

img {
	border: none;
behavior: url(../iepngfix.htc);
}

/*Start Reset margins and padding for p and h1 elements across all browsers */

p, h1, h2 {
	padding: 0px;
	margin: 0px;
}

h1 {
	font-size: 140%;
	font-weight: normal;
}

p {
	padding-top: 20px;
}

a.bodyLinks {
	padding-left: 33px;
	background:url(../Images/snowflake.gif) left center no-repeat;
	text-decoration: none;
	display:inline-block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	font-weight: bold;
	line-height: 22px;
	color: #2db7ff;
}

#container {
	margin: 0 auto;
	/*width: 880px;*/
}

#headerContainer {
	width: 894px;
	height: 123px;
	float: left;
}

#logo {
	width: 278px;
	height: 84px;
	padding-top: 39px;
	padding-left: 58px;
	float: left;
}

#logoBonusbondTop {
	width: 158px;
	height: 48px;
	padding-top: 75px;
	padding-left: 394px;
	float: left;
}

#menuContainer {
	width: 960px;
	height: 92px;
	float: left;
}

#menuHome {
	width: 35px;
	height: 38px;
	padding-top: 38px;
	padding-left: 62px;
	float: left;
}

#menuAbout {
	width: 44px;
	height: 35px;
	padding-top: 41px;
	padding-left: 22px;
	float: left;
}

#menuGallery {
	width: 57px;
	height: 37px;
	padding-top: 39px;
	padding-left: 21px;
	float: left;
}

#menuVirtual {
	width: 110px;
	height: 39px;
	padding-top: 37px;
	padding-left: 21px;
	float: left;
}

#menuPetition {
	width: 61px;
	height: 38px;
	padding-top: 38px;
	padding-left: 22px;
	float: left;
}

#menuRants {
	width: 41px;
	height: 37px;
	padding-top: 39px;
	padding-left: 22px;
	float: left;
}

#menuSponsors {
	width: 71px;
	height: 35px;
	padding-top: 41px;
	padding-left: 22px;
	float: left;
}

#logoBonusbondMiddle {
	width: 285px;
	height: 92px;
	padding-top: 0px;
	padding-left: 53px;
	float: left;
}

#menuBottomContainer {
	width: 960px;
	height: 35px;
	float: left;
}

#tabDownHome {
	width: 667px;
	height: 35px;
	padding-left: 70px;
	float: left;
}

#tabDownGallery {
	width: 535px;
	height: 35px;
	padding-left: 202px;
	float: left;
}

#tabDownVirtual {
	width: 429px;
	height: 35px;
	padding-left: 308px;
	float: left;
}

#tabDownAbout {
	width: 605px;
	height: 35px;
	padding-left: 132px;
	float: left;
}

#tabDownPetition {
	width: 319px;
	height: 35px;
	padding-left: 418px;
	float: left;
}

#tabDownRants {
	width: 248px;
	height: 35px;
	padding-left: 489px;
	float: left;
}

#tabDownSponsors {
	width: 170px;
	height: 35px;
	padding-left: 567px;
	float: left;
}

#logoBonusbondBottom {
	width: 144px;
	height: 35px;
	float: left;
}

#body {
	width: 880px;
	float: left;
}

#header {
	width: 818px;
	padding-left: 62px;
	color: #FFFFFF;
	float: left;
}

#dashes {
	width: 818px;
	padding-left: 62px;
	padding-top: 44px;
	padding-bottom: 24px;
	float: left;
}

#contentContainer {
	width: 838px;
	padding-left: 42px;
	background: url(../Images/tab-right.gif) 0px 22px no-repeat;
	float: left;
}

#subContent1 {
	width: 481px;
	float: left;
	color: #FFFFFF;
}

#subContentHeader1 {
	width: 461px;
	height: 55px;
	padding-left: 20px;
	float: left;
	color: #FFFFFF;
}

#subContentBodyContainer1 {
	width: 481px;
	float: left;
	color: #FFFFFF;
	z-index: 1000;	
}

#buttonPrev {
	width: 20px;
	padding-top: 111px;
	float: left;
	color: #FFFFFF;
}

#buttonNext {
	width: 20px;
	padding-top: 111px;
	float: left;
	color: #FFFFFF;
}

#imgContainer {
	width: 330px;
	background: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	color: #FFFFFF;
}

#linksContainer1 {
	width: 461px;
	padding-left: 20px;
	float: left;
	color: #FFFFFF;
}

#subContent2 {
	width: 350px;
	float: left;
	color: #FFFFFF;
}

#subContentHeader2 {
	width: 350px;
	height: 55px;
	float: left;
	color: #FFFFFF;
}

#subContentHeader7 {
	width: 350px;
	height: 90px;
	float: left;
	color: #FFFFFF;
}

#subContentBodyContainer2 {
	width: 350px;
	float: left;
	color: #FFFFFF;
}

#subContent3 {
	width: 481px;
	float: left;
	color: #FFFFFF;
}

#subContentHeader3 {
	width: 461px;
	height: 55px;
	padding-left: 20px;
	float: left;
	color: #FFFFFF;
}

#subContentBodyContainer3 {
	width: 362px;
	float: left;
	padding-left: 20px;
	font-size: 75%;
	color: #FFFFFF;
}

#subContent4 {
	width: 534px;
	float: left;
	color: #FFFFFF;
}

#subContentHeader4 {
	width: 461px;
	height: 55px;
	padding-left: 20px;
	float: left;
	color: #FFFFFF;
}

#subContentBodyContainer4 {
	width: 362px;
	float: left;
	padding-left: 20px;
	font-size: 75%;
	color: #FFFFFF;
}

#subContent5 {
	width: 801px;
	float: left;
	color: #FFFFFF;
}

#subContentHeader5 {
	width: 694px;
	padding-left: 107px;
	padding-top: 23px;
	padding-bottom: 40px;
	float: left;
	color: #FFFFFF;
}

#subContent6 {
	width: 838px;
	float: left;
	color: #FFFFFF;
}

#subContentHeader6 {
	width: 818px;
	padding-left: 20px;
	padding-top: 23px;
	padding-bottom: 40px;
	float: left;
	color: #FFFFFF;
}

#photoContainer1 {
	width: 838px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	float: left;
}

#photoContainer2 {
	width: 838px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}

#spacer1 {
	width: 23px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}

#speechContainer {
	width: 350px;
	float: left;
	padding-left: 20px;
	padding-bottom: 30px;
	font-size: 75%;
	color: #FFFFFF;
}

#character {
	width: 94px;
	float: left;
}

#bubbleContainer {
	width: 256px;
	float: left;
}

#bubbleStart {
	width: 14px;
	padding-top: 21px;
	float: left;
}

#bubbleSpeechContainer {
	width: 242px;
	float: left;
}

#bubbleSpeechTop {
	width: 242px;
	height: 9px;
	float: left;
}

#bubbleSpeechMiddle {
	width: 212px;
	padding-left: 14px;
	padding-right: 16px;
	background: url(../Images/speech-bubble-middle.gif) repeat-y;
	color: #222222;
	float: left;
}

#bubbleSpeechBottom {
	width: 242px;
	height: 9px;
	float: left;
}

#imgContainer {
	width: 330px;
	background: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	color: #FFFFFF;
}

#imgContainer2 {
	width: 630px;
	background: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	color: #FFFFFF;
}

#imgContainer3 {
	width: 166px;
	background: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	color: #FFFFFF;
}

#linksContainer2 {
	width: 350px;
	float: left;
	color: #FFFFFF;
}

#facebook {
	width: 300px;
	float: left;
}

#whiteFooterContainer {
	width: 100%;
	height: 126px;
	background: #FFFFFF;
	float: left;
	color: #000000;
}

#whiteFooterText {
	width: 527px;
	padding-top: 50px;
	padding-left: 64px;
	float: left;
	color: #000000;
}

#whiteFooterYouTube {
	width: 94px;
	padding-top: 43px;
	float: left;
	color: #000000;
}

#whiteFooterFlickr {
	width: 97px;
	padding-top: 50px;
	float: left;
	color: #000000;
}

#whiteFooterFacebook {
	width: 92px;
	padding-top: 49px;
	float: left;
	color: #000000;
}

#greyFooterContainer {
	width: 100%;
	height: 46px;
	background: #d5d5d5;
	float: left;
	color: #000000;
}

#greyFooterText {
	width: 200px;
	padding-top: 18px;
	padding-left: 416px;
	float: left;
	color: #000000;
	font-size: 75%;
}

.asterix {
	color: #ff0000;
}

.headerText {
	font-size: 75%;
}

.blue {
	color: #2db7ff;
	font-weight: bold;
}

.speech {
	color: #0a89cb;
	font-weight: bold;
}