/* -------------------------------------------------------------------------------- */
/*																					*/
/*		Pope Benedict XVI in Britain	  Generic Styles Screen Stylesheet			*/
/*																					*/
/*		date:      15/02/10															*/
/*		author:    [Ash Bryant]										*/	
/*		email:     [ c9dd DOT com]											*/	
/*		website:   [http://www.c9dd.com/]											*/	
/*																					*/
/*																					*/
/*		Colours used:	#F5F5F5	 -  Light Grey	 	- Main Background 				*/
/*						#FFF	 -  White		 	- Main Content Background 		*/
/*						#FFC90A  -  Yellow		 	- Header Background 			*/
/*						#000	 -  Black			- Nav & Headings				*/
/*						#D5A70A	 -	Yellow/Mustard	- Sub Headings					*/
/*						#606060  -  Dark Grey		- Body Text						*/
/*						#802226  -  Red				- Some Links 					*/
/*						#802226  -  Light Grey		- Footer Background				*/
/*																					*/
/* -------------------------------------------------------------------------------- */


/* ------------------------------------------------------- DEVELOPMENT STYLES START */

* { /* Removes default padding and margin on all elements */
    margin: 0;
    padding: 0;
    border: 0;
}

a {
	outline: none;
	cursor: pointer;
}

div.attribute-long ul {
margin: 10px;
}
div.attribute-long  ul li {
margin:5px;

}
.spamfilter{
display: none;}

.devBorder { /* Development Border so I can see what the elements are playing at when I need to */
	border: 1px solid #FF0000;
}

.whiteBG {
	background-color: #FFF;
}

/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/line.png'); /* PNG FIX FOR IE 6 */

/* <a href="images/styles/style_002a.jpg" rel="lightbox[]">Help</a> */


/* These styles will soon point out any invalid/bad code that may have slipped in when you weren't looking. Naughty! */ 
/*
img {outline: 5px solid red;}
img[alt][title] {outline-width: 0;}
img[alt] {outline-color: fuchsia;}
img[alt], img[title] {outline-style: double;}
img[alt=""][title], img[alt][title=""] {outline-width: 3px;}
img[alt=""][title=""] {outline-style: dotted;}

a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}

/*  this will show up the structure.

div { border: solid 2px red; }
div div { border-color: orange; }
div div div { border-color: yellow; }
div div div div { border-color: green; }
div div div div div { border-color: aqua; }
div div div div div div { border-color: navy; }
div div div div div div div { border-color: purple; }
*/



/* --------------------------------------------------- || DEVELOPMENT STYLES END || */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	}
h1 {
	float: left;
	color: #000;
	font-family: Georgia, "Times New Roman", Times;
	font-size: 2.5em;
	line-height: 1.2em; 
	padding-bottom: 0.6em;
}

h2 {
	float: left;
	color: #000;
	font-family: Georgia, "Times New Roman", Times;
	font-size: 2em;
	line-height: 1.8em; 
}


h3, h4, h5{
	width: 100%;
}


h3 {
	float: left;
	color: #000;
	font-family: Georgia, "Times New Roman", Times;
	font-size: 1.5em;
	line-height: 1.5em; 
}

h4 {
	float: left;
	color: #000;
	font-family: Georgia, "Times New Roman", Times;
	font-size: 1em;
	line-height: 1.2em; 
}

h5 {
}

h6 {
}
/* ----------------------------------------------------------- FORM STYLES START */

fieldset {
	padding: 1em;
	border:1px solid #E3E3E3;
	}
	
	legend {
		color:#D5A70A;
		font-size: 1em;
		line-height: 1.8em;
		padding: 0 1em;
		text-transform: uppercase;
		}


form input[type="text"],
form input[type="password"],
form input[type="file"],
form textarea {
	padding: 0.2em;
	background: #E3E3E3;
	border: none;
	margin: 0.2em;
	}			

	form input.button {
		color: #fff;
		margin-right: 0;
		font-size: 0.9em;
		text-transform: uppercase;
		background-color: #696969 !important;
		cursor: pointer !important;
		-moz-border-radius: 0.3em;
		-webkit-border-radius: 0.3em;
		
		padding: 0.2em 0.4em;
		}	
		
		form input.button:hover {
			color: #696969 !important;
			background-color: #FFC90A !important;
			}	

/* ----------------------------------------------------------- FORM STYLES FINISH */

/* ----------------------------------------------------------- COLOURS STYLES START */

.white {
	color: #FFF;
}


.Burgundy {
	color: #8F0407;
}

.opaque {
	background: transparent url(../images/transparent_bg.gif) repeat top left;
	/*opacity: .9;
	filter: alpha(opacity=90); /*IE ONLY*/
}

html>body div.opaque {
	background: transparent url(../images/transparent_bg.png) repeat top left; 
}

.notopaque {
	opacity: 1;
	filter: alpha(opacity=100); /*IE ONLY*/
}

/* ------------------------------------------------------- || COLOURS STYLES END || */




/* ----------------------------------------------------------- MARGINS STYLES START */

.margin1 {
	margin: 1em;
}

.marginTop1{
	margin-top: 1em;
}

.marginRight1 {
	margin-right: 1em;
}

.marginBottom1 {
	margin-bottom: 1em;
}

.marginLeft1 {
	margin-left: 1em;
}

.marginTopBottom2 {
	margin: 2em 0 ;
}

.margin2 {
	margin: 2em;
}

.marginTop2{
	margin-top: 2em;
}

.marginRight2 {
	margin-right: 2em;
}

.marginBottom2 {
	margin-bottom: 2em;
}

.marginLeft2 {
	margin-left: 2em;
}

/* ------------------------------------------------------- || MARGINS STYLES END || */




/* -------------------------------------------------------------- TEXT STYLES START */

html { overflow: -moz-scrollbars-vertical !important; } /* STOP THE PAGE JUMPING AROUND IN FIREFOX (I know I hate using !important, but in this case its for the greater good) */

h1 {
	font-weight: normal;
}

.normal {
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.small {
	font-size: 1em;
}

.underline {
	text-decoration: underline;
}

/* ---------------------------------------------------------- || TEXT STYLES END || */



/* ----------------------------------------------------- OTHER GENERIC STYLES START */


.border {
	border: 1px solid #91A9B0;
} 

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clearBoth {
    clear: both;
}

.clearNone {
	clear: none;
}

.floatRight {
    float: right;
	display: inline; /* IE fix */
}

.floatLeft {
    float: left;
	display: inline; /* IE fix */
}

.hidden {
	visibility: hidden;
}

.displayNone {
	display: none;
}


/* ------------------------------------------------- || OTHER GENERIC STYLES END || */



/* -------------------------------------------------------------- GRID STYLES START */

.zone {
	/*padding: 1em;*/
	}

/*
	#zone-one,
	#zone-two,
	#zone-three,
	#zone-four {
		float: left;
		width: 18em;
		margin: 1.2em;
		}
*/	
	/*	
	#zone-one.one-wide,
	#zone-two.one-wide,
	#zone-three.one-wide,
	#zone-four.one-wide {
		float: left;
		width: 20em;
		margin: 1.2em;
		}
		
	#zone-one.two-wide,
	#zone-two.two-wide,
	#zone-three.two-wide,
	#zone-four.two-wide {
		float: left;
		width: 42.4em;
		margin: 1.2em;
		}
		
	#zone-one.three-wide,
	#zone-two.three-wide,
	#zone-three.three-wide,
	#zone-four.three-wide {
		float: left;
		width: 64.8em;
		margin: 1.2em;
		}
		
	#zone-one.four-wide {
		float: left;
		width: 87.2em;
		margin: 1.2em;
		}
	*/


	#zone-one.one-wide,
	#zone-two.one-wide,
	#zone-three.one-wide,
	#zone-four.one-wide {
		float: left;
		width: 22.4em;
		}
		
	#zone-one.two-wide,
	#zone-two.two-wide,
	#zone-three.two-wide,
	#zone-four.two-wide {
		float: left;
		width: 44.8em;
		}
		
	#zone-one.three-wide,
	#zone-two.three-wide,
	#zone-three.three-wide,
	#zone-four.three-wide {
		float: left;
		width: 67.2em;
		}
		
	#zone-one.four-wide {
		float: left;
		width: 87.2em;
		}
	
	
.oneXone,
.oneXtwo,
.oneXthree,
.oneXfour,
.twoXone,
.twoXtwo,
.twoXthree,
.twoXfour,
.threeXone,
.threeXtwo,
.threeXthree,
.threeXfour,
.fourXone,
.fourXtwo,
.fourXthree,
.fourXfour {
	float: left;
	margin: 1.2em;
	/*border: 1px solid #F5F5F5;*/
	}		
	


	
	
	
		
/*
.oneXone,
.oneXtwo,
.oneXthree,
.oneXfour,
.twoXone,
.twoXtwo,
.twoXthree,
.twoXfour,
.threeXone,
.threeXtwo,
.threeXthree,
.threeXfour,
.fourXone,
.fourXtwo,
.fourXthree,
.fourXfour {
	margin-bottom: 2.4em;
	border: 1px solid #F5F5F5;
	}		
*/


/* Widths */

/* 1 by... */

.oneXone,
.oneXtwo,
.oneXthree,
.oneXfour {
	width: 20em;
	}
	
	
/* 2 by... */	

.twoXone,
.twoXtwo,
.twoXthree,
.twoXfour {
	width: 42.4em;
	}

	
	
/* 3 by... */

.threeXone,
.threeXtwo,
.threeXthree,
.threeXfour {
	width: 64.8em;
	}

	
	
/* four by... */

.fourXone,
.fourXtwo,
.fourXthree,
.fourXfour {
	width: 87.2em;
	}		


/* Heights */

.oneXone/*,
.twoXone,
.threeXone,
.fourXone*/ {
	min-height: 13em;
	/*margin: 1.2em 0;*/
	}
	
	
.oneXtwo/*,
.twoXtwo,
.threeXtwo,
.fourXtwo*/ {
	min-height: 42.4em;
	}
	
.oneXthree/*,
.twoXthree,
.threeXthree,
.fourXthree*/ {
	min-height: 64.8em;
	}
	
.oneXfour/*,
.twoXfour,
.threeXfour,
.fourXfour*/ {
	min-height: 87.2em;
	}

.one-wide div.oneXone,
.one-wide div.oneXtwo,
.one-wide div.oneXthree{
	min-height: 0em;
}

.two-wide div.twoXone,
.two-wide div.twoXtwo,
.two-wide div.twoXthree{
	min-height: 0em;
}


.three-wide div.threeXone,
.three-wide div.threeXtwo,
.three-wide div.threeXthree{
	min-height: 0em;
}


.buttonblock {
	width:100%;
	float:left;
	margin-top: 20px;
	}

/* ---------------------------------------------------------- || GRID STYLES END || */

.attribute-caption{
font-style:italic;
padding-bottom:5px;
padding-top:0.5em;
text-align:left;}