/* Three Faiths Forum Shared Futures CSS
------------------------------------------------------------*/




@charset "utf-8";



/* Link colours
------------------------------------------------------------*/

a:link {color: #0080FF; text-decoration: none; }
a:visited {color: #0080FF; text-decoration: none; }
a:hover {color: #FF8000; text-decoration: underline; }
a:active {
	color: #000;
	text-decoration: underline;
} 



/* Defining @font-face
------------------------------------------------------------*/


@font-face {	
	font-family: 'VegurRegular';
	src: url('./font/Vegur-R_0500.eot');
	src: local('Vegur'),
	local('Vegur-Regular'),
	url('./font/Vegur-R_0500.woff') format('woff'),
	url('./font/Vegur-R_0500.ttf') format('truetype'),
	url('./font/Vegur-R_0500.svg#Vegur-Regular') format('svg');
	}



/* Eric Meyer's Global Reset
------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/* Setting basic fonts and colours
------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, .t1, .t2 {
  /* fixed for Non-PCs without Photoshop CS2+ */
  font-family: Arial, sans-serif;
  font-weight: bold;
}

h1 { font-size: 30px; line-height: 1; margin: 0; color: #000000; text-align: left; }
h2 { font-size: 24px; line-height: 1; margin: 0 0 20px 0; color: #0080FF; text-align: left; }
h3 { font-size: 19px; line-height: 1; margin: 0 0 20px 0; color: #FF8000; text-align: left; }
h4 { font-size: 17px; margin: 0; }
h5 { font-size: 18px; margin: 0; color: #888; font-style:italic; }
h6 { font-size: 19px; margin: 0; color: #000000; }

h1 a, h2 a, h1 a:link, h2 a:link, h1 a:visited, h2 a:visited { color: #000000; text-decoration:none; }
h1 a:active, h2 a:active, h1 a:focus, h2 a:focus, h1 a:hover, h2 a:hover { color: #669900; text-decoration:none; }

h6 a, h6 a:link, h6 a:visited { color: #000000; text-decoration:none; }
h6 a:active, h6 a:focus, h6 a:hover { color: #FF8000; text-decoration:none; }



hr { border:0; color:#CCC; background-color:#CCC; height:1px; width:100%; margin: 0 0 20px 0; }
input { vertical-align: middle; }
ins { color: #006400; text-decoration: none; }
small { font-size: 0.8em; }
strong { font-weight: 550; }
sub, sup { font-size: 0.7em; }

.pagewidth { width: 880px; }
.cellw { width: 20px; }
.cellh { height: 20px; }
.tableline { background-color: #CCC; width: 1px; height: 1px; }
.tabletopleft, .tableline { text-align:left; vertical-align:top; }
.tablemiddleleft { text-align:left; vertical-align:middle; }



.img_l {margin: 4px 10px 0 0}
.img_r {margin: 4px 0 0 10px}
.img_c {margin: 0 0 0 0}
.img_cs {margin: 0 0 20px 0}



.t1 { font-size: 34px; line-height: 1; margin: 0; color: #000000; text-align: left; }
.t2 { font-size: 28px; line-height: 1; margin: 0 0 20px 0; color: #0080FF; text-align: left; }


/* Getting specific
------------------------------------------------------------*/

.quote1, .quote3, .bigtext, .sidetext, .sidetext2 {
  /* fixed for Non-PCs without Photoshop CS2+ */
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.quote1 { font-size: 13px; line-height: 26px; color: #FFF; background-color: #0080FF; padding: 10px 20px 10px 20px; margin: 0 0 20px 0;  }
.quote3.quote3 { font-size: 14px; line-height: 26px; color: #FFF; background-color:#FFE090; padding: 10px 20px 10px 20px; margin: 0 0 0 0;  }
.bigtext { font-size: 16px; line-height: 20px; margin: 0; color: #000; }
.sidetext { font-size: 14px; line-height: 20px; margin: 0 0 20px 0; color: #000000; text-align: center; }
.sidetext2 { font-size: 14px; line-height: 20px; margin: 0 0 5px 0; color: #000000; text-align: center; }

.quote1 a, .quote1 a:link, .quote1 a:visited { color: #FFF; text-decoration: none; }
.quote1 a:active, .quote1 a:focus, .quote1 a:hover { color: #FFF; text-decoration: underline; }
.quote3 a, .quote3 a:link, .quote3 a:visited { color: #000; text-decoration: none; }
.quote3 a:active, .quote3 a:focus, .quote3 a:hover { color: #000; text-decoration: underline; }




.mainbody, .smalltext, .largetext, .greytext, .greytext_r, .copyright, .quote2 {
	font-family: Atial, sans-serif;
	font-size: 13px;
	line-height: 20px;
}
.mainbody {	color: #000; text-align: justify; margin: 0 0 20px 0; }
.copyright { color: #999; }
.greytext { color: #999; }
.greytext_r { color: #999; text-align:right; }
.copyright { height: 40px; text-align:center; vertical-align: middle; }
.quote2 { color:#000; background-color:#FFE090; padding: 10px 20px 10px 20px; margin: 0 0 20px 0; text-align:justify; }







ul.mainbody {
	margin: 0;
	padding: 0;
	display:inline;
}
li.mainbody {
	list-style: disc;
	line-height: 18px;
	margin: 0 0 20px 40px;
	padding: 0 0 0 15px;
}






/* Java quotator classes
------------------------------------------------------------*/


/* Longer font list, for future reference:   font-family: 'VegurRegular', Vegur, "HelveticaNeue-Light", "Helvetica Neue Light", "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif; 
*/