/* ==|== primary styles =====================================================
   Author: www.prowebdesign.ro
   Write your own styles here.
   ========================================================================== */

/* typography */
body {
	color: #262626;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: Arial, Helvetica, 'Cuprum', sans-serif;
	line-height: 120%;
	margin: 0;
	padding: 0;
	line-height: 120%;
}
h3 {
	margin-top: 8px;	
	}
h4 {
	color: #333;
	}

/* SKIP */

#skiptocontent a {
	padding:6px;
	position: absolute;
	top:-150px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}
#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	background:#BF1722;
	outline:1;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}

	
/* links */
#content a {
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
a:focus {
}
a, a:visited, a:active a:hover {
	color: #202020;
}

a:hover {
	text-decoration: none;
}
.back {
	font-size: 0.9em;
}
.back:hover {
	color: #666;
}

hgroup h1 a {
	text-decoration: none;
	color: #d2232a !important;
}

/* structure */   
#container {
	max-width: 960px;
	background-color: #fff;
	border: 1px solid #999;
	-webkit-box-shadow: 0px 10px 20px #000;
	-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
#colophon {
	max-width: 960px;
	margin: auto;
	-webkit-box-shadow: 0px 10px 20px #000;
	-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
	padding-bottom: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding-right: 15px;
	padding-left: 15px;
	background-image: url(../images/bg-colophon1.png);
	text-align: center;
}
header {
	margin: 0 0 20px 0;
}
header, header nav, #main, footer, #banner {
	width: 100%;
}
#logo {
	float: left;
	padding-right: 2%
}
header {
	padding: 10px 0 10px 0;
}
header h1 {
	font-size: 1.9em;
	text-transform: uppercase;
	font-style: normal;
	padding-top: 15px;
}
header h1 a {
	text-decoration: none;
	color: #d2232a !important;
}
header h2 {
	font-size: 1.8em;
	text-transform: capitalize;
	color: #003366 !important;
}
h1 {
	text-transform: uppercase;
}
h2 {
	text-transform: uppercase;
}
#main, footer {
	font-size: 0.875em;
	line-height: 1.3em;
	text-decoration: none;
}
#main p {
	margin: 20px 0 20px 0;
}
#content {
	float: right;
	margin: 0 0 20px 0;
}
#content ul, #content ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
#content dd {
	margin: 0 0 0 40px;
}
.texthighlight {
	color: #d2232a;
	font-weight: bold;
	text-decoration: none;
}
.colorgray {
	color: #4c4c4c;
	}
.list-themes ul li {
	list-style-type: none;
	text-align: center;
	display: inline;
	padding-right: 20px;
}
.list-themes ul li a {
	font-size: 1.4em;
	text-decoration: none;
}
.list-themes ul li a:hover {
	color: #666;
}
.list-themes ul li img {
	margin-top: 20px;
	padding-right: 20px;
	margin-bottom: 5px;
}
.list-indent {
	padding-left: 15px;
}
.list-indent ul li a {
	text-decoration: none;
}
.list-indent li a:hover {
	color: #333;
	text-decoration: none;
}
/* IMAGES */

.calloutimageleft {
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}

.calloutimageright {
	float: right;
	padding-right: 50px;
	padding-left: 15px;
	padding-bottom: 10px;
}

.imgcaption {
	font-size: 0.9em;
	color: #333;
}
.imgcaption-enlarge {
	font-size: 0.9em;
	color: #333;
}
.imgcaption2 {
	font-size: 0.9em;
	color: #d2232a;
}
.imgcaption2:hover {
	font-size: 0.9em;
	color: #666;
}
.imgcaptionwhite {
	font-size: 0.9em;
	color: #fff;
}
.news:hover {
	font-size: 1em;
	color: #666;
}
/* RESPONSIVE IMAGES IN CONTENT AREA!! IF YOU WANT IMAGES TO BE RESPONSIVE EVERYWHERE, WRITE ANOTHER CSS RULE */
#content img {
	max-width: 100%;
	height: auto;
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #e2e2e2;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#content a img:hover {
	max-width: 100%;
	height: auto;
	border: 1px solid #999;
	padding: 2px;
	background-color: #d2232a;
}
aside {
	float: left;
	margin: 0 0 40px 0;
}
.imageborder {
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #e2e2e2;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.imageborder:hover {
	max-width: 100%;
	height: auto;
	border: 1px solid #999;
	padding: 2px;
	background-color: #d2232a;
}
#secondary-navigation {
	margin-bottom: 20px;
}
#secondary-navigation ul li a {
	display: block;
	padding: 7px;
	color: #212121;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #E6E6E6;
	background-image: url(../images/bg-arrow1.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	text-shadow: 0px 1px 0px #fff;
}
#secondary-navigation ul li a:hover {
	background: #b1b1b1;
	color: #fff;
	background-image: url(../images/bg-arrow2.png), url(../images/bg-stripe1.png);
	background-repeat: no-repeat, repeat;
	background-position: 95% 50%;
	position: relative;
	top: -.1em;
	border-radius: .1em .1em .1em .1em;
	-webkit-box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 1px 0px #666;
}
#secondary-navigation ul li a:active {
	background: #ccc;
	background-image: url(../images/bg-arrow2.png), url(../images/bg-stripe1.png);
	background-repeat: no-repeat, repeat;
	background-position: 95% 50%;
	position: relative;
	top: -.1em;
	border-radius: .1em .1em .1em .1em;
	-webkit-box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
footer {
	clear: both;
	font-size: 80%;
	padding: 20px 0;
	background-color: none;
}

/*colors and bgs*/
body {
	background-image: url(../images/bg1.png);
	background-repeat: repeat-x;
	background-color: #003366;
	background-attachment: fixed;
}
#container {
	}
.bg-intro1 {
	background-attachment: scroll;
	background-image: url(../images/bg-intro1.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg-supportingareas1 {
	background-attachment: scroll;
	background-image: url(../images/bg-supportingareas1.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg-blogposts1 {
	background-attachment: scroll;
	background-image: url(../images/bg-blogposts1.png);
	background-repeat: no-repeat;
	background-position: 1% 85%;
}
.bg-paid1 {
	background-attachment: scroll;
	background-image: url(../images/bg-paid1.png);
	background-repeat: no-repeat;
	background-position: 90% 65%;
}
/* TEXT SHADOW */
h1 {
	color: #d2232a;
	text-shadow: 0px 1px 0px #aaa;
}
h2, h3, h5, h6 {
	color: #d2232a;
	
}

#footer {
	text-align: center;
	display: block;
	padding-top: 5px;
	padding-bottom: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 15px;
	margin-bottom: 10px;
}
footer h1, footer h2, footer h3, footer h4 {
	color: #CCC;
	margin-bottom: 10px;
	text-shadow: none;
}
footer ul {
	list-style-type: none;
	width: 100%;
}
footer ul li {
	display: inline;
}
footer ul li a {
	color: #e0e0e0;
	text-decoration: none;
	margin-right: 8px;
}
footer ul li a:hover {
	color: #fff;
}
footer ul li a:visited {
	color: #e0e0e0;
}
a.bluelink {
	background: #990000;
	border-radius: 7px;
	color: #fff;
	display: block;
	float: left;
	margin: 10px 15px 10px 0;
	padding: 15px;
}
ul li {
	list-style-type: none;
}
a {
}
fieldset {
	color: #fff;
	padding: 10px;
	border: 2px outset #333;
	background-color: #d2232a;
	margin: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: inset 1px 1px 5px rgba(72, 72, 72, 0.7);
}
.fieldbox1 {
	color: #fff;
	padding: 10px;
	border: 2px outset #333;
	background-color: #d2232a;
	margin: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: inset 1px 1px 5px rgba(72, 72, 72, 0.7);
}
.floatleft1 {
	float: left;
	padding-right: 45px;
}
/* PICTOGRAMS */
@font-face {
	font-family: 'ModernPictogramsNormal';
	src: url('../fonts/modernpics-webfont.eot');
	src: url('../fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/modernpics-webfont.woff') format('woff'), url('../fonts/modernpics-webfont.ttf') format('truetype'), url('../fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
	font-weight: normal;
	font-style: normal;
}
a[href^="javascript:history.back();"]:before {
	content: " < ";
	font-family: ModernPictogramsNormal, sans-serif;
	font-size: 1.5em;
	position: relative;
	top: 0;
	color: #666;
}
a[href^="tel:"]:before {
	content: " O ";
	font-family: ModernPictogramsNormal, sans-serif;
	font-size: 1.2em;
	position: relative;
	top: -.1em;
	color: #666;
}
a[href^="mailto:"]:before {
	content: " m ";
	font-family: ModernPictogramsNormal, sans-serif;
	font-size: 1.2em;
	position: relative;
	top: -.1em;
	color: #666;
}
p[class^="bubble"]:before {
	content: " b ";
	font-family: ModernPictogramsNormal, sans-serif;
	font-size: 1.2em;
	position: relative;
	top: -.1em;
	color: #666;
}
span[class^="imgcaption-enlarge"]:before {
	content: "y ";
	font-family: ModernPictogramsNormal, sans-serif;
	font-size: 1.2em;
	position: relative;
	top: -.1em;
	color: #666;
}
span[class^="imgcaption2"]:before {
	content: "o ";
	font-family: ModernPictogramsNormal, sans-serif;
	font-size: 1.2em;
	position: relative;
	top: -.1em;
	color: #666;
}
a[href^="http://postalmuseumblog.si.edu"]:before {
	content: "o ";
	font-family: ModernPictogramsNormal, sans-serif;
	font-size: 1.1em;
	position: relative;
	top: -.1em;
	color: #666;
}
a[href$=".doc"]:before {
	content: "D ";
	font-family: ModernPictogramsNormal, sans-serif;
	font-size: 1.1em;
	position: relative;
	top: -.1em;
	color: #666;
}
a[href$=".pdf"]:before {
	content: "K ";
	font-family: ModernPictogramsNormal, sans-serif;
	font-size: 1.1em;
	position: relative;
	top: -.1em;
	color: #666;
}
a[href$="_.pdf"]:before {
	content: " ";
	font-family: ModernPictogramsNormal, sans-serif;
	font-size: 1.1em;
	position: relative;
	top: -.1em;
	color: #666;
}
/* ==|== non-semantic helper classes ========================================
   ========================================================================== */

/* For image replacement */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
.ir br {
	display: none;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}
/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.clear {
	clear: both;
}
.scrollbox {
	margin: 0;
	padding: 15px 14px 0 15px;
	height: 180px;
	border: 1px solid #aaa;
	background-color: #E6E6E6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: inset 0px 1px 9px rgba(72, 72, 72, 0.5);
}
.scrollarea {
	overflow: hidden;
	height: 160px;
	text-align: left;
	background-color: #E6E6E6;
}
.scrollbox-bar {
	margin: 0;
	padding: 15px 0 0 15px;
	height: 180px;
	border: 1px dashed #440000;
	background-color: #E6E6E6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}
.scrollarea-bar {
	overflow: auto;
	height: 160px;
	text-align: left;
	background-color: #E6E6E6;
	padding-right: 10px;
}
.columns-a {
	-webkit-column-count: 3;
	-webkit-column-rule: 0px;
	-moz-column-count: 3;
	-moz-column-rule: 0px;
}
.columns-b {
	-webkit-column-count: 3;
	-webkit-column-rule: 0px;
	-moz-column-count: 3;
	-moz-column-rule: 0px;
}
.columns-c {
	-webkit-column-count: 3;
	-webkit-column-rule: 0px;
	-moz-column-count: 3;
	-moz-column-rule: 0px;
}
.columns-d {
	-webkit-column-count: 2;
	-webkit-column-rule: 0px;
	-moz-column-count: 2;
	-moz-column-rule: 0px;
}
.justify {
	text-align: justify;
}
.quote {
	color: #d2232a;
}
.textwhite6 {
	color: #fff;
	font-size: 1.6em;
	padding-bottom: 5px;
}
.textwhite5 {
	color: #fff;
	font-size: 1.5em;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 10px;
}
.textwhite4 {
	color: #fff;
	font-size: 1.4em;
	padding-bottom: 10px;
}
.textwhite3 {
	color: #fff;
	font-size: 1.3em;
	padding-bottom: 5px;
}
.textwhite2 {
	color: #fff;
	font-size: 1.2em;
}
.textwhite1 {
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
}
.textwhite {
	color: #fff;
	font-size: 1em;
}
.support {
	width: 70%;
	text-align: center;
	padding: 15px;
	border: 2px dashed #666;
	background-color: #3d3d3b;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.width70 {
	width: 70%;
	text-align: center;
	vertical-align: middle;
}
.width95 {
	width: 95%;
}

.width-short1 {
	width: 200px;
}

.breadcrumbs {
	color: #666;
	float: left;
	font-size: 0.7em;
	text-transform: none;
	width: 99%;
	position: relative;
	margin-top: 5px;
	margin-left: 8px;
	padding-bottom: 5px;
}

.breadcrumbs a {
	color: #666;
}

.inline {
	display: inline;
}
/* textbox */

.text {
	border-radius: .6em;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.7);
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg-stripe2.png);
	padding-left: 6px;
	}
	
.select {
	border-radius: .3em;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.7);
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg-stripe2.png);
	padding-left: 3px;
	}

/* buttons */


.button {
	background: rgb(102, 102, 102);
	color: white;
	padding: 0 2em;
	height: 2.4em;
	display: table;
	border: 1px solid rgb(51,51,51);
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-transform: capitalize;
	letter-spacing: .045em;
	line-height: 2.4em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	border-radius: .325em;
	-webkit-box-shadow: inset 0px 1px 3px rgb(162, 200, 229);
	-moz-box-shadow: inset 0px 1px 3px rgb(162, 200, 229);
	box-shadow: inset 0px 1px 3px rgb(204, 153, 102);
	background: rgb(169,3,41); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 60%, rgba(109,0,25,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169,3,41,1)), color-stop(60%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 60%, rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 60%, rgba(109,0,25,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 60%, rgba(109,0,25,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 60%, rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 ); /* IE6-8 */
}
.button:hover {
	background: rgb(109,0,25); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkMDAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOTAzMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 40%, rgba(169,3,41,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(109,0,25,1)), color-stop(40%, rgba(143,2,34,1)), color-stop(100%, rgba(169,3,41,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 40%, rgba(169,3,41,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 40%, rgba(169,3,41,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 40%, rgba(169,3,41,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 40%, rgba(169,3,41,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329', GradientType=0 ); /* IE6-8 */
	color: #e2e2e2;
}
.button:active, .button:focus {
	background: rgb(78,0,18); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlMDAxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzY1MDExOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NjAyMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(78,0,18,1) 0%, rgba(101,1,25,1) 40%, rgba(118,2,29,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(78,0,18,1)), color-stop(40%, rgba(101,1,25,1)), color-stop(100%, rgba(118,2,29,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(78,0,18,1) 0%, rgba(101,1,25,1) 40%, rgba(118,2,29,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(78,0,18,1) 0%, rgba(101,1,25,1) 40%, rgba(118,2,29,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(78,0,18,1) 0%, rgba(101,1,25,1) 40%, rgba(118,2,29,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(78,0,18,1) 0%, rgba(101,1,25,1) 40%, rgba(118,2,29,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e0012', endColorstr='#76021d', GradientType=0 ); /* IE6-8 */
	color: white;
}



  
/* ==|== media queries ======================================================
only screen and min-device-width
   ========================================================================== */
   
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
body {
	background-image: none;
	background-color: #440000;
}
#container, #colophon {
	width: 98%;
}
#container {
	margin-top: 1px;
}
.flexslider {
	width: 94%;
}
#secondary-navigation ul li a {
	padding: 15px;
}
.columns-d {
	-webkit-column-count: 2;
	-webkit-column-rule: 0px;
	-moz-column-count: 2;
	-moz-column-rule: 0px;
}
.columns-c {
	-webkit-column-count: 2;
	-webkit-column-rule: 0px;
	-moz-column-count: 2;
	-moz-column-rule: 0px;
}
.columns-b {
	-webkit-column-count: 3;
	-webkit-column-rule: 0px;
	-moz-column-count: 3;
	-moz-column-rule: 0px;
}
.columns-a {
	-webkit-column-count: 3;
	-webkit-column-rule: 0px;
	-moz-column-count: 3;
	-moz-column-rule: 0px;
	padding-right: 10px;
	padding-left: 10px;
}
}

/* large smartphones ----------- */
@media (max-width: 768px) {
body {
	background-image: none;
	background-color: #440000;
}
#container, #colophon {
	width: 98%;
}
#container {
	margin-top: 1px;
}
header {
	padding: 10px 0 1px 0;
}
header h1 {
	font-size: 1.8em;
}
header h2 {
	font-size: 1.4em;
}
.flexslider {
	width: 92%;
}
.sf-menu li.sfHover ul {
	top: -999em;
}
.sf-sub-indicator {
	background: none;
}
#secondary-navigation ul li a {
	padding: 15px;
}
#main h1 {
	font-size: 1.6em;
}
#main h2 {
	font-size: 1.4em;
}
#main h3 {
	font-size: 1.3em;
}
#main h4 {
	font-size: 1.2em;
}
.list-themes ul li img {
	list-style-type: none;
	text-align: center;
	display: inline;
	padding-right: 20px;
}
.columns-d {
	-webkit-column-count: 1;
	-webkit-column-rule: 0px;
	-moz-column-count: 1;
	-moz-column-rule: 0px;
}
.columns-c {
	-webkit-column-count: 2;
	-webkit-column-rule: 0px;
	-moz-column-count: 2;
	-moz-column-rule: 0px;
}
.columns-b {
	-webkit-column-count: 1;
	-webkit-column-rule: 0px;
	-moz-column-count: 1;
	-moz-column-rule: 0px;
}
.columns-a {
	-webkit-column-count: 2;
	-webkit-column-rule: 0px;
	-moz-column-count: 2;
	-moz-column-rule: 0px;
	padding-right: 10px;
	padding-left: 10px;
}
ul li {
	list-style-type: none;
}
}

/* medium smartphones ----------- */
@media (max-width: 600px) {
body {
	background-image: none;
	background-color: #440000;
}
#container {
	margin-top: 1px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	margin-left: 0.83333333333333%;
	margin-right: 0.83333333333333%;
	width: 48.333333333333%;
}
header h1 {
	font-size: 1.8em;
}
header h2 {
	font-size: 1.4em;
}
.columns-d {
	-webkit-column-count: 1;
	-webkit-column-rule: 0px;
	-moz-column-count: 1;
	-moz-column-rule: 0px;
}
.columns-c {
	-webkit-column-count: 1;
	-webkit-column-rule: 0px;
	-moz-column-count: 1;
	-moz-column-rule: 0px;
}
.columns-b {
	-webkit-column-count: 1;
	-webkit-column-rule: 0px;
	-moz-column-count: 1;
	-moz-column-rule: 0px;
}
.columns-a {
	-webkit-column-count: 1;
	-webkit-column-rule: 0px;
	-moz-column-count: 1;
	-moz-column-rule: 0px;
}
}

/* medium smartphones ----------- */
@media (max-width: 480px) {
iframe {
    width: 100% !important;
    height: 100% !important; 
}
body {
	background-image: none;
	background-color: #440000;
}
#container {
	margin-top: 1px;
}

#container, #colophon {
	width: 94%;
}
#logo, header hgroup {
	width: 100%;
	text-align: center;
}

#logo img {
	max-width: 100%;
}
header h1 {
	font-size: 1.6em;
}
header h2 {
	font-size: 1.2em;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}
.columns-d {
	-webkit-column-count: 1;
	-webkit-column-rule: 0px;
	-moz-column-count: 1;
	-moz-column-rule: 0px;
}
.columns-c {
	-webkit-column-count: 1;
	-webkit-column-rule: 0px;
	-moz-column-count: 1;
	-moz-column-rule: 0px;
}
.columns-b {
	-webkit-column-count: 1;
	-webkit-column-rule: 0px;
	-moz-column-count: 1;
	-moz-column-rule: 0px;
}
.columns-a {
	-webkit-column-count: 1;
	-webkit-column-rule: 0px;
	-moz-column-count: 1;
	-moz-column-rule: 0px;
}
#topnav {
	display: block;
	width: 100%;
	text-align: center;
	background: #003366;
	padding: 15px 0;
	margin: 15px 0;
	border-radius: 7px;
}
#mobileMenu_mobileselect {
	display: block;
	width: 90%;
	margin: auto;
	height: 1.6em;
}
footer .grid_4 {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}
}

/* medium smartphones, portrait ----------- */
@media (max-width: 320px) {
	body {
	background-image: none;
	background-color: #440000;
}
#container, #colophon {
	width: 98%;
}
#container {
	margin-top: 1px;
}
header h1 {
	font-size: 1.6em;
}
}





/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter: none !important;
	-ms-filter: none !important;
} /* Black prints faster: h5bp.com/s */
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}  /* Don't show links for images, or javascript/internal links */
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
} /* h5bp.com/t */
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}