* { margin: 0; padding: 0; }
/*html, body { height: 100%; }*/
a img { border: none; }

a, a:link { color: #5D5FAC; text-decoration: none; }
a:hover { color: #565AC4; }
a:visited { color: #787BDE; }
a:active { color: #3A3EAB; }

.clearer { clear: both; overflow: hidden; height: 1px; line-height: 1px; font-size: 1px; }

body { background: #d0cddf; text-align: center; color: #666; font: 14px Arial, Helvetica, sans-serif; }
	.centered { position: relative; margin: 0 auto; text-align: left; width: 760px; border: solid 1px #655C95; background: #fff; }
	
#header { background: #fff url(images/header.jpg) 0 0 no-repeat; height: 218px; }
	#header h1, #header #thanks h2, #header h2, #header h3, #header h4 { color: #fff; line-height: 25px; font-size: 18px; font-weight: normal; text-align: center; position: absolute; width: 340px; }
	#header h2, #header h2 a { color: #a6d81c; font-weight: bold; font-size: 21px; }
	#header h3, #header h3 a { color: #fff; font-size: 16px; text-decoration: underline; }
	#header h4, #header h4 a { color: #666; }
	
	#header h1 { top: 10px; }
	#header h2 { top: 74px; }
	#header h3 { top: 130px; }
	#header h4 { top: 200px; width: 555px; }

	#header p.headmessage { color: #fff; position: absolute; text-align: center; width: 340px; top: 12px; left: 0px; line-height: 24px; }
	#header div.readymsg { color: #fff; position: absolute; text-align: center; width: 340px; top: 12px; left: 0px; line-height: 24px; font-size: 24px; }
	    #header div.readymsg div { margin-bottom: 6px; }
	    #header div.readymsg .readysm { font-weight: normal; font-size: 15px; line-height: 22px; }
	    #header div.readymsg .readylg { font-weight: bold; font-size: 25px;  }
	#header .orangebarmessage { color: #fff; letter-spacing: 0.5px; font: bold 14px Arial, Helvetica, sans-serif; position: absolute; left: 0; top: 172px; width: 555px; text-align: center; }
	
	#header #thanks h1 { font-size: 32px; font-weight: bold; }
	#header #thanks h2 { letter-spacing: -1px; top: 42px; line-height: 22px; }
	
	#header a { text-decoration: none; }
		#header a:hover { text-decoration: underline; }
		
	#topmenu { list-style: none; margin: 152px 0 0 15px; height: 26px; }
		#topmenu li { float: left; font-size: 18px; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; }
			#topmenu li a { color: #fff; text-decoration: none; float: left; height: 23px; padding: 3px 22px 0; }
				#topmenu li a:hover { background: transparent url(images/menuhover.gif) 0 0 repeat; }
	
#logo { position: absolute; left: 505px; }
#celeb { position: absolute; left: 505px; top: 50px; width: 255px; text-align: center; color: #fff; font: bold 14px Arial, Helvetica, sans-serif; }
	#celeb div { margin-bottom: 8px; }
	
#boxes { padding: 4px 20px 0px 20px; }
	.boxrow, .boxrowfull { height: 134px; margin-bottom: 14px; border-top: solid 1px #a6d81c; border-bottom: solid 1px #a6d81c; }
		#boxes>.boxrowfull { height: auto; }
		.greenbox { width: 100%; margin-right: -30px; border-left: solid 1px #a6d81c; border-right: solid 1px #a6d81c; line-height: 20px; }
			.greenbox h4 { height: 23px; color: #666; font: normal 18px Arial, Helvetica, sans-serif; text-align: center; background: #B3D237 url(images/boxbg.jpg) 50% 0 repeat-y; }
			.greenbox p { margin: 5px; }
			.greenbox>p { margin: 10px; }
		.boxrow .boxleft p { float: left; }
		.more { display: block; margin-top: 6px; font-weight: bold; font-size: 16px; }

	.showlinks a { text-decoration: underline!important; }
	.godonate, .retlink, .friendlink { text-align: center; margin: 30px; line-height: 14px;  }
	    .retlink, .friendlink { float: left; margin-top: 6px; margin-bottom: 0px; }
	.godonate a, .retlink a, .friendlink a { margin: 10px 10px 0; border: solid 2px #b3d237; font-size: 120%; padding: 8px 24px; background: #655c95; font-weight: bold; text-transform: uppercase; color: #b3d237; }
	    .retlink a, .friendlink a { display: block; margin-bottom: 10px; padding: 4px 18px; font-size: 90%; text-transform: none; border-width: 1px; background-color: #E6EFC2; color: #666; }
	    .retlink a:hover, .friendlink a:hover { border-color: #D2252B; background-color: #E8773B; color: #fff; }
	    .showlinks .godonate a, .showlinks .retlink a, .showlinks .friendlink a { text-decoration: none!important; }
		
	/*.retlink { text-align: center; font: 10px Arial, Helvetica, sans-serif; }*/
	    /*.retlink a { text-decoration: none!important; }*/
	    /*.retlink b { font-weight: bold; font-size: 110%; }*/

	/*.friendlink { }*/
		
	#box1 p, #box2 p, #box3 p, #box4 p, #box5 p { float: right; text-align: center; }
		#box4 p { float: left; }
		
	#box1, #box2, #box3, #box4, #box5 { float: left; height: 134px; margin-right: 0; }

	#box1 { width: 60%; background: #fff url(images/boxpic1.jpg) 15px 27px no-repeat; }
	#box2 { float: right; width: 38%; background: #fff url(images/boxpic2.jpg) 10px 27px no-repeat; }
	#box3 { width: 39%; background: #fff url(images/boxpic3.jpg) 6px 28px no-repeat; }
	#box4 { width: 29.5%; margin-left: 1.5%; background: #fff url(images/boxpic4.jpg) 95% 36px no-repeat; }
	#box5 { float: right; width: 27.5%; background: #fff url(images/boxpic5.jpg) 6px 36px no-repeat; }

	.formtable { margin: 14px; width: 100%; border-collapse: collapse; }
		.formtable tr { clear: right; }
		.formtable th { font: bold 12px Arial, Helvetica, sans-serif; padding: 0 20px 10px 0; width: 15%; }
		.formtable td { font: normal 12px Arial, Helvetica, sans-serif; padding: 0 0 10px 0; width: 85%; }
		.formtable b { padding: 0 6px 0 20px; }
		.formtable .rightside { float: right; margin-right: 30px; text-align: right; width: 40%; }
		.formtable td>.rightside { margin-right: 56px; }
		.formtable .radios { margin-right: 14px; width: 26%; }
		.formtable td>.radios { margin-right: 30px; }
		.formtable .rightside>.rad { margin-top: 6px; }
		.formtable label { padding: 0 10px 0 6px; font-weight: normal; }
			.formtable .radios label { font-weight: bold; }
		.formtable input.txt { width: 90%;  }
		.formtable input.med { width: 54%!important;  }
		.formtable input.sml { width: 39%!important;  }
		.formtable input.nano { width: 14%!important;  }
		.formtable input.tiny { width: 20%!important;  }
		
		.divlist div { margin-bottom: 4px; }
		.divlist b { text-transform: uppercase; }
		
		td.sdrow { padding-top: 20px; }
		.sdrow table { width: 100%; }
		.submitblock input { border: solid 2px #B3D237; background-color: #655C95; padding: 8px; color: #B3D237; font: bold 18px Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer; }
		.sdrow .donateblock { text-align: right; width: 50%; }
		.submitblock { text-align: center; margin: 0; }
		    .sdrow .donateblock input { float: right; margin: 6px 0px; }
		    .sdrow .donateblock label { float: right; margin: 0 24px 0 6px; padding: 0; }
			.sdrow .donateblock label b { padding: 0; margin: 0; }

	#thanks, #sendFriend { position: absolute; top: 0; left: 0; }
		
	.friendtable { border-collapse: separate; margin: 10px 0 0 10px; }
		.friendtable thead input, .friendtable thead textarea { width: 220px; font-size: 10px; border: solid 1px #000; }
		.friendtable th, .friendtable td { color: #fff; text-align: left; font-size: 12px; }
		.friendtable tfoot td { padding-top: 10px; text-align: center; }
		.friendtable tfoot input { font-size: 12px; letter-spacing: 2px; font-weight: bold; background-color: #5A4681; color: #fff; border: solid 1px #fff; padding: 0 12px; }
		.friendtable th { padding-right: 5px; }
		
	#thanksFriend h1 { top: 70px; font-size: 40px; }
	
	#loadFriend { position: absolute; top: 66px; left: 160px; }

.roleitem { clear: left; }
    .roleitem label { cursor: pointer; }
.roleoptions { clear: left; float: left; width: 640px; margin: 6px 0 20px 60px; }
    .roleoptions .clearer { height: 0; overflow: hidden; }
    .roleoptions .panetitle { font: bold italic 11px Georgia, Helvetica, serif; white-space: nowrap; }
    .roleoptions .paneset { float: left; border-style: solid; border-color: #655c95; border-width: 4px 1px 1px; margin: 0 0 12px 0; border-collapse: collapse; }
	.roleoptions .paneset thead td { vertical-align: bottom; width: 30%; }
	.roleoptions .paneset td { vertical-align: top; width: 30%; }
	.roleoptions .pane { padding: 8px 10px 0; background: #fcfcfc; margin: 0; }
	.roleoptions th.pane { background: #f6f6f6; }
	.roleoptions .firstpane { width: 10%; border-right: solid 1px #999; text-align: center; }
	    .roleoptions th.firstpane { background: #bbb!important; }
	    .roleoptions .firstpane div { white-space: nowrap; text-align: center; }
	    .roleoptions .firstpane .panetitle { color: #333; }
    .roleoptions .panesetv { float: left; border-style: solid; border-color: #655c95; border-width: 4px 1px 1px; margin: 0 0 12px 0; border-collapse: collapse;  }
	.roleoptions .panesetv input { margin-right: 10px; }
	.roleoptions .panesetv .pane { border-bottom: solid 1px #ccc; }
	.roleoptions .panesetv th.pane { padding-right: 20px; }
	.roleoptions .panesetv .panetitle label { font-weight: bold; padding: 0; margin: 0; cursor: pointer; }
.roletag { clear: left; float: left; width: 20px; margin-top: 2px; }

.footer { text-align: center; margin-top: -6px; }
    .footer h2 { font-size: 16px; margin-top: 0px; }
    .footer h4 { font-size: 12px; }
    .footer .footerreturn { text-align: right; color: #999; letter-spacing: 0.6px; text-transform: uppercase; font-size: 9px; margin: 10px 21px 10px 0; }
	.footer .footerreturn a { color: #999; }
	.footer .footerreturn a:hover { color: #655c95; }