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


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

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	font-size: 70%;
}

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

body, a {
	color: #000;
}

body { }

/* =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;
}*/

/* =GENERIC OUTPUT CLASSES ********************************************************************/

.error 		{ }

.notice		{ }

.message 	{ }

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

#content { }

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

/* =H1 IMAGE REPLACEMENT **********************************************************************/
/* must reference replace! make sure calling class using class="replace content" */

#content-container h1 {
	padding: 28px 0 0 0;
	height /**/:28px;
}

#h1-home 					{ background-image: url(../i/layout/h1-welcome.gif) }

/* =NAV IMAGE REPLACEMENT **********************************************************************/

.nav-replace {
	padding-top: 15px;
}

.nav-replace li {
	padding-bottom: 4px;
}

.nav-replace li a {
	padding: 21px 0 0 0;
	height /**/:21px;
}

#nav-home a 				{ background-image: url(../i/layout/nav-home.gif) }
#nav-home a:hover 		{ background-image: url(../i/layout/nav-home-f2.gif) }

/*h1{
	border-bottom: 1px solid #116;
}*/

#content h1 {
	color: #996699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	letter-spacing: -1px;
	margin: 0 0 5px -1px;
}

#content h2 {
	text-transform: uppercase;
}

#content img {
	float: right;
	margin: 4px 0 4px 4px;
	border: 1px solid #ccc;
}

div#content img.left {
	float: left;
	margin: 4px 4px 4px 0;
}

#content dd {
	padding-left: 21px;/*
	background: Aqua;*/
}

#content dt a {
	padding-left: 21px;
	color: #000;
}

#content dt a:hover {
	padding-left: 21px;
	color: #d33;
}

.events #content dt a { background: url(../i/layout/icon-event-2.gif) 5px 2px no-repeat; }
.events #content dt a:hover { background: url(../i/layout/icon-event.gif) 5px 2px no-repeat; }

.news #content dt a { background: url(../i/layout/icon-news-2.gif) 5px 2px no-repeat; }
.news #content dt a:hover { background: url(../i/layout/icon-news.gif) 5px 2px no-repeat; }

.event-detail #content h2 a {
	padding-left: 15px;
	background: url(../i/layout/icon-event-2.gif) 0px 2px no-repeat;
}

.event-detail #content h2 a:hover {
	background: url(../i/layout/icon-event.gif) 0px 2px no-repeat;
	color: #d33;
}

.news-detail #content h2 a {
	padding-left: 15px;
	background: url(../i/layout/icon-news-2.gif) 0px 2px no-repeat;
}

.news-detail #content h2 a:hover {
	background: url(../i/layout/icon-news.gif) 0px 2px no-repeat;
	color: #d33;
}


#content {
	text-align: justify;
}

#latest-news h1, #latest-event h1 {
	margin-bottom: 5px;
}

#latest-event img {
	padding-bottom: 5px;
}

/* THUMB GALLERY CSS */

/*div.thumb-container {
	 Set thumb gallery container width and background colour 
	width: 100%;
}

div.thumb {
	float: left;
	width: 135px;
	margin: .5em .5em;
}

div.thumb p {
	margin: 5px; padding:0;
	text-align: center;
}

div.thumb-container h1, div.thumb-container h2 {
	clear: both;
	display: block;
}

div.thumb-img {
	text-align: center;
	display: block;
	margin: 5px;
}

div.thumb-img a {
	margin-top: 14px;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	margin: 0 auto;
	border: solid;
}

div.thumb p {
	background: #ddd;
}

.photo-gallery #content div.thumb-img img {
	border: 1px solid #f00;
	border: 0;
	margin: 0 -1px -1px 1px;
	text-align: center;
	padding: 5px auto;
	clear: both;
}

 FULLSIZE IMAGES CSS 

div.full-container {
	 setup widths and heights of container div if required
}

div.full-img {
	text-align: center;
}

div.full-img img {
	border: 0;
	margin-top: 14px;
*/

.highlight {
	font-weight: bold;
	text-transform: uppercase;
	color: #996699;
}

div#content div.membership-profile img {
	float: left;
	clear: both;
	margin-right: 6px;
	background: #fff;
}

div#content div.membership-profile {
	clear: both;
}

div#content div.membership-profile h2 {
	margin-bottom: 0;
	padding-top: 4px;
	border-bottom: 1px solid #ddd; 
}