/* 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]
/* 1_4: Shared Images [Author: Nick Hall]
/* 1_5: TC list styles, TC blockquote styles [Author: Nick Hall]
/* 1_6: H#, strong and em for @font-face delcarations [Author: Alex Bradley]
/* 1_7: Double-stranded heading hierarchy [Author: Alex Bradley]
/* 1_8: Blockquote quotes using psuedo elements  [Author: Nick Hall]
/* 1_9: HTML5 input types [Author: Nick Hall]
/* 2_0: Default table and form updates [Author: Nick Hall]
----------------------------------------------------------------------------- */

/*
-----------------------------------------------------------------------------
 =HTML Styles
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.alpha, .beta, .gamma,
.delta, .epsilon, .zeta { font-family: 'PT Serif', serif; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 0; }
h1, h2 { margin-bottom: .4em; }
.alpha, .beta, .gamma, .delta, .epsilon, .zeta {}

h1, .alpha { font-size: 2.6em; line-height: 1.1; } /*36/40*/
h2, .beta { font-size: 1.7em; line-height: 1.2; } /*24/28*/
h3, .gamma { font-size: 1.4em; line-height: 1.25; } /*20/24*/
h4, .delta { font-size: 1.3em; line-height: 1.25; color: #b20838; } /*18/22*/
h5, .epsilon { font-size: 1.0em; line-height: 1.35; color: #5e5e61; font-family: 'Roboto', sans-serif; font-weight: 500; text-transform: uppercase; } /*14/18*/
h6, .zeta { font-size: 1.0em; line-height: 1.35; font-family: 'Roboto', sans-serif; font-weight: bold; } /*14/18*/

.sc h2, .tc h2 { font-size: 2.4em; line-height: 1.15; font-family: 'Tangerine', cursive; } /*34/38*/
.sc h3, .tc h3 { } /*20/24*/
.sc h4, .tc h4 { } /*18/22*/
.sc h5, .tc h5 { } /*14/18*/
.sc h6, .tc h6 { } /*14/18*/

a:link { color: #b20838; text-decoration: none; }
a:visited { color: #b20838; }
a:hover { color: #6e1222; }
a:active, a:focus { color: #6e1222; }

/*::selection { background: #f0de00; }
::-moz-selection { background: #f0de00; }*/

/* Include @font-face bold and italic weights if available *//*
strong { font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
em { font-style: normal; font-family: Arial, Helvetica, sans-serif; }
strong em,
em strong {
	font-style: normal;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	}
*/

blockquote {
	background: url(/images/common/bg-blockquote.jpg) 0 0 repeat;
	border: 1px solid #DDD;
	border: 1px solid rgba(189,189,189,.51);
	box-shadow: inset 0 0 0 1px #F8F8F8;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
	margin-bottom: 1.5em;
	text-align: center;
	padding: 1em;
	position: relative;
	font-family: 'PT Serif', serif;
	font-style: italic;
	color: #3f3f41;
	font-size: 1.15em;
	margin: 7px 7px 15px;
	}
blockquote:before { content: ""; position: absolute; top: -7px; left: -7px; background: url(/images/common/bg-blockquote-top.png) 0 0 no-repeat; height: 34px; width: 33px; }
blockquote:after { content: ""; position: absolute; bottom: -7px; right: -7px; background: url(/images/common/bg-blockquote-bottom.png) 0 0 no-repeat; height: 34px; width: 33px; }

	blockquote p { margin-bottom: .5em; }
	blockquote cite {
		font-style: normal;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		color: #5e5e61;
		text-transform: uppercase;
		font-size: .75em;
		}
.sc blockquote,
.tc blockquote {}
blockquote.callout { padding: 1em .5em; }
.lead-in {
	font-size: 125%;
	color: #b20838;
	font-family: 'PT Serif', serif;
	font-style: italic;
	}
.dropcap {
    font-size: 210%;
	font-family: 'PT Serif', serif;
	color: #b20838;
	float: left;
	line-height: 1;
	margin: 0 .5em 0 0;
	border: 1px solid transparent;
	box-shadow: 0 0 0 1px #cdcdcd, inset 0 0 0 1px #cdcdcd;
	padding: .4em .5em;
	}


/*
-----------------------------------------------------------------------------
 =Lists
----------------------------------------------------------------------------- */
ul, ol { margin: 0 0 1.8em 1.6em; }
ul { list-style: none; margin-left: 0; }
	ul ul { list-style: none; }
ol { list-style: outside decimal; }
	ul ul, ol ul { margin: .3em 0 0 1.1em; }
	ol ul { margin-left: 0; }
	ol ol, ul ol { margin: .3em 0 0 1.5em; }
	li { margin-bottom: .3em; }
	ul li {
		/*padding-left: 10px;
		background: url(/images/common/bullet.gif) no-repeat 0 .5em;*/
		padding-left: 14px;
		background: url(/images/common/blt-list.gif) 0 5px no-repeat;
		}
	ul ol > li {
		padding-left: 0;
		background-image: none;
		}

ul.plain { margin-left: 0; list-style: none; }
	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 {
	margin-bottom: 1.8em;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	/*word-break: break-all;*/
	}
	table.styled tr {}
		table.styled th,
		table.styled td {
			border: 1px solid #ccc;
			padding: .769em; /* 10px/13px */
			vertical-align: top;
			}
		table.styled th {
			font-weight: bold;
			background: #B20838;
			color: #ffffff;
			border: 1px solid #B20838;
			border-bottom: none;
			}
		table.styled td {}
		table.styled tr.alt td {
			background-color: #E9E9E9;
			}


/*
-----------------------------------------------------------------------------
 =Images
----------------------------------------------------------------------------- */
.image {
	margin-bottom: .8em;
	max-width: 100%;
	min-width: 100px;
	}
	.image dt {
		position: relative;
		}
		.image dt img {
			position: relative;
			display: block;
			max-width: 100%;
			width: 100%;
			float: none;
			margin: 0;
			}
		.image dt span.overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			box-shadow: inset 0 0 0 10px rgba(255,255,255,.5);
			}
	.image dd {
		padding: .4em;
		font-size: .9em;
		line-height: normal;
		font-weight: 500;
		text-align: center;
		}

/* Do a simplified style based on .image dt */
.thumb {
	width: 25%;
	min-width: 100px;
	max-width: 180px;
	position: relative;
	}
	.thumb a { display: block; position: relative; }
		.thumb img { display: block; max-width: 100%; }
		.thumb span.overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			box-shadow: inset 0 0 0 10px rgba(255,255,255,.5);
			}

.block1 { width: 25%; }
.block2 { width: 33.333333%; }
.block3 { width: 50%; }
.block4 { width: 66.666666%; }
.block5 { width: 100%; }

.sc .block1, .tc .block1 { width: 50%; }
.sc .block2, .tc .block2,
.sc .block3, .tc .block3,
.sc .block4, .tc .block4,
.sc .block5, .tc .block5 { width: 100%; }

.wide { clear: both; float: none; margin: 0 auto .8em auto; }
.left { float: left; margin: 0 1.5em .8em 0; }
.right { float: right; margin: 0 0 .8em 1.5em; }

.landing #TopZone .image { margin: 0; }
.landing .landing-banner { width: 980px; margin-left: -20px; }

/*
-----------------------------------------------------------------------------
 =Forms
----------------------------------------------------------------------------- */
fieldset {
	border: 1px solid #ccc;
	padding: 0 1em 1em 1em;
	margin: 1.6em 0;
	}
	legend {
		padding-left: .8em;
		padding-right: .8em;
		color: #5E5E61;
		font-size: 1em;
		text-transform: uppercase;
		}

		textarea,
		input[type='text'],
		input[type='password'],
		input[type='email'],
		input[type='url'],
		input[type='number'],
		#content select {
			border: 1px solid #ccc;
			background: #fff;
			max-width: 100%;
			}

		textarea:hover,
		input[type='text']:hover,
		input[type='password']:hover,
		input[type='email']:hover,
		input[type='url']:hover,
		input[type='number']:hover,
		#content select:hover {
			border-color: #b2b2b2;
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			-moz-box-shadow: 0 0 .25em #d2d2d2;
			-webkit-box-shadow: 0 0 .25em #d2d2d2;
			box-shadow: 0 0 .25em #d2d2d2;
			}

		textarea:focus,
		input[type='text']:focus,
		input[type='password']:focus,
		input[type='email']:focus,
		input[type='url']:focus,
		input[type='number']:focus,
		#content select:focus { border-color: #b2b2b2; }

		input[type='button'],
		input[type='submit'],
		input[type='checkbox'],
		input[type='image'],
		input[type='radio'],
		input[type='reset'],
		#content select,
		button { cursor: pointer; }

		input[type='hidden'] { display: none; }
		textarea, #content input { padding: .667em 1em .417em 1em; }
		#content select { padding: .667em 1em .417em 1em; }
		#content option { padding: 0 .4em .1em; }


/*
-----------------------------------------------------------------------------
 =Tabs
----------------------------------------------------------------------------- */
.tab-row { clear: both; overflow: auto; }
	.tab-row ul,
	.module .bd .tab-row ul {
		list-style: none;
		margin: 1em 0 1.2em 0;
		padding: 0;
		float: left;
		width: 100%;
		overflow: hidden;
		}
		.tab-row ul li,
		.module .bd .tab-row ul li {
			float: left;
			margin: 0 3px 10px 0;
			padding: 0;
			white-space: nowrap;
			background-image: none;
			border: 0;
			}
		.tab-row ul li.label,
		.module .bd .tab-row ul li.label {
			color: #666;
			background-color: transparent;
			border: none;
			padding: 10px 6px 0 0;
			}
			.tab-row ul li a {
				display: block;
				padding: 9px 12px;
				border: 1px solid #fff;
				font-weight: normal;
				text-decoration: none;
				outline: none;
				color: #fff;
				font-family: "PT Serif", serif;
				font-size: 1.3em;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				border-radius: 8px;
				-moz-background-clip: padding;
				-webkit-background-clip: padding-box;
				background-clip: padding-box;
				background-color: #b10737;
				}
			.tab-row ul li a:hover {
				background-color: #6e1222;
				/*color: #b10737;
				border: 1px solid #e0e0e0;*/
				}				
		.tab-row ul li.selected,
		.tab-row ul li.active {}
			.tab-row ul li.selected a,
			.tab-row ul li.active a {
				color: #b10737;
				background-color: transparent;
				border: 1px solid #e0e0e0;
				}