/*	afpo-screen.css	Style sheet for Web pages
	Begun 12/10/09
*/

*	{
	margin:		0;
	padding:	0;
}

body	{
	background:		url( media/eosunderstate9a.gif );
	font-family:	Verdana, Geneva, sans-serif;
	font-size:		0.8em
}

.central	{
	text-align:	center
}

.column	{
	float:		left;
	margin:		0 20px 0 0
}

.final	{
	padding-bottom:	8px
}

.inset	{
	float:	left
}

.new-row	{
	clear:	both
}

.outset	{
	float:	right
}

/*	divisions	*/

div#advice ol, div#advice ul, div#faqs ol	{
	padding-left:	24px
}

div.body-copy	{
	width:			455px;
	margin-left:	210px;
	padding-bottom:	10px
}

.body-copy p	{
	padding-bottom: 8px
}

p.invite	{
	padding-bottom:	8px
}

div#location p.central	{
	margin-top:		16px;
	padding:		4px 0;
	border-top:		1px dashed;
	border-bottom:	1px dashed
}

div#main	{
	width:		944px;
	margin:		auto;
	padding:	8px
}

div.outset	{
	padding-right:	5px
}

div#paypal-button	{
	padding:	16px 0 16px 120px
}

div.sidebar	{
	width:		230px;
	padding:	5px 15px;
	border:		1px solid;
	float:		right
}

.sidebar h4	{
	padding-bottom:	4px
}

.sidebar p	{
	padding-bottom:	6px
}

/*	images	*/

img	{
	border:	0
}

img.pic	{
	padding:	1px;
	border:		1px solid
}

/*	forms	*/

div.row	{
	margin:	16px 0;
	clear:	both
}

.row label	{
	float:		left;
	width:		142px;
	text-align:	right
}

.row input, .row select, .row textarea	{
	margin-left:	8px
}

fieldset	{
	margin:	12px 0 24px
}

p.caller	{
	margin-left:	150px
}

p.memo	{
	margin:	10px 10px 10px 150px
}

/*	elements	*/

a:link, a:visited	{
	text-decoration:	none
}

a:hover	{
	text-decoration:	underline
}

dd	{
	text-indent:	2em
}

dt	{
	margin-top:		4px;
	font-weight:	bold
}

h1	{
	font-size:		120%;
	padding:		2px 0;
	border-top:		1px solid
}

h3	{
	margin:		8px 0 2px;
	font-size:	100%
}

h4	{
	margin-top:	4px;
	font-size:	100%
}

h4.intro	{
	float:		left;
	width:		142px;
	text-align:	right
}

hr.divider	{
	height:			8px;
	clear:			both;
	margin-bottom:	16px
}

ol.extensive	{
	padding-left:		32px;
	list-style-type:	lower-roman
}

p.details	{
	margin:			0 0 8px 150px;
	padding-top:	4px
}

p.invite	{
	margin:		16px 0;
	padding:	4px 8px;
	border:		1px solid
}

p.leader	{
	margin-bottom:	0
}

p.sub	{
	padding:	16px 0;
	font-size:	90%
}

span.date	{
	font-weight:	bold
}

ul#contents	{
	list-style-image:	url( media/afpo-bullet.gif );
	padding-bottom:		4px
}

#contents li	{
	padding-bottom:	4px
}

ul#navbar	{
	list-style:	none;
	border:		2px outset
}

#navbar li#here, #navbar li a	{
	padding:	4px 8px 6px;
	border-top:	1px solid white
}

#navbar li a	{
	display:	block
}

#navbar li a:hover	{
	text-decoration:	none
}

/*	colours	*/

a:link	{
	background-color:	inherit;
	color:				blue
}

a:visited	{
	background-color:	inherit;
	color:				#336
}

a:hover	{
	background-color:	inherit;
	color:				blue
}

a:active	{
	background-color:	inherit;
	color:				red
}

div#location	{
	border-color:	#af6f00	/* see below */
}

div#main	{
	background:	url( media/afpo3c.gif );
	color:		black
}

div.sidebar, p.invite	{
	background-color:	#eef2d5;	/* a pale green */
	border-color:		#f26c4f	/* orange in icons and bullets */
}

fieldset legend	{
	background-color:	inherit;
	color:				blue
}

hr.divider	{
	background-color:	#af6f00;	/* a brown */
	color:				#af6f00
}

img.pic	{
	border-color:	#f26c4f
}

p.sub	{
	background-color:	inherit;
	color:				white
}

p.sub a:link, p.sub a:visited	{
	color:				#ccf	/* a very pale blue */
}

p.warning	{
	background-color:	inherit;
	color:				red
}

ul#navbar a	{
	background-color:	#09f;
	color:				white
}

ul#navbar li#here, ul#navbar li a:hover	{
	background-color:	#336;
	color:				white
}

/*	EOF	*/