/***************************************************
Created: 10/09/2006
Last Update: 10/09/2006
Filename: style.css

NOTES:
Please take note of the CSS hacks that are required
for each browser to display this CSS correctly. (!)

Explorer Hack Eg.:

	#Classname {
	...normal CSS element followed by
	voice-family: "\"}\"";
	voice-family: inherit;
	...the Explorer specific CSS;
	}

Mozilla/Safari/Opera Hack Eg.:

	....normal CSS
	
	html>body #classname {
	...the opera specific css;
	}
	
	html>body #classname is a selector that is
	valid CSS code that IE6 doesn't read (!),
	so the rule of margins gets overwritten on
	Mozilla and Safari browsers.
	
	
NOTE: If you add anything or take anything away,
please leave a comment with a short description!

***************************************************/


/***************************************************
GLOBAL PAGE LAYOUT ELEMENTS
***************************************************/
body { text-align: center;
background-color: #b7ac93;
}

/* Shadow around outer bounding box for all pages */
#Shadow {
	margin: 5px auto;
	border: 4px solid #f4f4f4;
	width: 728px;
}

/* Outer bounding box for all pages */
#Frame {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:726px;
	text-align:left;
	background: #ffffff;
	border:1px solid #999999; }
	
/* Header/Logo */

#Logo {
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	background: #660A1E;
	height: 100px;
	text-align: center;
	vertical-align:middle;
	font-size: 13px;
	line-height: 20px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	vertical-align: bottom;
	/* Explorer CSS hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 100px; }

/* Mozilla/Safari/Opera CSS hack - you'll see plenty of this... */
html>body #Logo { margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px; height: 100px}


/* Navigation */
#Nav {
	margin: 5px 5px 5px;
	padding: 0px;
	text-align: center;
}

/* Copyright notice at the bottom */
#Copyright {
	clear:both;
	margin: 30px 5px 0px 5px;
	padding: 0px 0px 10px 0px;
	border-top:2px solid #000000;
	text-align: center;
	font-size: 9px;
	line-height: 20px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	width: 710px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 715px;
}

#Copyright img{
	margin: 7px 0px -3px 0px;
	padding: 0px 0px 0px 0px;
}

#Copyright .grey{
	color: #aaa;
	text-decoration: underline; 
}

#mainImage {
	width: 218px;
	height: 306px; 
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

/***************************************************
INTRO BOX / BRICKS or TILES??
***************************************************/
/* tiles space */
#IntroSpacer {
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 10px 0px;
	/* background: url(/images/bricks.gif) #FFFFFF; */
	border-top:2px solid #000000; }
	
html>body #IntroSpacer { height: 0px; }

/* tiles space */
#IntroSpacer_cm {
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 10px 0px;
	/* background: url(/images/bricks.gif) #FFFFFF; */
	border-top:2px solid #ffffff; }
	
html>body #IntroSpacer_cm { height: 0px; }

.disclaimer {
	width: 680px;
	text-align: center;
    margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px; }



/***************************************************
MAIN BOX WRAPPER - KEEPS IT NEAT AND ALIGNED
***************************************************/
.MainBox {
	
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: left;
	}

/***************************************************
2-COLUMN BOX - with left and right alternatives
***************************************************/
/* 2-Column container */
.TwoColBox {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc; }
	
html>body .TwoColBox { height: auto; }

/* Left side text */
/******************/
.TwoColLeftText {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 20px;
	width: 461px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 461px;
	height: 400px; }
	
html>body .TwoColLeftText { width:441px; }

/* Right side text */
/******************/
.TwoColRightText {
	float: right;
	margin: 6px 0px 0px 0px;
	padding: 0px 20px 0px 10px;
	/*border-left: 1px dotted #ccc;*/
	width: 480px;
	min-height: height: 400px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 480px; }
	
html>body .TwoColRightText { width:465px; padding: 0px 17px 20px 0px;}

/* Right side SIDEBAR PANEL */
.TwoColRightSidebar {
	float: right;
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
	border-left: 1px dotted #ccc;
	width: 240px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 240px; }

html>body .TwoColRightSidebar { width:200px; }

/* Left side SIDEBAR PANEL */
.TwoColLeftSidebar {
	float: left;
	vertical-align: top;
	/*position: absolute;*/
	/*top: 175px;*/
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	width: 224px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 224px; }

html>body .TwoColLeftSidebar { width:200px; }



/***************************************************
MISC LAYOUT
***************************************************/

.spacerblock {
	height: 200px;
}


/***************************************************
FRONT PAGE ONLY - 2-COLUMN BOX CONTAINER
***************************************************/
.FrontColBox {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 20px;
	text-align: left;
	height: 320px;
	border: 1px; }

.FrontTextFixed {
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	width: 460px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 460px; }

html>body .FrontTextFixed { width:440px; }

.FrontRightFloat {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	border-left: 1px solid #ccc;
	width: 460px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 460px; }
	
html>body .FrontRightFloat { width:440px; }
	
.FrontLeftFloat {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	width: 200px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px; }

html>body .FrontLeftFloat { width:200px; }


/***************************************************
MISC
***************************************************/
/* Mozilla Min-height hack */
.Clear {
	clear: both;
	font-size: 2px; }
	
.HeightFix300 {
	clear: both;
	height:300px; }
	
.HeightFix200 {
	clear: both;
	height:200px; }

.HeightFix100 {
	clear: both;
	height:100px; }
	
.Spacer {
	height:5x; }
	
html>body .Clear { clear: both; font-size: 2px; }

.ClearRight { clear: right; font-size:1px; }
.ClearLeft { clear: left; font-size:14px; }


/***************************************************
TABLES
***************************************************/

TABLE   {
	font-size: 11px;
    color: #56441c;
	padding: 0px 10px 5px 0px; }
	
TR		{ 
	font-size: 11px;
    color: #56441c; }


/***************************************************
FORMS
***************************************************/
.fieldset {
	font-size: 11px;
    color: #56441c;
	width:460px;
	padding:15px;
	border: none;
	/*background: #dcd4bf url(/images/form_normal.gif) no-repeat;*/
	/*background: #ffffe5;*/
	background: #EDEAEA; }
	
html>body .fieldset { width:420px; }
	
.fieldset label {
	text-align:right;
	width:160px;
	float:left;
	margin-top:6px; }
	
html>body .label { width:90px; }
	
.fieldset legend {
	font-size: 12px;
	font-weight: bold;
    color: #840017;
	margin-bottom: 10px; }
	
html>body .legend { width:110px; }

.fieldset .nobr {display:none; } 

.fieldset .error {
	font-size: 9px;
	color: #840017;
	margin-left: 168px;
	width:255px;
	vertical-align: top;
}

html>body .fieldset .error { margin-left: 163px; width:250px; }	

.fieldset .info {
	font-size: 9px;
    color: b57655;
	width:255px;
	margin-left: 168px;
	vertical-align: top;}
	
html>body .fieldset .info { margin-left: 163px; width:250px;}

.fieldset .form_input {
	font-size: 11px;
    color: #56441c;
	margin:3px;
	height:20px;
	width:250px; }
	
html>body .fieldset .form_input { height:20px; width:240px; margin:3px; }	

.fieldset SELECT {
	font-size: 10px;
    color: #56441c;
	margin:3px;
	height:20px;
	width:250px;}

html>body .fieldset SELECT { height:20px; width:240px; margin:3px; }	
	
.fieldset .form_text {	
	font-size: 11px;
    color: #56441c;
	margin:3px;
	height:120px;
	width:250px; }

html>body .fieldset .form_text { height:120px; width:240px; margin:3px; }
	
.buttons {
	text-align: right;
	color: #56441c;
	padding-top: 20px;
	padding-right: 10px;
}


/***************************************************
FORM ELEMENTS
***************************************************/

.formtext {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	white-space: nowrap;
}
	
.error {
	font-size: 9px;
	font-weight: normal;
	color: #dd0000; }

SELECT, INPUT, TEXTAREA {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #56441c;
	vertical-align: text-bottom;
}

form { display: inline; }

.mailshot {
	text-align: center;	
	color: #000000;
	font-size: 11px;
	line-height: 20px;
	margin: 10px 0px 10px 0px;
}

/***************************************************
CAMPAIGN ELEMENTS
***************************************************/

.mailshot {
	text-align: center;	
	color: #000000;
	font-size: 11px;
	line-height: 20px;
	margin: 10px 0px 10px 0px;
}

.flag {
	margin: 0px 0px -3px 0px;
}




/***************************************************
GLOBAL TEXT ELEMENTS
***************************************************/

/* We like Lucida Grande!! We do! */
body {
	margin: 23px 13px 13px 13px;
	padding: 0px 0px 0px 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
	color: #333;
	background-color: #fff; }

a {	
	color: #ffffff;
	text-decoration: underline; }
	
html>body a { text-decoration: underline; }

a:link { color: #000; text-decoration: underline; }

html>body a:link { text-decoration: underline; }

a:visited { color: #56441c; text-decoration: underline; }


a:hover { color: #840017; text-decoration: underline; }
/* a:hover { color: #fff; background-color:#840017; } */

a img { text-decoration: underline; }

/***************************************************
HEADING TEXT ELEMENTS
***************************************************/

h1 {
	margin: 27px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	color: #000; }

h2 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #000; }

h2.red {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #840017; }

h3 {
	margin: 5px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	line-height:16px;
	color: #000; }
	 
/* line under headlines */
h3.underline {
	border-bottom:2px solid #000000; width:180px  }
	
/* line under headlines in sidebar panel */
h3.sidebar {
	border-bottom:2px solid #000000;  }

h4 {
	margin: 0px 0px 1px 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	line-height:16px;
	color: #393; }
		
	
h5 {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	color: #000;
	border-top:1px dotted #ccc; }

h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #840017; }


/***************************************************
PARAGRAPH TEXT ELEMENTS
***************************************************/

p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
	color: #333; }
	

/***************************************************
MISCELLANEOUS
***************************************************/

.backbutton {
	text-align: center;
	font-size: 11px;
	color: #333;
}

.backbutton a {
	font-size: 11px;
	color: #333;
}

.crumbs {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #333;
	margin: 2px 15px 15px;
}

.crumbs a:hover {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #840017;
}

.copyrightlink { color: #777777; text-decoration: underline; }
.copyrightlink:hover { color: #840017; text-decoration: underline; }
.copyrightlink:visited { color: #777777; text-decoration: underline; }

strong {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	color: #333;
	text-decoration: none; }
	
html>body strong { text-decoration: none; }
	
ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	font-size:13px;
	line-height:17px;

li {
	font-size:13px;
	line-height:17px;
	color:#333; }
	
li:hover { color: #000; text-decoration: none; }
li:active { color: #840017; text-decoration: none; }
li:visited { color: #56441c; text-decoration: none; }

li.green {
	font-size:11px;
	line-height:17px;
	color: #56441c; }
	
.red { color:#840017; }

.gray { color: #666; }

.highlight {
	color: #840017;
}