/*	albir-screen.css	Style sheet for Web pages
	Begun 08/02/09
*/

*	{
	margin:		0;
	padding:	0;
}

body, table	{
	font-family:	Tahoma, Geneva, sans-serif;
	font-size:		0.8em;
	padding-bottom:	20px
}

.central	{
	text-align:	center
}

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

.distinct	{
	margin-bottom:	12px
}

.final	{
	float:	right
}

.focus-group	{
	margin-left:	283px
}

.inset	{
	float:	left
}

.new-row	{
	clear:	both
}

/*	divisions	*/

div#acknowledgement	{
	margin-top:		15px;
	margin-bottom:	60px
}

div#badge	{
	width:			125px;
	margin:			26px 0 0 62px;
	padding:		2px 0 4px;
	border-top:		1px solid;
	border-bottom:	1px solid;
	text-align:		center
}

div#body-copy	{
	margin-top:		10px;
	margin-bottom:	60px
}

#body-copy p, .paired p, .pairing p	{
	padding-bottom:	8px
}

div#cmap	{
	width:		592px;
	height:		400px;
	margin-top:	15px;
	padding:	1px;
	border:		1px solid
}

div#contact-details	{
	margin:	10px 0 35px
}
#contact-details form	{
	padding-top:	12px
}

div#container	{
	width:		958px;
	border:		1px solid;
	margin:		auto	
}

div#directions	{
	width:	385px;
	margin:	10px 0 30px 30px
}

#directions p	{
	text-indent:	-30px
}

div#expo1	{
	margin-bottom:	25px;
	padding:		10px;
	border:			1px solid
}

div#expo2 ul	{
	margin-bottom:	10px
}

div#location	{
	padding:		4px 0;
	border-top:		1px solid;
	border-bottom:	1px solid
}

div#main	{
/*	background:	url( media/960grid_3.png );	*/
	margin:	0 10px 10px
}

div#masthead	{
	padding:		10px 10px 27px;
	border-bottom:	1px solid;
	font-family:	Arial, Helvetica, sans-serif
}

div#navbar	{
	margin-top:		12px;
	margin-right:	50px;
	float:			right
}

#navbar ul	{
	list-style:	none
}

#navbar li	{
	display:	inline
}

#navbar li#here, #navbar li a	{
	display:		block;
	float:			left;
	width:			99px;
	height:			22px;
	background:		url( media/states.png ) no-repeat;
	color:			#e7bc39;
	padding-top:	6px;
	text-align:		center
}

#navbar li#here	{
	text-transform:	uppercase;
}

#navbar li a:link, #navbar li a:visited	{
	text-decoration:	none
}

#navbar li#here, #navbar li a:hover	{
	background:	url( media/states.png ) 0 -30px
}

div.one	{
	width:		250px;
	margin:		15px 10px
}

.one p.distinct	{
	text-align:	justify
}

div.two	{
	width:	385px;
	margin:	10px 10px 15px 13px
}

div.three	{
	width:	215px;
	margin:	10px 0 15px 700px
}

.three h3	{
	padding:	6px 10px 4px
}

.three h4	{
	padding:	3px 10px 2px
}

.three p	{
	padding:	0 10px 4px 20px
}

.three p.caption	{
	padding:	2px 5px 7px 10px
}

div.paired	{
	width:			310px;
	padding-top:	15px;
	margin-left:	615px
}

div.pairing	{
	width:			310px;
	margin-top:		15px;
	margin-left:	13px;
	text-align:		justify
}

div.row-a	{
	min-height:	279px
}

div#steps	{
	width:			310px;
	margin-top:		10px;
	margin-bottom:	30px;
	padding-top:	5px
}

/*	images	*/

img	{
	border:	0
}

div.three img#major	{
	position:		relative;
	margin-left:	-9px;
	border:			1px solid
}

img.icon	{
	vertical-align:	bottom
}

img.inset	{
	margin-top:		4px;
	margin-right:	10px
}

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

/*	elements	*/

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

a:hover	{
	text-decoration:	underline
}

h1	{
	font-size:	300%
}

h2	{
	font-size:	200%
}

h2#fixer	{
	margin-top:	-12px
}

h2#page-title	{
	margin-top:	25px
}

h3	{
	font-size:	125%
}

h3.intro	{
	clear:		both;
	float:		left;
	width:		250px;
	margin-top:	10px;
	padding:	2px 1px 2px 0;
	text-align:	right
}

h3.leader	{
	padding-bottom:	2px
}

h4	{
	font-size:	100%;
	padding:	2px 0
}

h4.instructions, h4.identity	{
	text-align:	right
}

h4.solo	{
	padding-bottom:	5px
}

ol.inner	{
	margin-left:	24px
}

ol#terms	{
	width:			385px;
	margin-top:		15px;
	margin-bottom:	30px;
	padding-left:	20px
}

#terms li	{
	padding-bottom:	5px
}

p.bookend	{
	width:			310px;
	padding-top:	20px;
	padding-bottom:	10px
}

p.button	{
	margin-top:	8px
}

p.caption	{
	font-size:	90%
}

p#disclaimer	{
	margin:	5px 10px 0 0
}

p.formal	{
	padding-top:	5px
}

p.linking	{
	padding-bottom:	20px
}

p#links	{
	margin-bottom:	8px
}

p.next-step	{
	margin:			5px 0 5px 30px;
	text-indent:	-30px
}

p.response	{
	padding-top:	13px;
	font-size:		125%
}

p.step	{
	margin-top:	10px
}

p.sub	{
	margin-top:	15px;
	font-size:	90%
}

span.am-pm	{
	font-size:	80%
}

span.small-caps	{
	font-size:	66%
}

td, th	{
	font-size:	120%;
	padding:	2px 4px
}

table#tests th	{
	text-align:	left
}

ul.inner	{
	margin-left:		20px;
	list-style-image:	url( media/albir-bullet.gif )
}

/*	colours	*/

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

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

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

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

body	{
	background:	#cff url( media/gradient-c.png ) repeat-x fixed
}

div#badge	{
	background-color:	inherit;
	border-color:		#e7bc39;
	color:				#666
}

div#contact-details, div#temp	{
	background:	url( media/stethoscope.jpg ) 90% 0% no-repeat
}

div#container	{
	background-color:	white
}

div#main	{
	background-color:	#f8ebc6;	/* sand */
	color:				#333	/* a dark grey */
}

div#masthead	{
	background-color:	#003;	/* a blue black */
	border-color:		#9cc;	/* a shiny pale blue */
	color:				#e7bc39	/* gold */
}

div#navbar li a	{
	color:	#e7bc39
}

#navbar li#here, #navbar li a:hover	{
	color:	#ffd03f
}

div#expo1, div.row-a, span.highlight	{
	background-color:	#ff9
}

div.row-b	{
	background-color:	#ffc
}

div.three, h3.intro	{
	background-color:	#003;
	color:				#e7bc39
}

p.caption	{
	background-color:	inherit;
	color:				#666
}

.three p.caption	{
	background-color:	inherit;
	color:				#aaa
}

h3.leader, h3#sub-title, h4.lead-in	{
	background-color:	inherit;
	color:				#666
}

img.photo, div#cmap, div#location	{
	border-color:	#e7bc39
}

/*	EOF	*/