/*===========================================================================================*
 * SITE SPECIFIC FAC STYLES                                                                  *
 * Applies Fonts, colours and general formatting styles to the web page. No layout!          *
 * Optix Solutions Ltd / Tom Harman 2005                                                     *
 *===========================================================================================*/


/* =FONTS ************************************************************************************/ 

body {
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
}

/* =COLOURS **********************************************************************************/

body, a {
	color: #000;
}

a {
	color: #066;
	text-decoration: underline;
}

a:hover {
	color: #066;
}

body {
	background: #fff url(../i/layout/bg-header.gif) top repeat-x;
}

/* =FORMS *************************************************************************************/

form 														{ width: 100% }
fieldset div input, fieldset div textarea  	{ width: 48% }
label, div.fm-multi label 							{ width: 46% }
div.padOut 												{ margin-left: 50.5% }

/* button colours */	

#fm-submit input {
	border: 1px solid #666;
	padding: 2px 1em;
	background: #BD9A3A;
	color: #fff;
	width: auto;
	font-weight: bold;
}

input, textarea, select {
	color: #555;
}

/* =CONTENT ***********************************************************************************/

#content {
	
}

#content ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

h1 {
	font-size: 140%;
}

dd {
	margin:0;
}

dt {
	margin-top: 1em;
}

/* Sub styles for pages with hexagons on the right */

div.sub li {
	list-style-type: none;
	padding-top: 8px;
	padding-bottom: 40px;
	display: block;
}

div.sub ul {
	display: block;
	list-style-type: none;
	padding-top:10px;
}

div.sub ul li a {
	padding-top: 10px;
	padding-bottom: 12px;
	/*margin-right: 46px;*/
	padding-right: 46px;
	color: #000;
	text-decoration: none;
	background: url(../i/layout/bullet-1.gif) right top no-repeat;
}

div.sub ul li a:hover {	
	color: #066;
	text-decoration: underline;
	background: url(../i/layout/bullet-2.gif) right top no-repeat;
}

/*li.sub1 {
	background: url(../i/layout/bullet-1.gif) right top no-repeat;
}

li.sub2 {
	background: url(../i/layout/bullet-2.gif) right top no-repeat;
}*/