/* CSS Document for BBA main site*/

body
{
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-family: verdana;
	background: #C9A9D6;
}

a:link {color: #6A317A}		/* unvisited */
a:visited {color: #6A317A}	/* visited */
a:hover {color: #000000}	/* mouse over */
a:active {color: #6A317A}	/* selected */

a#button
{
	text-decoration: none;
}

a.bba_button
{
	border-width: 1px;
	background-color: #C9A9D6;
	color: black;
	border-color: #1C0B80;
	padding: 3px;
	text-decoration: none;
}

a.bba_button:link
{
	border-style: outset;
}

a.bba_button:visited
{
	border-style: solid;
}

a.bba_button:hover
{
	border-style: inset;
}

a.bba_button:active
{
	border-style: solid;
}

.q_a
{
	float: left;
	text-align: right;
	width: 2%;
	margin: 1em 0.5em 0em 0em;
}

.q_a_content
{
	float: left;
	width: 96%;
	margin: 1em 0.5em 0em 0em
}

.q_a_top
{
	margin: 0em 0em 0em 1.5em;
}

#one_em
{
	margin: 1em;
}

#five_px
{
	margin: 5px;
}

h1
{
	position: relative;
	font-family: "verdana";
	font-size: 3em;
	font-weight: normal;
	margin: 0.4em;
	color: #E7D6EB;
}

.blue
{
	color: #1C0B80;
}

h2
{
	font-size: 1.2em;
	padding: 0em 0em 1em;
	margin: 0em;
}

h3
{
	font-size: 1.1em;
	padding: 0em 0em 0em;
	margin: 0em;
}

h6
{
	margin: 1em 0 1em 0;
	padding: 0;
}

img
{
	padding: 0em 0em 2em;
}

img#rec
{
	float: right;
	margin: 0em 1.8em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
	width: 80px;
}

#rec_text
{
	font-size: 10px;
	text-align: right;
	margin: 0 38px 0 0;
}

img#agepos, img#data_protection
{
	float: right;
	margin: 1em 1.8em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
}

img#helen
{
	border-color: #C9A9D6;
	border-style: groove;
	padding: 0em 0em 0em 0em;
}

#helenpic
{
	width: 127px;
	float: left;
	text-align: center;
	margin: 1em 1.2em 0em 0em;
}

ul
{
	line-height: 150%;
}

li
{
	margin: 0.8em 0em 0em 0em;
}

li.faq_answer
{
	list-style-type: upper-alpha;
	list-style-position: outside;
	margin: 1.8em 0em 0em 0.8em;
}

ul.faq_indented_bullets
{
	list-style-position: outside;
}

ul.faq_indented_bullets li
{
	list-style-type: disc;
	margin: 0.8em 0em 0em 0.3em;
}

ul#list_menu
{
	list-style-type: none;
	line-height: 150%;
	margin: 0.2em;
	padding: 0em;
}

ul#list_menu a
{
	display: block;
	color: #000000;
	width: 86%;
	padding: 0em 1em 0em 0em;
	text-decoration: none;
	text-align: right;
	background-color: #C9A9D6;
}

ul#list_menu a#current_page
{
	display: block;
	padding: 0em 1em 0em 0em;
	background-color: #E7D6EB;
}

ul#list_menu a:hover
{
	display: block;
	padding: 0em 1em 0em 0em;
	background-color: #D8BEE1;
}

ul#list_menu li
{
	margin: 0em 0em 0.8em 0em;
}

#horiz_menu_container
{
	position: absolute;
	right: 0em;
}

ul#horiz_menu
{
	margin: 0em 1em;
	display: inline;
	list-style: none;
}

ul#horiz_menu li
{
	display: inline;
	margin: 0;
}

ul#horiz_menu li a
{
	text-decoration: none;
}

img#logo
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 10em;
	padding: 0.5em 0em 0em 0.5em;
	background-color: #C9A9D6;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	border-style: none;
	z-index: 1;
}

#banner
{
	position: relative;
	top: 0%;
	padding: 0.4em 0em 0.1em 0em;
	margin: 0em 0em 0em 12em;
	text-align: right;
	background-color: transparent;
}

#transparent_spacer
{
	padding: 5em 0em 0em 0em;
	background-color: transparent;
}

#stripe_dark
{
	position: relative;
	font-size: .4em;
	height: 1em;
	background-color: #1C0B80;
	width: 100%;
}

#stripe_light
{
	position: relative;
	font-size: .4em;
	height: 1em;
	background-color: #E7D6EB;
	width: 100%;
}

#stripe_background
{
	font-size: .4em;
	height: 1em;
	background-color: #C9A9D6;
	width: 100%;
}

#stripe_bottom
{
	float: left;
	font-size: 0.4em;
	height: 1em;
	background-color: #C9A9D6;
	width: 100%;
}

#bottom_curve
{
	float: left;
	width: 100%;
	height: 16px;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	background-image: url(images/cornercurve_bottom_16.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#column_left
{
	position: absolute;
	left: 0%;
	width: 17%;
	padding: 6em 0em 2em 0em;
}

#column_main
{
	padding: 0em;
	margin: 0em;
	position: absolute;
	left: 17%;
	width: 83%;
	background-color: #E7D6EB;
	background-image: url(images/cornercurve_top_16.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#content_left
{
	position: relative;
	top: 0em; 
}

#content_centre
{
	position: relative;
	padding: 2em 0em 0em 2em;
	margin: 0em;
}

#single_column
{
	float: left;
	width: 95%;
	padding: 0em 1em 0em 1em;
	border-left: solid 2px #C9A9D6;
}

#single_column ul
{
	margin: -1em 0em 0em 1em;
	padding: 0em 0em 0em 0em;
}

.centre_column
{
	float: left;
	width: 33%;
	padding: 0em 1em 0em 1em;
	margin: 0em;
	border-left: solid 2px #C9A9D6;
}

#centre_column ul
{
	margin: 1em 0em 0em 1em;
	padding: 0em;
}