* { margin: 0 ; padding : 0 ; } 

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

h2 {
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #999;
	margin-bottom: .5em;
	margin-left: 3px;
}

h3 {
	font: .8em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999;
	margin-top: 1em;
	margin-bottom: .5em;
	margin-left: 3px;
}

p {
	margin-top: 0;
	color: #666;
	font: .8em "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

#warning, #error, #message {
	color: #666;
	background-color: #efefef;
	font: .8em "Trebuchet MS", Georgia, "Times New Roman", Times, serif; 
	font-weight:bold;
}

a {
	text-decoration: none;
}

strong {
	font-weight: bold;
}

/* HEADER */

#header {
	width: 100%;
	height: 89px;
	background-color: #333;
	margin:0;
	padding: 0;
}

#header h1 {
	margin:0;
	padding: 0;
	text-indent: -5000px;
	font-size: 12px;
	height: 69px;
	background-color: #333;
	background-repeat: no-repeat;
	background-position: 0 2px;
}

#header a {
	display: block;
	height: 69px;
	width: 140px;
	padding: 5px;
	margin:5px;
}

#header .logobwork {
	float:left;
}

#header .logobwork a {
	background: url(../g/peace.logo.jpg) no-repeat 5px 5px #fff;
	float: left;
	padding: 5px;
}

#header .logop4g a {
	background-image: url(../g/logo_p4g.gif);
	float: right;
	padding: 5px;
		width: 180px;
}

/* MAIN CONTENT */

#subheader {
	margin: 10px auto;
	width:759px;
	height:77px;
	background-repeat: no-repeat;
	background-image: url(../g/shortblue.jpg);
}

#maincontentwrapper {
	margin: 10px auto;
	width:759px;
	height:327px;
	background-repeat: no-repeat;
	background-image: url(../g/bk.jpg);
}

#nav {
	float: right;
	margin-right: 20px;
	padding-left: 14px;
	background-image: url(../g/topnavcap.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	
	height: 20px;
}

#navcap {
	width: 10px;
	height: 20px;
	background-image: url(../g/topnavcap.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#nav ul {
	background-image: url(../g/topnavbk.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 420px;
	float:left;height:20px;
	margin-left: 0 !important;
}

#nav li {
	list-style: none;
	float: left;
}

#nav a {
	font: 12.8px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0 10px 0 8px;
	border-right: 1px solid #ececec;
	border-bottom: none;
}

#nav a:link, #nav a:visited {color: #999;}
#nav a:hover, #nav a:active {color: #333;}

#nav .lastnav {
	border: none;
	margin-right: 10px;
}

#maincontent {
	float: right;
	margin-right: 20px;
	width: 411px;
}

#newplayer {
	width: 411px;
	height: 117px;
	margin-top: 30px;
	background-repeat: no-repeat;
	background-image: url(../g/newplayer.jpg);
}

#returningplayer {
	width: 411px;
	height: 117px;
	margin-top: 15px;
	background-repeat: no-repeat;
	background-image: url(../g/returningplayer.jpg);
}

#returningplayer a, #newplayer a {
	display: block;
	width: 411px;
	height: 117px;
}

#returningplayer h2, #newplayer h2 {
	text-indent: -5000px;
}

#returningplayer p, #newplayer p {
	color: #4872B0;
	margin: 30px 20px 0 148px;
}

#teacherlogin {
	width: 411px;
	height: 267px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-image: url(../g/teacherlogin.jpg);
}

#guestlogin {
	width: 411px;
	height: 267px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-image: url(../g/guestlogin.jpg);
}

#teacherlogin h2, #guestlogin h2 {
	text-indent: -5000px;
	height: 50px;
}

#teacherlogin p, #guestlogin p {
	color: #4872B0;
	margin: 1em 20px;
	font: .8em "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

/* FORMS */

label {
	font-weight: bold;
	font: 1em "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	margin-left: 5px;
}

input {
	background-color: #b3e4fd;
	border: 1px solid #fff;
	color: #4872B0;
	font: 10px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	padding: 1px;
	margin-left: 10px;
}

.combobox {
	width: 80px;
}

.submitbutt {
	width: 85px;
	height: 23px;
	background:url(../g/buttbk.gif) no-repeat left top;
	cursor:pointer;
	border: none;
}


/* OTHER CONTENT */

#othercontent {
	margin: 10px auto;
	width:770px;
	
}

#welcome {
	width: 386px;
	float: left;
	display:inline;
}

#about {
	width: 365px;
	float: left;
	margin-left: 8px;
	margin-right: 0;
	display:inline; 
}

#welcome h2 {
	width: 386px;
	height: 37px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-image: url(../g/welcome.gif);
	margin-bottom: 8px;
}

#about h2 {
	width: 365px;
	height: 37px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-image: url(../g/aboutbwork.gif);
	margin-bottom: 8px;
}

#othercontent p {
	padding-left: 4px;
	padding-right: 4px;
	line-height:1.6;
	margin-bottom: 1em;
}

#othercontent a {
	text-decoration: none;
	border-bottom: 1px dotted #7DB9F7;
}

#othercontent a:link, #othercontent a:visited {
	color: #7DB9F7;
}

#othercontent a:hover, #othercontent a:active {
	color: #428AF1;
}

#contentnav {
	width: 180px;
	float: left;
}

#contentcontent {
	padding-left: 220px;
}

#contentnav ul {
	list-style-type: none;
	color: #666;
	font: .8em "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

#contentnav li {
	margin-bottom: 1em;
}

#contentcontent ul {
	color: #666;
	font: .8em "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	list-style-type: none;
	margin-bottom: 1em;
	margin-left: 30px;
}

#contentcontent li {
	padding-left: 12px;
	background-image: url(../g/bullet.gif);
	background-position: left .5em;
	background-repeat: no-repeat;
}

#contentcontent h2 a {border:none;color: #999;}
#contentcontent h2 a:link, #contentcontent h2 a:visited {border: none;color: #999;}
#contentcontent h2 a:hover, #contentcontent h2 a:active {border: none;color: #999;}

ol, ul {
	color: #666;
	font: .8em "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	margin-bottom: 1em;
	margin-left: 30px;
}

/* FOOTER */

#footer {
	text-align: center;
	width: 100%;
	background-color: #333;
	margin: 20px 0 0 0;
	padding: 12px 0;
	font-size: 11px;
	color: #999;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

/* ACCOUNT STEPS */
#select_icons  {float:left;width:450px;}

#accountsteps {
	float: right;width:280px;
}

#accountsteps .step {
	height: 68px !important;
	width: 280px;
	clear: right;
	margin:0;padding:0;
}

#accountsteps h2 {
	font: 16px Arial, Helvetica, sans-serif;
	padding: 23px 10px;
	float: left;
	margin:0;
}

.selected_step {
	color: #fff;
}

.step_textvalue {
	float: right;
	color: #666;
	padding: 23px 10px;
	font: .8em "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

.step_imgvalue {
	float: right;
	padding: 10px 10px;
}

#step1 {
	background: url(../g/stepstop.gif) no-repeat ;
	border-bottom: 1px solid #cacaca;
}

#step1s {
	background: url(../g/stepstop_sel.gif) no-repeat ;
	border-bottom: 1px solid #cacaca;
}

#step2 {
	background: url(../g/stepsmid.gif) no-repeat ;
	border-bottom: 1px solid #cacaca;
}


#step2s {
	background: url(../g/stepsmid_sel.gif) no-repeat ;
	border-bottom: 1px solid #cacaca;
}
#step3 {
	background: url(../g/stepsmid.gif) no-repeat ;
	border-bottom: 1px solid #cacaca;
}
#step3s {
	background: url(../g/stepsmid_sel.gif) no-repeat ;
	border-bottom: 1px solid #cacaca;
}
#step4a {
	background: url(../g/stepsmid.gif) no-repeat ;
	border-bottom: 1px solid #cacaca;
}
#step4as {
	background: url(../g/stepsmid_sel.gif) no-repeat ;
	border-bottom: 1px solid #cacaca;
}
#step4 {
	background: url(../g/stepsbutt.gif) no-repeat ;
}

#step4s {
	background: url(../g/stepsbutt_sel.gif) no-repeat ;
}
#step5 {
	background: url(../g/stepsbutt.gif) no-repeat ;
}

#step5s {
	background: url(../g/stepsbutt_sel.gif) no-repeat ;
}

#nextbutt a {
	background: url(../g/nextbutt.gif) no-repeat;
	width:116px;
	height: 47px;
	display: block;
	text-indent: -5000px;
	border-bottom: none;
}

#donorlogos {
	float:right;
	text-align:center;
	width: 200px;
}

#donorlogos img {
	padding-bottom: 30px;
}

#login_instructions {display: none;}

.contact {width:350px;}
.contact li {background-image:none !important;margin-bottom:1.12em;}
.contact li input {padding:4px;}
.contact li label {width:150px;float:left;}
.contact li #mailer_reply_yes {clear:right;}
.contact li.yesno label {width:auto;float:none;}
.contact li textarea {width:320px;clear:both !important;background:#B3E4FD;border:none;padding:4px;color:#4872B0;
font-family:"Trebuchet MS",Georgia,"Times New Roman",Times,serif;
font-size:10px;}
.contact li.submit input {float:right;padding:3px;border:solid #4872B0;border-width:0 2px 2px 0;margin-right:10px;}

#mailer_reply_yes, #mailer_reply_no {background:none !important;}