/* VERSIONS
/* 1_0: General HTML Styles (inc. Lists, Tables, Images, Modules, Forms, Tabs)
/* 1_1: Changed default styles for Lists [Author: Landon Durnan]
/* 1_2: Changed headings, moved module style and SC styles, block image widths [Author: Landon Durnan]
/* 1_3: Changed default styles for Tabs [Author: Nick Hall]
----------------------------------------------------------------------------- */

/* 
-----------------------------------------------------------------------------
 =HTML Styles
----------------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6{ font-family: 'allerbold'; font-weight: normal !important; }
h1,h2,h3{ margin-bottom: 1em; }
h1 { font-size: 26px; line-height: 28px; color: #716c6c; }
h2 { font-size: 17px; line-height: 20px; }
h3 { font-size: 15px; line-height: 17px; }
h4 { font-size: 14px; line-height: 16px; }
h5 { font-size: 12px; line-height: 14px; }
h6 { font-size: 12px; line-height: 14px; }

.sc h2, .tc h2 { }
.sc h3, .tc h3 { }
.sc h4, .tc h4 { }
.sc h5, .tc h5 { }
.sc h6, .tc h6 { }
	.tc h2.section { }

a:link { color: #531925; text-decoration: none; }
a:visited { color: #531925; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active, a:focus { color: #531925; text-decoration: none; }

blockquote {
	margin-bottom: 1.5em;
	}
.sc blockquote {}

blockquote p { font-family: 'EnriquetaRegular'; margin-bottom: .5em; color: #3e0b16; font-size: 23px; line-height: 27px; }
blockquote span.quote { display: block; height: 49px; width: 55px; float: left; margin: 0 10px 0 0; background: url(/images/common/blockquote.gif) 0 0 no-repeat; }
blockquote cite {
	font-style: normal;
	display: block;
	text-align: right;
	}
.pc blockquote.callout,
.sc blockquote.callout {}
.lead-in {
	font-size: 16px;
	line-height: 28px;
	font-family: 'allerregular';
	color: #101010;
	}
.dropcap {
    font-size: 300%;
	float: left;
	line-height: 1em;
	margin: 0 .15em 0 0;
    }

/* 
-----------------------------------------------------------------------------
 =Lists
----------------------------------------------------------------------------- */

ul { list-style: none; margin: 0 0 1.8em 1em; }
ol { list-style: outside decimal; margin: 0 0 1.8em 1.8em; }
	ul ul, ol ol,
	ul ol, ol ul { margin-bottom: 0; }

	.pc ul li, .sc ul li, .tc ul li,
	.pc ol li, .sc ol li, .tc ol li { margin-bottom: .6em; }
	.pc ul li, .sc ul li, .tc ul li { padding-left: 15px; background: url(/images/common/bullet.gif) no-repeat 0 .5em; }
	.pc ul ol li, .sc ul ol li, .tc ul ol li { padding-left: 0; background-image: none; }

.pc ul ul, .sc ul ul, .tc ul ul,
.pc ol ul, .sc ol ul, .tc ol ul,
.pc ol ol, .sc ol ol, .tc ol ol,
.pc ul ol, .sc ul ol, .tc ul ol { margin-top: .6em; }

ul.plain { margin-left: 0; }
	ul.plain li { padding-left: 0; background-image: none; }
ol.plain { margin-left: 0; list-style: none; }
	ol.plain ol { list-style: none; }

/* 
-----------------------------------------------------------------------------
 =Tables
----------------------------------------------------------------------------- */

table.styled {
	border-top: 1px solid #ccc;  
	border-left: 1px solid #ccc; 
	margin-bottom: 1.8em; 
	width: 100%;	
	border-collapse: collapse;
	border-bottom: 1px solid #E9E9E9;
	}
    table.styled tr {
	    }
	    table.styled th {
	        border-bottom: 1px solid #ddd;
	        border-right: 1px solid #ccc; 
	        font-weight: bold;
	        padding: .4em;	
            }
        table.styled td {
	        border-top: 1px solid #E9E9E9;
	        border-bottom: 1px solid #ddd; 
	        border-right: 1px solid #ccc;	
	        padding: .4em;
	        }	
        table.styled tr.alt td {
	        background-color: #EEE;
	        }

.sc table.styled { }

/* 
-----------------------------------------------------------------------------
 =Images
----------------------------------------------------------------------------- */

.image { 
	margin-bottom: 20px;
	}
	.image dt { 
		}
		.image dt img { 
			display: block;
			margin-bottom: 10px;
			box-shadow: 2px 2px 4px #999;
			-moz-box-shadow: 2px 2px 4px #999;
			-webkit-box-shadow: 2px 2px 4px #999;
			/* For IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
			/* For IE 5.5 - 7 */
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
				}
	.image dd { 
		padding: 0;
		font-size: .9em;
		line-height: normal;
		color: #666;  
		}
	.image.stack { margin-bottom: 0; }
	.image.stack dt img { box-shadow: 0; }

/* Do a simplified style based on .image dt */
.thumb{ 
	} 
	.thumb a{ display: block; }
		.thumb img { 
			display: block;		
			box-shadow: 2px 2px 4px #999;
			-moz-box-shadow: 2px 2px 4px #999;
			-webkit-box-shadow: 2px 2px 4px #999;
			/* For IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
			/* For IE 5.5 - 7 */
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
			}
			
.squarified {	
	box-shadow: 2px 2px 4px #999;
	-moz-box-shadow: 2px 2px 4px #999;
	-webkit-box-shadow: 2px 2px 4px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	}
	.squarified > * {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		/* For IE 8 */
		-ms-filter: none;
		/* For IE 5.5 - 7 */
		filter: none;
		}
	
/* image + padding + borders */
.block1 { width: 100px; }  
.block2 { width: 290px; } 
.block3 { width: 310px; } 
.block4 { width: 430px; } 
.block5 { width: 640px; } 

.sc .image{}

.wide { float: none; margin: 0 0 .8em 0; }
.left { float: left; margin: 0 .8em .8em 0; }
.right { float: right; margin: 0 0 .8em .8em; }


/* 
-----------------------------------------------------------------------------
 =Forms
----------------------------------------------------------------------------- */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em .1em; }

/* 
-----------------------------------------------------------------------------
 =Tabs
----------------------------------------------------------------------------- */
.tab-row { clear: both; overflow: auto; }
	.tab-row ul,
	.module .list .tab-row ul { 
		list-style: none; 
		margin: 1.0em 0 .8em 0;
		float: left;
		background: url(/images/common/tab-row.gif) left bottom repeat-x; 
		height: 70px; 
		padding: 5px 0 0 0;
		width: 100%;
		}
		.tab-row ul li,
		.module .list .tab-row ul li {
			float: left;
			padding: 0;
			white-space: nowrap;
			border: 0;
			padding: 0;
			margin: 0;
			background: none;
			}
		.tab-row ul li.label {
			color: #666;
			background-color: transparent;
			border: none;
			padding: 10px 6px 0 0;
			}
			.tab-row ul li a { 
				display: block;
				border-bottom: 0;
				font-weight: normal;
				text-decoration: none;
				outline: none;
				height: 27px;
				font-size: 17px;
				color: #a0a0a0;
				font-family: 'allerbold';
				padding: 10px 15px 15px 5px;
				background: none;
				border: 0;
				}
			.tab-row ul li a:hover {
				color: #740e2b;
				text-decoration:underline;
				}
		.tab-row ul li.active,
		.tab-row ul li.selected { }
			.tab-row ul li.active a,
			.tab-row ul li.selected a { 
				/*height: 29px;
				margin-bottom: -2px;*/
				position: relative;
				color: #3e0b16;
				background: url(/images/common/sectionheader-arrow.gif) 5px bottom no-repeat;
			}	
			.tab-row ul li.selected a:after {
			    content: "";
			    position: absolute;
			    bottom: -2px;
			    left: 0;
			    width: 100%;
			    height: 2px;
			    background: url(/images/common/bg-tab-active.gif) left bottom repeat-x;
			    }