/*
Theme Name: Utah Heritage
Theme URI: 
Author: red5@utah.gov
Author URI: http://dts.utah.gov
Description: 
Version: 1
License: 
License URI: 
Tags: 
Text Domain: 

*/



/* ------------------------------------------------   Boilerplate and custom - find original Twenty Twelve at bottom   ------------------------------------------------ 
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
	/*font-size: 1em;*/
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
	margin: 0;
	background: #ccc url('img/alert-icon-large.png') no-repeat 10px 3px;
	color: #000;
	padding: 10px 10px 10px 90px;
}
.chromeframe p {
	margin:0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	font-family: "Open Sans", "Lucida Sans", Tahoma, sans-serif;
	color:#333;
}

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

div.grid.post {
	/*padding:0;*/
}

table {
	width:100%;
}

iframe {
}

.redtext {
	font-weight: bold;
	color:red;
}


table.noAlternate {
	width:100%;
}

table.alternate {
	width:100%;
}
table.alternate td.even {
	background: #f5f5f5;
}
table.alternate td.odd {
	background: #fff;
}


/*ul li, ul li a {
	vertical-align: text-top;
}*/
ul li ul {
	margin: 0;
}



img.floatleft {
	display:block;
	float:left;
	margin:0 15px 15px 0;
}
img.floatright {
	display: block;
	float:right;
	margin:0 0 15px 15px;
}
img {
	max-width: 100%;
}

a {
	color:#21759B;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}




/* ------------------------------------------------   Body Backgrounds   ------------------------------------------------ */

#library {
	background-color:#D3D3D3;
	/*background:url(../img/PtlBackground.jpg) top center repeat;*/
}






/* ------------------------------------------------   Layout   ------------------------------------------------ */
#wrapper {
	background-color:#FFFFFF;
	/*background-color:#00FFFF;*/
	/*max-width:75em;*/
	margin:0 auto;
	padding:0; /* removed UII Banner 31px 0px 0px 0px; */
	position:relative;
	-webkit-box-shadow:0px -1px 5px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px -1px 5px 1px rgba(0, 0, 0, 0.5);
   	box-shadow:0px -1px 5px 1px rgba(0, 0, 0, 0.5);
}

#uiiBanner {
	/*background-color:#FF33CC;*/
	width:100%;
	height:31px;
	margin:0 auto;
	position:absolute;
	top:0px;
	left:0px;
}

#branding {
	/*background-color:#FF0000;*/
	box-sizing:border-box;
	/*width:33%;*/
	width:323px;
	height:100px;
	float:left;
}

#branding a {
	/*border:1px dashed black;*/
}

div.leftColumn {
	/*background-color:#FF0000;*/
	width:48%;
	float:left;
}

div.rightColumn {
	/*background-color:#FFFF00;*/
	background-color:#DDDDDD;
	width:48%;
	float:right;
}

div.rightColumn p, 
div.rightColumn h2, 
div.rightColumn h3, 
div.rightColumn h4,
div.rightColumn h5, 
div.rightColumn h6 {
	padding:8px;
}

ul.fiveup {
	list-style-type:none; 
	margin:0;
	padding:0;
}

ul.fiveup li { 
	border: 1px solid #CCCCCC; 
	border-radius: 5px;
	display: block; 
	float: left;
	margin: 5px; 
	min-height: 245px; 
	padding: 10px 5px; 
	text-align: center; 
	width: 135px; font-size:.8em;
}

ul.fiveup li strong {
	font-size:1.2em;
}

ul.twoup {
	list-style-type:none; 
	margin:0;
	padding:0;
}

ul.twoup li { 
	border: 1px solid #CCCCCC; 
	border-radius: 5px;
	display: block; 
	float: left;
	margin: 5px; 
	min-height: 70px; 
	padding: 10px 5px; 
	text-align: center; 
	width: 135px; font-size:.8em;
}

ul.twoup li strong {
	font-size:1.2em;
}



/* ------------------------------------------------   Main Logo Image Replace   ------------------------------------------------ */
#logoButton {
	/*border:1px dashed #00FF00;*/
	display:block;
	/*width:305px;*/
	width:32%;
	height:100px;
	float:left;
	-webkit-box-shadow:4px 0px 5px -2px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:4px 0px 5px -2px rgba(0, 0, 0, 0.30);
	box-shadow:4px 0px 5px -2px rgba(0, 0, 0, 0.30);
	/*box-shadow:6px 2px 5px -5px rgba(0, 0, 0, 0.5);*/
}

.departmentLogo {
	background:url(../img/logoDHA.png) center no-repeat;
}

.artsLogo {
	background:url(../img/logoArts.png) center no-repeat;
}

.historyLogo {
	background:url(../img/logoHistory.png) center no-repeat;
}

.indianAffairsLogo {
	background:url(../img/logoIndianAffairs.png) center no-repeat;
}

.libraryLogo {
	background:url(../img/logoLibrary.png) center no-repeat;
}

.multiculturalLogo {
	background:url(../img/logoMulticultural.png) center no-repeat;
}

.uServeLogo {
	background:url(../img/logoUserve.png) center no-repeat;
}




/* ------------------------------------------------   Main Menus   ------------------------------------------------ */
#sticky {
	background-color:#FFFFFF;
	z-index:1000;
	width:100%;
	max-width:1200px;
	-webkit-box-shadow: 0px 4px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 4px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 4px 5px rgba(50, 50, 50, 0.75);
	position: relative;
}


.mainmenu-wrapper {
	/*border:1px dashed #9900CC;*/
	line-height:normal;
	width:68%;
	float:left;
	padding:0px;
	margin:0px;
}

ul.mainmenu, 
ul.divisionmenu {
	/*background-color:#FF00FF;*/
	/*border:1px dashed #00FFFF;*/
	width:100%;
	margin:0;
	padding:0;
	position: relative;
}

ul.divisionmenu {
	width:100%;
	-webkit-box-shadow: 4px -2px 5px -2px #888;
	-moz-box-shadow: 4px -2px 5px -2px #888;
	box-shadow: 0px 4px 5px -3px rgba(0, 0, 0, 0.5);
}


ul.divisionmenu>li {
	min-width:16%;
	padding:0px 0px 0px 2px;
}

ul.mainmenu>li {
	width:16.6%;
}


#mainmenu-smallscreen.btn {
	background-color:#464646;
}

#divisionmenu-smallscreen.btn, 
#secondary-content-menu-smallscreen.btn {
	background-color:#7D7D7D;
}

#mainmenu-smallscreen.btn, 
#divisionmenu-smallscreen.btn,
#secondary-content-menu-smallscreen.btn {
	color:#FFFFFF;
	display:none;
	position: relative;
	/*text-align: center;*/
	padding:5px;
	margin: 11px 10px;
	top: 4px;
	text-transform:uppercase;
	cursor:pointer;
}

ul.mainmenu li {
	/*border:1px dashed #00FF00;*/
}

ul.mainmenu>li, 
ul.divisionmenu>li {
	float:left;
	/*padding:0;*/
	list-style-type: none;
	/*color:#fff;*/
	position:relative;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


ul.mainmenu li a {
	padding:11px 0px 0px 0px;
}


ul.mainmenu > li a, ul.mainmenu > li a:active, ul.mainmenu > li a:visited, 
ul.divisionmenu > li a, ul.divisionmenu > li a:active, ul.divisionmenu > li a:visited {
	/*font-family: 'Open Sans Condensed', sans-serif;*/
	font-size:16px;
	color:#333;
	vertical-align: baseline;
	text-decoration: none;	
	display: block;
	line-height:1;
	margin: 0 auto;
}


ul.mainmenu > li a.btn, ul.mainmenu > li .btn a,
ul.divisionmenu > li a.btn, ul.divisionmenu > li .btn a {
	/*color:#222;*/
}

ul.mainmenu li ul.submenu,
ul.divisionmenu li ul.submenu {
	display: none;
}
ul.mainmenu li.menuitem.hover ul.submenu,
ul.divisionmenu li.menuitem.hover ul.submenu {
	list-style-type: none;
	display:block;
	position: absolute;
	z-index: 15;
	float:left;
	top:46px;
	background:#2f2f32;
	padding:15px 15px 15px 23px;
	border:1px solid;
	width:170px;
	text-indent: -8px;
}


ul.mainmenu li.menuitem {
	/*height:44px;*/
	height:24px;
}




/* ------------------------------------------------   Division Menu Image Replace   ------------------------------------------------ */
.dhaButtonSmall {
	display:block;
	width:106px;
	height:56px;
	background: url(../img/logos2x.png) no-repeat;
	background-position: 0px 16px;
	background-size: 106px;
}

.artsButtonSmall {
	display:block;
	width:106px;
	height:56px;
	background: url(../img/logos2x.png) no-repeat;
	background-position: 0px -36px;
	background-size: 106px;
}

.historyButtonSmall {
	display:block;
	width:106px;
	height:56px;
	background: url(../img/logos2x.png) no-repeat;
	background-position: 0px -91px;
	background-size: 106px;
}

.indianAffairsButtonSmall {
	display:block;
	width:106px;
	height:56px;
	background: url(../img/logos2x.png) no-repeat;
	background-position: 0px -144px;
	background-size: 106px;
}

.libraryButtonSmall {
	display:block;
	width:106px;
	height:56px;
	background: url(../img/logos2x.png) no-repeat;
	background-position: 0px -198px;
	background-size: 106px;
}

.multiculturalButtonSmall {
	display:block;
	width:106px;
	height:56px;
	background: url(../img/logos2x.png) no-repeat;
	background-position: 0px -244px;
	background-size: 106px;
}

.uServeButtonSmall {
	display:block;
	width:106px;
	height:56px;
	background: url(../img/logos2x.png) no-repeat;
	background-position: 0px -297px;
	background-size: 106px;
}




/* ------------------------------------------------   Button Bar   ------------------------------------------------ */
#buttonBar {
	
}

#buttonBar a {
	display:block;
	clear:both;
	/*-moz-box-shadow: inset 0 8px 7px -8px #000;*/
	/*-webkit-box-shadow: inset 0 8px 7px -8px #000;*/
	/*box-shadow: inset 0 8px 7px -8px #000;}*/
}

#buttonBar div {
	position:relative;
}

#buttonBar div a {
	color: #555555;
	margin: 12px 0 0;
	text-decoration: none;
	height: 70px;
}

#buttonBar div h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	background-color:#092E6E;
	color:#FFFFFF;
	padding:8px;
	position:absolute;
	top:8px;
	left:16px;
	text-transform:capitalize;
}

#buttonBar div p {
	font-size:.8em;
	padding:70px 0px 0px 0px;
	line-height:normal;
}

#buttonBar div.blockOne a {
	background:url(/wp-content/uploads/dhaButtonCollections.jpg) top center no-repeat;
}

#buttonBar div.blockTwo a {
	background:url(/wp-content/uploads/dhaButtonResearch.jpg) top center no-repeat;
}

#buttonBar div.blockThree a {
	background:url(/wp-content/uploads/dhaButtonServices.jpg) top center no-repeat;
}

#buttonBar div.blockFour a {
	background:url(/wp-content/uploads/dhaButtonFunding.jpg) top center no-repeat;
}

/*        ****   Arts and Museums Buttons     ****         */
body#arts #buttonBar div.blockOne a {
	background-image: url('/wp-content/uploads/artsButtonCollections.jpg');
}
body#arts #buttonBar div.blockTwo a {
	background-image: url('/wp-content/uploads/artsButtonToolkit.jpg');
}
body#arts #buttonBar div.blockThree a {
	background-image: url('/wp-content/uploads/artsButtonResources.jpg');
}
body#arts #buttonBar div.blockFour a {
	background-image: url('/wp-content/uploads/artsButtonOpportunities.jpg');
}

/*        ****   History Buttons     ****         */
body#history #buttonBar div.blockOne a {
	background-image: url('/wp-content/uploads/historyButtonCollections2.jpg');
	background-position: right;
}
body#history #buttonBar div.blockTwo a {
	background-image: url('/wp-content/uploads/historyButtonPreservation.jpg');
	background-position: right;
}
body#history #buttonBar div.blockThree a {
	background-image: url('/wp-content/uploads/historyButtonCemeteries.jpg');
	background-position: right;
}
body#history #buttonBar div.blockFour a {
	background-image: url('/wp-content/uploads/historyButtonFunding.jpg');
}


/*        ****   Indian Affairs Buttons     ****         */
body#indianAffairs #buttonBar div.blockOne a {
	background-image: url('/wp-content/uploads/IndianAffairsButtonCollections.jpg');
}
body#indianAffairs #buttonBar div.blockTwo a {
	background-image: url('/wp-content/uploads/IndianAffairsButtonTribes.jpg');
}
body#indianAffairs #buttonBar div.blockThree a {
	background-image: url('/wp-content/uploads/IndianAffairsButton03.jpg');
}
body#indianAffairs #buttonBar div.blockFour a {
	background-image: url('/wp-content/uploads/IndianAffairsButton04.jpg');
}

/*        ****   Multicultural Affairs Buttons     ****         */
body#multicultural #buttonBar div.blockOne a {
	background-image: url('/wp-content/uploads/MulticulturalButton02.jpg');
}
body#multicultural #buttonBar div.blockTwo a {
	background-image: url('/wp-content/uploads/MulticulturalButton04.jpg');
}

/*        ****  Libarary Buttons     ****         */
body#library #buttonBar div.blockOne a {
	background-image: url('/wp-content/uploads/LibraryButton01.jpg');
}
body#library #buttonBar div.blockTwo a {
	background-image: url('/wp-content/uploads/LibraryButton02.jpg');
}
body#library #buttonBar div.blockThree a {
	background-image: url('/wp-content/uploads/LibraryButton03.jpg');
}
body#library #buttonBar div.blockFour a {
	background-image: url('/wp-content/uploads/LibraryButton04.jpg');
}


/*        ****  U Serve Buttons     ****         */
body#uServe #buttonBar div.blockOne a {
	background-image: url('/wp-content/uploads/uServeButton01.jpg');
}
body#uServe #buttonBar div.blockTwo a {
	background-image: url('/wp-content/uploads/uServeButton02.jpg');
}
body#uServe #buttonBar div.blockThree a {
	background-image: url('/wp-content/uploads/uServeButton03.jpg');
}
body#uServe #buttonBar div.blockFour a {
	background-image: url('/wp-content/uploads/uServeButton04.jpg');
}




#buttonBar div.blockOne h3 {
	background:rgb(0, 106, 165);
	background:rgba(0, 106, 165, .7);
}

#buttonBar div.blockTwo h3 {
	background:rgb(216, 66, 5);
	background:rgba(216, 66, 5, .7);
}

#buttonBar div.blockThree h3 {
	background:rgb(188, 23, 41);
	background:rgba(188, 23, 41, .7);
}

#buttonBar div.blockFour h3 {
	background:rgb(51, 162, 66);
	background:rgba(51, 162, 66, .7);
}




/* ------------------------------------------------   Grids   ------------------------------------------------ */
.gridTwo div.grid {
	/*background-color:#FF0000;*/
	display:block;
	width:49%;
	float:left;
	margin:0px 0px 0px 2%;
}

.gridTwo div.grid:first-child {
	margin-left:0;
}

.gridThree div.grid {
	/*background-color:#0000FF;*/
	display:block;
	width:32%;
	float:left;
	/*margin:28px 0px 28px 2%;*/
	margin:0px 0px 0px 2%;
}

.gridThree div.grid:first-child {
	margin-left:0;
}


/* !!! Stops floating at about 500 !!! */
.gridFour div.grid {
	/*background-color:#00FF00;*/
	display:block;
	width:23.5%;
	float:left;
	/*margin:28px 0px 28px 2%;*/
	margin:0px 0px 0px 2%;
}

.gridFour div.grid:first-child {
	margin-left:0;
}




/* ------------------------------------------------   Library Style Grids   ------------------------------------------------ */
/*  SECTIONS   */ 
.section {
	clear: both;
	padding: 0 0 0 7px;
	margin: 0px;
} 

/*  GROUPING   */
.group:before, .group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
} 

/*  GRID COLUMN SETUP    */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child {
	margin-left: 0;
} 

/* GRID OF TWO */ 
.span_2_of_2 { 	
	width: 100%; 
} 

.span_1_of_2 { 	
	width: 49.2%; 
} 


/*  GRID OF THREE    */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.13%;
}
.span_1_of_3 {
	width: 32.26%;
} 


/*  GRID OF FOUR */ 	 
.span_4_of_4 {
	width: 100%;
} 

.span_3_of_4 {
	width: 74.6%;
} 

.span_2_of_4 {
	width: 49.2%;
} 

.span_1_of_4 {
	/*width: 23.8%;*/
	width:23%;
}




/* ------------------------------------------------   Colors   ------------------------------------------------ */
.gray-v {
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top,  #666666 0%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #666666 0%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #666666 0%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #666666 0%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}

.blue-v {
	background-color:#AF4325;
	
}

a.blue-v {color:#FFF;}


/* ------------------------------------------------   iFrame Stuff   ------------------------------------------------ */
div.twoCol span.title {
	background-color:#CCCCCC;
	display:block;
	padding:4px 0px 4px 8px;
}






/* ------------------------------------------------   Social Media   ------------------------------------------------ */
#uServe ul#social-media-links,
#arts ul#social-media-links,
#library ul#social-media-links,
#dha ul#social-media-links,
#multicultural ul#social-media-links,
#indianAffairs ul#social-media-links,
#history ul#social-media-links {
	background-color: #BCBEC0;
}

ul#social-media-links {
	padding: 6px;
}

ul#social-media-links li {
	list-style: none;
}

ul#social-media-links h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	display: inline;
	padding: 0 0 0 16px;
	margin: 0;
}

ul#social-media-links div {
	float: right;
}

ul#social-media-links ul.menu {
	/*border: 1px dashed #F00;*/
}

ul#social-media-links ul.menu li {
	float: left;
	margin: 0 0 0 18px;
}

ul#social-media-links ul.menu li:first-child {
	margin: 0;
}

ul#social-media-links ul.menu li a {
	background: top left no-repeat;
	background-size: 26px;
	display: block;
	width: 26px;
	text-indent: 542px;
	overflow: hidden;
}
	
ul#social-media-links ul.menu li.twitter-link a {
	background-image: url(img/icons/icon-twitter-button-grey2x.png);
}

ul#social-media-links ul.menu li.facebook-link a {
	background-image: url(img/icons/icon-facebook-button-grey2x.png);
}

ul#social-media-links ul.menu li.rss-link a {
	background-image: url(img/icons/icon-news-button-grey2x.png);
}

ul#social-media-links ul.menu li.youtube-link a {
	background-image: url(img/icons/icon-youtube-button-grey2x.png);
}

ul#social-media-links ul.menu li.instagram-link a {
	background-image: url(img/icons/icon-instagram-button-grey2x.png);
}

ul#social-media-links ul.menu li.pinterest-link a {
	background-image: url(img/icons/icon-pinterest-button-grey2x.png);
}

ul#social-media-links ul.menu li.picasa-link a {
	background-image: url(img/icons/icon-picasa-button-grey2x.png);
}



ul#socialMediaWidgets {
	list-style-type:none;
	width:99%;
	margin:0;
	padding:0;
}

#socialMediaWidgets li {
	list-style:none;
	width:32%;
	height:266px;
	float:left;
	margin:28px 0px 28px 2%;
	
	background-image: -ms-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
	background-image: -o-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EAEAEA), color-stop(1, #FFFFFF));
	background-image: -webkit-linear-gradient(top, #EAEAEA 0%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom, #EAEAEA 0%, #FFFFFF 100%);
}

ul#socialMediaWidgets li.widget_text:first-child {
	margin-left:0;
}

ul#socialMediaWidgets li ul li {
	background:none;
	width:100%;
	float:none;
	margin:0px 0px 0px 0px;
	height:auto;
}

ul#socialMediaWidgets div a {
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	text-align:right;
}

ul#socialMediaWidgets li.widget {
	font-size:.8em;
}

ul#socialMediaWidgets h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1.5em;
	margin:0;
	padding:4px 10px 4px 10px;
	text-decoration:none;
}

ul#socialMediaWidgets h3 a {
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	text-align:right;
}

ul#socialMediaWidgets li ul {
	padding:6px 10px 6px 10px;
}

ul#socialMediaWidgets li.widget_text > h3 {
	display:none;
}

ul#socialMediaWidgets div.twitter h3 {
	background:url(img/icons/twitter.png) top left no-repeat #00AEEF;
}

ul#socialMediaWidgets div.facebook h3 {
	background:url(img/icons/facebook.png) top left no-repeat #0061A0;
}

ul#socialMediaWidgets div.news h3 {
	background:url(img/icons/rss.png) top left no-repeat #F26522;
}

ul#socialMediaWidgets li.widget_rss > h3 {
	background:url(img/icons/rss.png) top left no-repeat #F26522;
}

a.rsswidget img {
	display:none;
}

ul#socialMediaWidgets li.widget_rss ul {
	height:222px;
	overflow-y: scroll;
	overflow-x: hidden;
}

ul#socialMediaWidgets li.widget_rss ul li {
	padding:0px 0px 12px 0px;
}

ul#socialMediaWidgets iframe {
	width: 100%;
}


#fb-root {display: none; }
 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	/*width: 100% !important;*/
	width:auto;
}
 
.facebook {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	height: 100px;
	overflow: hidden;
}
 
.facebook iframe,
.facebook object,
.facebook embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


div.share {
	display:block;
	margin:0 0 6px 16px;
}


	


/* ------------------------------------------------  Featured Blocks   ------------------------------------------------ */
#featuredMain img, #featuredSecondary img {
	width:100%;
	height:auto;
}

#featuredMain h3, #featuredSecondary h3 {
	margin:8px 0px 0px 0px;
}

#featuredMain p, #featuredSecondary p {
	margin:8px 0px 8px 0px;
}


#featuredMain {
	margin:10px 0px 0px 0px;
}

#featuredSecondary {
	margin:10px 0px 0px 0px;
}

#featuredMain a, #featuredSecondary a {
	color:#898989;
}

#featuredMain h3 a, #featuredSecondary h3 a {
	color:#464646;
}







/* ------------------------------------------------   Search Stuff   ------------------------------------------------ */
#search input[type="text"] {
	font-size:120%;
	color: #636363;
	/*background-position:10px 10px !important;*/
	/*background:url(img/buttons/searchSmall.png) top left no-repeat #FFFFFF;*/
	border:1px solid #B6AFA8;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 3px 3px 6px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 6px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 6px rgba(50, 50, 50, 0.75);

	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EBEBEB 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EBEBEB 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #EBEBEB 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EBEBEB));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EBEBEB 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EBEBEB 100%);

	padding: 0px 10px 0px 10px !important;
	height:34px;
	width: 200px;
}


#search .searchButton {
    border: 2px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    height: 32px;
    width: 32px;
	position: relative;
	box-shadow: 0 0 4px rgba(0,0,0,.5);
	color:rgba(0,0,0,0);
	display:none;
}
#search .searchButton:hover {
	background-color:#000;
}

#searchClose {
	/*background-color:#FF0000;*/
	display:none;
	width:10px;
	height:10px;
}

#search {
	/*background-color:#FF0000;*/
	position:absolute;
	top: 125px;
	right:40px;
	/*margin:144px 0 0 0;*/
	z-index:900;
}

#searchField {
}



#search input.submit {
    display: none;
}

#searchSmall {
	background:url(img/buttons/searchSmall.png) top left no-repeat;
	display:none;
	width:24px;
	height:24px;
	cursor:pointer;
}
#searchSmall.sideicon {
	position: absolute;
	top: 96px;
	right:0px;
	background-color:#fff;
	background-position:center center;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
	display:block;
	opacity:1;
	padding:5px;
	border-radius:5px;
}



/* ------------------------------------------------   Submenu Widths   ------------------------------------------------ */
ul.mainmenu li ul.submenu li,
ul.divisionmenu li ul.submenu li {
	padding:0;
	margin:0;
	text-align: left;
}
ul.mainmenu li ul.submenu li:hover,
ul.divisionmenu li ul.submenu li:hover {
	background: #545459;
	transition: all 1s ease;
}
ul.mainmenu li ul.submenu li:before,
ul.divisionmenu li ul.submenu li:before {
	content: "\00BB \0020";
}

ul.mainmenu li.menuitem ul.submenu li a,
ul.divisionmenu li.menuitem ul.submenu li a {
	font-size:.9em;
	text-decoration: none;
	color: #fff;
	outline:none;
	padding: 6px 0;
	display:inline;
}




.arrow-right {
}

.arrow-down {
	display:inline-block;
	width:23px;
	height:12px;
	margin:0px 10px;
	background:url(img/buttons/arrowDown.png) no-repeat;
}

.mainmenu-arrow {
	margin:9px 0 0 4px;
}




/* ------------------------------------------------   Content Area   ------------------------------------------------ */
#content-wrapper {
	clear:both;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	padding:0px 10px 0px 10px;
	/*margin:10px 0px 0px 0px;*/
}

#content-wrapper .content-with-secondary-wrapper {
	width:100%;
	background: #fff url(img/backgrounds/content-side-nav-bg.png) repeat-y 28% top;
}


/* ------------------------------------------------   Page Content   ------------------------------------------------ */
#featured-image-wrapper {
	max-height: 400px;
	overflow: hidden;
}
#featured-image-wrapper img {
	width:100%;
}

div#page-content{
	width:72%;
	float: left;
	margin-top: 0;
	float:right;
	margin-bottom: 0px;
	padding-top: 0px;
	padding:0px 16px 0px 32px;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body.full-width div#page-content {
	width: 100%;
}

h1 {
	font-size:1.7em;
	font-weight: 400;
}
h2 {
	font-size:1.5em;
	font-weight: 400;
}
h3 {
	font-weight: 400;
}
div.grid.post h3 {
	font-weight: bold;
}
h3.widget-title {
	text-transform: uppercase;
	margin:1em 0 .3em 0;
}
/*
.widget ul {
	margin-top:0;
	padding:0 0 0 1.5em;
}
*/
#page-content article:first-child h1,
#content-wrapper h1.half {
	width: 50%;
}

#content-wrapper #featured-image-wrapper ~ #page-content h1 {
	width:auto;
}

#page-content>h1:first-child {
	margin-top:.5em;
}
h1.archive-title {
	font-size: 1.4em;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#888;
}
.entry-meta {
	font-size:.8em;
	color:#555;
}
article {
	margin-bottom:15px;
}

/* ------------------------- Form Stuff ------------------------- 
form label {
	font-weight:bold;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="fax"],
form input[type="number"] {
	max-width:100%;
	height:25px;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="fax"],
form input[type="number"],
form textarea {
	border:1px solid #666;
	border-radius:4px;
}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form input[type="fax"]:focus,
form textarea:focus {
	border-color: #0099CC;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3) inset;
}
form input.gsc-input[type="text"]:focus {
	box-shadow:none;
}
form textarea {
	width:100%;
}

form input[type="submit"] {
	background: #F0F0F0;
    border: 1px solid;
    border-radius: 7px;
    padding: 7px 50px;
}
form input[type="submit"]:hover,
form input[type="submit"]:focus {
	background: #0099CC;
	color:#fff;
}

form select {
	max-width:100%;
}

*/


/* Form 7 stuff */
div.form7 div.check50 {
	width:40%;
	margin:16px 0 16px 42%;
}

span.wpcf7-list-item {
	display: block;
	margin-bottom:10px;
}

div.form7 span.wpcf7-list-item label {
	float:none;
}

div.form7 p.agree label {
	float:none;
	margin-left:4px;
}

div.form7 input[type="text"],
div.form7 input[type="email"],
div.form7 input[type="tel"],
div.form7 input[type="fax"],
div.form7 input[type="number"] {
	width:56%;
	height:25px;
}

div.form7 textarea {
}


div.form7 fieldset {  
	background-color:#EEE;
	margin:40px 0 0 0;  
	padding:16px;
	/*border:1px solid #092e6e;*/
	border-radius:4px;
}

div.form7 legend {
	color:#092e6e;
	font-weight:bold;
	font-size:1.2em;
	position:absolute;
	margin:-36px 0 0 16px;
}

div.form7 fieldset ol {  
	padding:10px 10px 0 10px;  
	list-style:none;
}

div.form7 fieldset li {  
	position:relative;
	padding-bottom:1em;
	line-height:3.4em;
}

div.form7 fieldset#submitform {  
	background-image:none;
	border-style:none;
}

div.form7 label {
	font-weight:normal;
	position:relative;
	clear:left;
	float:left;
	width:40%;
	margin-right:12px;
	padding:6px 0 0 0;
	/*padding-right:30px;*/
	/*line-height:3.4em;*/
	text-align:right;
}

div.form7 label.comments {
	text-align:left;
	padding:6px 0 0 8px;
}


div.form7 input {
	padding:5px;
	font-size:1.4em;
	/*border:1px solid #493F0B; */
	color:#1E1903; 
	/*background:#F5F6D4;*/
}

div.form7 input.radio {
	border:none;
	background:transparent;
}






#page-content ul,
#page-content ol {
	overflow: hidden;
}

#page-content .chosen-container  ul.chosen-results,
#page-content .chosen-container ol.chosen-results 
{
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.postlist h3 {
	margin:1em 0em -.7em 0em;
}

/* ------------------------------------------------   Columns   ------------------------------------------------ */
.columns {
	
}
.columns .col2 {
	margin-left:4%;
	width:48%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}
.columns .col2:first-child {
	margin-left:0;
}
.columns .col3 {
	margin-left:3.5%;
	width:31%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}
.columns .col3:first-child {
	margin-left:0;
}
.columns .col3:nth-child(3n+4) {
	clear:left;
	margin-left:0;
}
.columns .col4 {
	margin-left:4%;
	width:22%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}
.columns .col4:first-child {
	margin-left:0;
}
.columns .col5 {
	margin-left:2.5%;
	width:18%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}
.columns .col5:first-child {
	margin-left:0;
}

.columns .col6 {
	/*background-color:#CCC;*/
	margin-left:2.5%;
	width:14.5%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}

.columns .col6:first-child {
	margin-left:0;
}

.columns.thumb {
	margin-bottom:8px;
}

.columns.thumb .col6 {
	/*background-color:#FF0000;*/
	max-width:100px;
}

.columns .col6.thumb img {
	width:100%;
	height:inherit;
}


div.columns.spinner .col2 {
	/*border:1px dashed #000000;*/
	margin:0px 0 2px 2px;
	height:200px;
}

div.columns.spinner .col2 img {
	/*width:100%;*/
}

div.columns.spinner div.col2.beauty {
	background:url(http://heritage.utah.gov/wp-content/uploads/Brooch-A2.jpg) top center no-repeat;
	/*background-size:contain;*/
	background-size:100%;
}


div.columns.spinner div.col2.power {
	background:url(http://heritage.utah.gov/wp-content/uploads/Revolver2.jpg) top center no-repeat;
	/*background-size:contain;*/
	background-size:100%;
}

div.columns.spinner div.col2.order {
	background:url(http://heritage.utah.gov/wp-content/uploads/Gavel2.jpg) top center no-repeat;
	/*background-size:contain;*/
	background-size:100%;
}

div.columns.spinner div.col2.courage {
	background:url(http://heritage.utah.gov/wp-content/uploads/Brooch-B2.jpg) top center no-repeat;
	/*background-size:contain;*/
	background-size:100%;
}

div.columns.spinner a.fill {
	/*background-color:rgba(51, 51, 51, .5);*/
	color:#FFFFFF;
	font-size:1.5em;
	display:block;
	width:100%;
	height:100%;
	padding:12px;
}

div.columns.spinner a.fill span {
	background-color:rgba(0, 0, 0, .1);
	display:block;
	padding:8px 0 8px 24px;
}

div.columns.spinner a.fill:hover span {
	background-color:rgba(0, 0, 0, .2);
}

.columns.agenda .col2 {
    /*border-top: 1px solid #0000FF;*/
    margin-left:4%;
    width:76%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
}
.columns.agenda .col2:first-child {
    /*background-color: #FF0000;*/
    margin-left:0;
    width: 20%;
}

/* help line up first object in each column */
.columns.agenda .col2 h2:first-child,
.columns.agenda .col2 p:first-child,
.columns.agenda .col2 ul:first-child,
.columns.agenda .col2 ol:first-child, 
.columns.agenda .col2 a:first-child {
    margin-top: 16px;
    padding-top: 0;
}



/* ------------------------------------------------   Secondary Menu   ------------------------------------------------ */
#secondary-content-menu-smallscreen {
	display:none;
}
#secondary {
	position: relative;
	width:28%;
	float:left;
	padding: 15px 15px 15px 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:.9em;
	color:#444;
}

ul.menu, ul.sub-menu {
	margin:0;
	padding: 0 0 0 0;
	line-height: 1.8em;
}
ul.menu > li > a,
ul.sub-menu > li > a {
	/*background:#f6f6f6;*/
	padding: 0 5px;
	display: block;
	outline: none;
}
ul.menu > li > a:hover,
ul.sub-menu > li > a:hover
{
	background:transparent url('img/buttons/selectedMenuArrow.png') no-repeat right center;
	text-decoration: none;
}
ul.sub-menu {
	background:#fff;
	display:none;
}

div#secondary.widget-area .widget_nav_menu ul.menu,
div#secondary.widget-area .widget_nav_menu ul.menu ul.sub-menu {
	list-style-type: none;
}

div#secondary.widget-area .widget_nav_menu ul.menu li.menu-item {
	background: transparent url('img/buttons/blank.png') no-repeat left 5px;
	padding: 0 0 0 1em;
}

div#secondary.widget-area .widget_nav_menu ul.menu li.menu-item.current-menu-ancestor,
div#secondary.widget-area .widget_nav_menu ul.menu li.menu-item.menu-open
{
	background-image: url('img/buttons/arrowDown14px.png');
}

div#secondary.widget-area .widget_nav_menu ul.menu li.menu-item.menu-closed {
	background-image: url('img/buttons/arrowRight14px.png');
}

div#secondary.widget-area .widget_nav_menu ul.menu li.menu-item.current-menu-ancestor > ul.sub-menu, 
div#secondary.widget-area .widget_nav_menu ul.menu li.menu-item.current-menu-item > ul.sub-menu,
div#secondary.widget-area .widget_nav_menu ul.menu li.menu-item.menu-open > ul.sub-menu {
	display:block;
}
div#secondary.widget-area .widget_nav_menu ul.menu li.menu-item.current-menu-ancestor.menu-closed > ul.sub-menu, 
div#secondary.widget-area .widget_nav_menu ul.menu li.menu-item.current-menu-item.menu-closed > ul.sub-menu{
	display:none;
}

div#secondary.widget-area .widget_nav_menu ul.menu li.current-menu-item > a {
	font-weight: bold;
	background:transparent url('img/buttons/selectedMenuArrow.png') no-repeat right center;
}



/* ------------------------------------------------   Breadcrumbs   ------------------------------------------------ */
ul#breadcrumbs {
	font-size: .8em;
	text-shadow:1px 1px #FFFFFF;
	height: 24px;
	background-image: url(img/breadcrumb-background-right.png), url(img/breadcrumb-background-left.png);
	background-repeat: no-repeat, no-repeat;
	background-position:right top, left top;
	margin-top: 0px;
	padding-top: 5px;
}
ul#breadcrumbs li {
	display: inline;
	margin: 0;
	padding-left: 3px;
}
ul#breadcrumbs li a {
	color: #5d4c2e;
	background-color: transparent;
	background-image: url(img/breadcrumbs-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 11px 18px 11px 4px;
	vertical-align: baseline;
}
ul#breadcrumbs li a:visited {border: none;}
ul#breadcrumbs li a:hover {border: none; text-decoration: underline;}




/* ------------------------------------------------   Footer   ------------------------------------------------ */
#footer {
	background-color:#000000;
	background-image: -ms-linear-gradient(top, #4D4D4D 0%, #000000 100%);
	background-image: -moz-linear-gradient(top, #4D4D4D 0%, #000000 100%);
	background-image: -o-linear-gradient(top, #4D4D4D 0%, #000000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(, #4D4D4D), color-stop(1, #000000));
	background-image: -webkit-linear-gradient(top, #4D4D4D 0%, #000000 100%);
	background-image: linear-gradient(to bottom, #4D4D4D 0%, #000000 100%);
	
	color:#FFFFFF;
	padding:1em;
	margin:0;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer img {
	float:left;
}
#footer .gray-button {
	border: solid 1px #666;
	display: block;
	padding: 8px 16px;
	margin: 92px 0 0 78px;
	width: 110px;
	text-align: center;
}
#footer a.gray-button {
	color: #999;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	background: #000;
	
}
#footer a.gray-button:hover {
	color: #CCC;
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top,  #666666 0%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #666666 0%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #666666 0%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #666666 0%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	border-color: #999;
}
#footer-left {
	float: left;
	overflow:hidden;
	margin: 0;
}

ul.footerNav {
	/*background-color:#FFFF00;*/
	float:right;
	width:50%;
	overflow:hidden;
	margin:0;
}

.footerNav li {
	line-height:1.5em;
	float:left;
	display:inline;
	width:50%;
}

.footerNav li a {
	font-size:.75em;
}

#copyright {
	/*clear:both;*/
	font-size: .6em;
	margin:8px 0 0 0;
	/*text-align: center;*/
}

#utahDotGov {
	/*border:1px solid #FFFFFF;*/
	width:87%;
	text-align:right;
}

#utahDotGov a {
}

#utahDotGov a img {
	float:right;
}



/* ------------------------------------------------    Images and Captions   ------------------------------------------------ */
.alignleft {
	float: left;
	margin:0 15px 15px 0;
}

.alignright {
	float: right;
	margin:0 0 15px 15px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}



.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	background-color:#ebebeb;
	font-style: italic;
	font-size: 79%;
	line-height: 1.5;
	color: #757575;
	padding:5px;
}

div.wp-caption {
	max-width: 100%;
}

p.wp-caption-text {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	text-align:center;
	padding:0;
	margin:0 10px 0 0;
}





/* ------------------------------------------------    Document Icons   ------------------------------------------------ */
.documentdl {
	display: inline-block;
	padding-left: 20px;
	background: transparent url("img/document-default.png") left 3px no-repeat;
	min-height: 16px;
}
.news .documentdl {
	display: inline;
}
.documentdl.pdf {
	background-image: url("img/document-pdf.png");
}
.documentdl.excel {
	background-image: url("img/document-excel.png");
}
.documentdl.word {
	background-image: url("img/document-word.png");
}
.documentdl.formdocs {
	background-image: url("img/document-formdocs.png");
}




/* ------------------------------------------------    Site Settings Panel   ------------------------------------------------ */
#sitesettings-panel {
	border:1px solid #000;
	background: #fff;
	padding:15px;
	z-index: 1001;
	box-shadow: 0 2px 4px rgba(0,0,0,0.4);
	margin:-200px auto 0 auto;
	width:234px;
	position:absolute;
}


#sitesettings-panel h4 {
	color:#000;
	margin:10px 0 0 0;
	text-align:center;
}
#sitesettings-panel h4:first-child {
	margin:0;
}
#sitesettings-panel .button {
	color: #FFF;
	margin-top:10px;
}
#sitesettings-panel .button.small {
	width:20%;
	float:left;
	margin-left:5%;
	font-size:1.9em;
	-moz-box-sizing: border-box;
	padding:0;
	text-align: center;
	box-sizing: border-box;
}
#sitesettings-panel .button.small.first {
	margin-left:0;
}
#sitesettings-panel .button.medium {
	width:50%;
	float:left;
	margin-left:5%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#sitesettings-panel .closebutton {
	z-index: 100;
	position: absolute;
	right:-12px;
	top:-12px;
	width: 40px;
	height: 40px;
	background:transparent url('img/buttons/icon_closebutton_white.png') left top no-repeat;
}
#sitesettings-panel .closebutton:hover {
	background-position: left -40px;
}

#sitesettings-panel a.button {
	background: linear-gradient(to bottom, #666666 0%,#333333 100%);
	color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
    display: block;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    outline: 0;
    text-align: center;
}

.footerNav li #sitesettings-panel a {
	font-size:1em;
	line-height:1em;
	float:none;
	display:block;
}




/* ------------------------------------------------   Grants Stuff   ------------------------------------------------ */
div.grant {
	background-color: #DDDDDD;
	border:1px solid #7D7D7D;
	/*box-sizing: border-box;*/
	margin: 1em 0 1.2em 0;
	padding: 0;
	box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
	height: 280px;
	overflow: hidden;
}

div.grant h2 {
	margin:0;
	padding:.6em 0 .2em 0;
}

div.grant h3 {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	padding:0;
}

div.grant p {
	margin-top: 0;
}

div.grant div.featured-img {
	float: left;
	margin: 0 1em 0 0;
}

div.grant div.text {
	/*border:1px dashed #00FF00;*/
	padding:0 1em 0em 1em;
}

div.grant div.text p {
	font-size:.85em;
}





/* ------------------------------------------------   Buttons   ------------------------------------------------ */
 .button {
	color:#fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	display: block;
	padding:10px 20px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
	outline: 0;
	text-align: center;
}
.button:hover {
	-webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.75) inset;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.75) inset;
}
.button.right {
	float:right;
}
a.button.left {
	float:left;
}

.revdropshadowtext, .revdropshadowtext h2, .revdropshadowtext a {
	color:#fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	font-weight: normal;
}
.revdropshadowtext a:hover {
	color:#eee;
}

a.button {color:FFFFFF;}

.margin-top-medium {
	margin-top: 12px;
}



/* ------------------------------------------------   Custom Buttons from: [CSS3 buttons](http://css3buttons.michaelhenriksen.dk) is a simple *framework* for creating good-looking GitHub style button links.   ------------------------------------------------ */
a.button, button { display: inline-block; padding: 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('img/buttons/css3buttons/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; position: relative; zoom: 1; line-height: 1.11; *display: inline; *vertical-align: middle; }
button { margin-left: 0; margin-right: 0; *padding: 5px 5px 3px 5px; }
a.button { -moz-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-touch-callout: none;}
button::-moz-focus-inner { border: 0; padding:0px; }
a.button.primary, button.primary { font-weight: bold }
button:focus,a.button:hover, 
button:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2D7DC5; }
a.button:active, button:active,
a.button.active, button.active { background-position: 0 -81px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; }
a.button:active, button:active { top: 1px }
a.button.negative:hover, button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
a.button.negative:active, button.negative:active,
a.button.negative.active, button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }
a.button.positive:hover, button.positive:hover { background-position: 0 -280px; background-color: #96ED89; border-color: #45BF55; }
a.button.positive:active, button.positive:active,
a.button.positive.active, button.positive.active { background-position: 0 -320px; background-color: #45BF55; }
a.button.pill, button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px 4px 10px; *padding: 4px 10px; }
a.button.left, button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; border-right: none; }
a.button.middle, button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; }
a.button.right, button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
a.button.left:active, button.left:active,
a.button.middle:active, button.middle:active,
a.button.right:active, button.right:active { top: 0px }
a.button.big, button.big { font-size: 16px; padding-left: 14px; padding-right: 17px; }
button.big { *padding: 4px 17px 2px 17px; }

a.big.button span.icon, button.big span.icon { top: 0px }

a.button.icon span { 
	display: inline-block; 
	width: 14px; 
	height: 12px; 
	margin: auto 7px auto auto; 
	position: relative; 
	top: 0; 
	*top: 0px; 
	background-image: url('img/buttons/css3buttons/css3buttons_icons.png'); 
	background-repeat: no-repeat;
}

a.button.icon.book span { background-position: 0 0; }
a.button.icon.book:hover span { background-position: 0 -15px; }

a.button.icon.calendar span { background-position: 0 -30px }
a.button.icon.calendar:hover span { background-position: 0 -45px }

a.button.icon.chat span { background-position: 0 -60px }
a.button.icon.chat:hover span { background-position: 0 -75px }

a.button.icon.check span { background-position: 0 -90px }
a.button.icon.check:hover span { background-position: 0 -103px }

a.button.icon.clock span { background-position: 0 -116px }
a.button.icon.clock:hover span { background-position: 0 -131px }

a.button.icon.cog span { background-position: 0 -146px }
a.button.icon.cog:hover span { background-position: 0 -161px }

a.button.icon.comment span { background-position: 0 -176px }
a.button.icon.comment:hover span { background-position: 0 -190px }

a.button.icon.cross span { background-position: 0 -204px }
a.button.icon.cross:hover span { background-position: 0 -219px }

a.button.icon.downarrow span { background-position: 0 -234px }
a.button.icon.downarrow:hover span { background-position: 0 -249px }

a.button.icon.fork span { background-position: 0 -264px }
a.button.icon.fork:hover span { background-position: 0 -279px }

a.button.icon.heart span { background-position: 0 -294px }
a.button.icon.heart:hover span { background-position: 0 -308px }

a.button.icon.home span { background-position: 0 -322px }
a.button.icon.home:hover span { background-position: 0 -337px }

a.button.icon.key span { background-position: 0 -352px }
a.button.icon.key:hover span { background-position: 0 -367px }

a.button.icon.leftarrow span { background-position: 0 -382px }
a.button.icon.leftarrow:hover span { background-position: 0 -397px }

a.button.icon.lock span { background-position: 0 -412px }
a.button.icon.lock:hover span { background-position: 0 -427px }

a.button.icon.loop span { background-position: 0 -442px }
a.button.icon.loop:hover span { background-position: 0 -457px }

a.button.icon.magnifier span { background-position: 0 -472px }
a.button.icon.magnifier:hover span { background-position: 0 -487px }

a.button.icon.mail span { background-position: 0 -502px }
a.button.icon.mail:hover span { background-position: 0 -514px }

a.button.icon.move span { background-position: 0 -526px }
a.button.icon.move:hover span { background-position: 0 -541px }

a.button.icon.pen span { background-position: 0 -556px }
a.button.icon.pen:hover span { background-position: 0 -571px }

a.button.icon.pin span { background-position: 0 -586px }
a.button.icon.pin:hover span { background-position: 0 -601px }

a.button.icon.plus span { background-position: 0 -616px }
a.button.icon.plus:hover span { background-position: 0 -631px }

a.button.icon.reload span { background-position: 0 -646px }
a.button.icon.reload:hover span { background-position: 0 -660px }

a.button.icon.rightarrow span { background-position: 0 -674px }
a.button.icon.rightarrow:hover span { background-position: 0 -689px }

a.button.icon.rss span { background-position: 0 -704px }
a.button.icon.rss:hover span { background-position: 0 -719px }

a.button.icon.tag span { background-position: 0 -734px }
a.button.icon.tag:hover span { background-position: 0 -749px }

a.button.icon.trash span { background-position: 0 -764px }
a.button.icon.trash:hover span { background-position: 0 -779px }

a.button.icon.unlock span { background-position: 0 -794px }
a.button.icon.unlock:hover span { background-position: 0 -809px }

a.button.icon.uparrow span { background-position: 0 -824px }
a.button.icon.uparrow:hover span { background-position: 0 -839px }

a.button.icon.user span { background-position: 0 -854px }
a.button.icon.user:hover span { background-position: 0 -869px }




/* ------------------------------------------------   IE Stuff   ------------------------------------------------ */
.lt-ie9 #wrapper {
	width:1200px;
}

.lt-ie9 ul.mainmenu li {
	/*background-color:#FF0000;*/
	padding:0px;
	margin:0px;
}

.lt-ie9 ul.mainmenu li a {
	padding:0px;
	margin:0px;
}

.lt-ie9 #search {
	/*border:1px dashed #FF0000;*/
	width:230px;
	right:40px;
	
}

.lt-ie9 #search input.search {
    background-image: none;
    border: 1px solid #B6AFA8;
    color: #B6AFA8;
    font-size: 13px;
    width: 207px;
    height: 34px;
    padding: 14px 6px 0px 10px;
}

.lt-ie9 #sticky {
	border-bottom:2px solid #CCCCCC;
	z-index:1900;
}

.lt-ie9 ul.mainmenu ul.sub-menu li a {
	/*border:1px dashed #00FF00;*/
	z-index:2000;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * 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;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
  
  Media Queries for Responsive Design.

========================================================================== */
/* .mainmenu-wrapper default 68% */
/* 959px */

/*@media only screen and (max-width: 1024px) and (min-width: 591px)*/
@media only screen and (max-width: 1024px) {
	div.grant {
		width:45%;
		height:auto;
		float:left;
		margin: 1em 4% 1.2em 0;
	}
	
	div.grant:nth-child(3n+3) {
		clear:left;
	}
	
	div.grant div.featured-img {
		width:100%;
		float:none;
	}
	
	div.grant div.featured-img img {
		width:100%;
	}
}

/* 959px */
@media only screen and (max-width: 969px) {
	#logoButton {
		-webkit-box-shadow: none;
		-moz-box-shadow:  none;
		box-shadow: none;
		width:40%;
		margin-bottom:20px;
	}
	
	.mainmenu-wrapper {
		/*background-color:#FF0000;*/
		width:100%;
		float:none;

	}
	
	ul.divisionmenu {
		/*background-color:#00FF00;*/
		width:53%;
		float:right;
		padding:0px 0px 0px 34px;
		margin:0px;
		-webkit-box-shadow:  -1px 0px 4px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:  -1px 0px 4px rgba(50, 50, 50, 0.75);
		box-shadow: -1px 0px 4px rgba(50, 50, 50, 0.75);
	}
	
	ul.mainmenu {
		/*background-color:#FF0000;*/
		background-color:#FFFFFF;
		display:block;
		float:none;
		width:100%;
		height:44px;
		margin:0px 0px 0px 0px;
		-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
		-moz-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
		box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
		position:absolute;
		top:111px;
	}
	
	#search {
		position:absolute;
		top:180px;
	}
	
	#searchSmall.sideicon {
		top: 152px;
		z-index: 1;
	}
	
	#content-wrapper {
		padding-top:35px;
	}
	
	
	ul.divisionmenu>li {
		/*border:1px dashed #FFFF00;*/
		min-width:32%;
		/*padding:0px 0px 0px 2px;*/
	}
	
	ul.mainmenu li.menuitem {
		height:44px;
	}
	
	.columns .col4, .columns .col5 {
		margin-left:4%;
		width:48%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float:left;
	}
	.columns .col4:first-child, columns .col5:first-child, 
	.columns .col4:nth-child(3), .columns .col5:nth-child(3), .columns .col5:nth-child(5){
		margin-left:0;
		clear:left;
	}
	
	div.form7 div.check50 {
		width:95%;
		margin:16px 0 16px 0;
	}
	
	div.form7 label {
		display:block;
		width:95%;
		margin:0;
		float:none;
		clear:both;
		text-align:left;
	}
	
	div.form7 input[type="text"],
	div.form7 input[type="email"],
	div.form7 input[type="tel"],
	div.form7 input[type="fax"],
	div.form7 input[type="number"] {
		width:95%;
	}
}


/* Responsive Table 768px*/
@media only screen and (max-width: 768px) {
	img {
		max-width: 100%;
	}
	
	#buttonBar div h3 {
		font-size:82%;
	}
	
	#buttonBar div.blockOne a,
	#buttonBar div.blockTwo a,
	#buttonBar div.blockThree a,
	#buttonBar div.blockFour a {
		background-size:auto 64px;
	}
		
	#buttonBar div p {
		padding:64px 0px 0px 0px;
	}	
}





@media only screen and (max-width: 767px) {
	#page-content article:first-child h1,
	#content-wrapper h1.half {
		width: auto;
	}
	table.responsive img {
		max-width: 100%;
		width:100%;
	}
	table.alternate {
		border-bottom:1px solid #888;
	}
	table.alternate td.optional, 
	table.alternate th.optional {
		display:none;
	}
	table.alternate tr {
		border-top:1px solid #888;
	}
	table.alternate td, 
	table.alternate th {
		display:block;
		border-width: 0 1px 0 1px;
		text-align: center;
	}
	
	#logoButton {
		/*border:1px dashed #0000FF;*/
		background-position:20px;
		width:100%;
		clear:both;
		float:none;
		margin:0;
		-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.60);
		-moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.60);
		box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.60);
	}
	
	ul.divisionmenu, ul.mainmenu {
		/*background-color:#00FF00;*/
		width:100%;
		float:none;
		padding:0px;
		-webkit-box-shadow:none;
		-moz-box-shadow: none;
		box-shadow:none;
	}
	
	
	ul.divisionmenu {
		/*background-color:#FFFF00;*/
		/*margin:0px 0px 0px 20px;*/
	}
	
	ul.divisionmenu > li a {
		/*border:1px dashed #000000;*/
		margin:0 auto;
	}
	
	ul.mainmenu {
		/*background-color:#EBEBEB;*/
		position:inherit;
		height:122px;
	}
	
	#search {
		top:35px;
	}
	
	#search input.search {
		width:166px;
	}
	
	#content-wrapper {
		padding-top:0px;
	}
	
	ul.mainmenu > li {
		min-width:32%;
		float:left;
	}
	
	#mainmenu-smallscreen.btn,
	#divisionmenu-smallscreen.btn, 
	#secondary-content-menu-smallscreen.btn {
		display: block;
	}
	#secondary-content-menu-smallscreen.btn {
		margin:10px 0 0;
	}
	
	ul.mainmenu,
	.mainmenu-wrapper {
		/*height:40px;*/
	}
	
	ul.mainmenu li ul.submenu li,
	ul.mainmenu li.menuitem ul.submenu li a {
		padding: 10px 0;
	}
	#content-wrapper .content-with-secondary-wrapper {
		background: #fff none;
	}
	
	div#page-content{
		width:100%;
		float: none;
	}
	#page-content h1 {
		width: auto;
	}

	#secondary {
		width:100%;
		float:none;
		display: none;
		background:#FFF;
		padding:5px 15px;
		margin:0;
		border: 1px solid #7D7D7D;
	}
	#footer img {
		margin-bottom: 15px;
	}
	ul.footerNav {
		float: none;
		width: 100%;
		padding: 0;
	}
	
}

@media only screen and (max-width: 630px) {
	.gridFour div.grid {
		/*background-color:#00FF00;*/
		width:100%;
		float:none;
		margin:10px 0px 0px 0px;
	}
	
	.gridThree div.grid {
		width:100%;
		float:none;
		/*margin:28px 0px 28px 2%;*/
		margin:10px 0px 0px 0px;
	}
	
	
	#buttonBar div.blockOne a,
	#buttonBar div.blockTwo a,
	#buttonBar div.blockThree a,
	#buttonBar div.blockFour a {
		background-size:auto auto;
	}
		
	#buttonBar div p {
		padding:70px 0px 0px 0px;
	}	
	

	
	ul#socialMediaWidgets li {
		height:70px;
	}
	
	ul#socialMediaWidgets div.textwidget div {
		background-image:none;
		padding:0;
	}
	
	ul#socialMediaWidgets h3.socialMedia a
	 {
		/*border:1px dashed #000000;*/
		text-align:left;
		text-indent:-9999px;
		height:70px;
		
	}
	
	/* red5 - the wp widget puts 2 links inside the h3. by setting the h3 height and hiding overflow, only the first link shows */
	ul#socialMediaWidgets li.widget_rss > h3 {
		height:70px;
		overflow:hidden;
	}
	
	ul#socialMediaWidgets li.widget_rss > h3 a {
		text-align:left;
		text-indent:-9999px;
		height:70px;
	}

	
	/*ul#socialMediaWidgets li.widget_rss > h3 {
		background:url(img/icons/rss.png) top left no-repeat #F26522;
	}*/
	
	
	ul#socialMediaWidgets div.twitter h3,
	ul#socialMediaWidgets div.facebook h3,
	ul#socialMediaWidgets div.news h3,
	ul#socialMediaWidgets li.widget_rss h3,
	ul#socialMediaWidgets li.widget_rss h3 a
	{
		background-image:none;
	}
	
	
	ul#socialMediaWidgets h3.socialMedia {
		padding:4px 10px 4px 10px;
	}
	
	ul#socialMediaWidgets div.twitter h3.socialMedia a {
		background:url(img/icons/twitterLarge.png) center center no-repeat;
	}
	
	ul#socialMediaWidgets div.facebook h3.socialMedia a {
		background:url(img/icons/facebookLarge.png) center center no-repeat;
	}
	
	/*ul#socialMediaWidgets div.news h3.socialMedia a,*/
	ul#socialMediaWidgets li.widget_rss > h3 a {
		background:url(img/icons/rssLarge.png) center center no-repeat;
	}
	
	ul#socialMediaWidgets iframe,
	ul#socialMediaWidgets li.widget_rss ul {
		display:none;
	}
	
	.columns .col2,
	.columns .col3, 
	.columns .col4, 
	.columns .col5 {
		width:100%;
		margin-left:0;
	}

}



@media 
	only screen and (-o-min-device-pixel-ratio: 5/4) and (max-width:630px),
	only screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width:630px),
	only screen and (min-resolution: 120dpi) and (max-width:630px) {

	ul#socialMediaWidgets div.twitter h3.socialMedia a {
		background-image:url(img/icons/twitterLarge2x.png);
		background-size:44px 44px;
	}
	
	ul#socialMediaWidgets div.facebook h3.socialMedia a {
		background-image:url(img/icons/facebookLarge2x.png);
		background-size:44px 44px;
	}
	
	ul#socialMediaWidgets div.news h3.socialMedia a,
	ul#socialMediaWidgets li.widget_rss > h3 a {
		background-image:url(img/icons/rssLarge2x.png);
		background-size:44px 44px;
	}
}



@media only screen and (max-width: 590px) {
	#search {
		display:none;
		top:12px;
		right:22px;
	}
	
	#searchClose {
		background:url(img/buttons/close.png) top left no-repeat;
		width:22px;
		height:22px;
		display:block;
		cursor:pointer;
		position:absolute;
		z-index:10;
		top:-6px;
		right:-6px;
	}
	
	/* Removed UII Banner per customer request
	#uiiBanner {
		display:none;
	}
	
	#wrapper {
		padding:0;
	}
	*/
	
	#searchSmall {
		display:block;
		position:absolute;
		top:20px;
		right:30px;
	}
}



@media only screen and (max-width: 500px) {
	#page-content {
		padding:0px 8px 0px 8px;
	}
	#buttonBar {
		
	}
	
	#buttonBar a {
	}
	
	#buttonBar div {
		display:block;
		position:relative;
		width:100%;
		height:70px;
		float:none;
	}
	
	#buttonBar div a {
	}
	
	#buttonBar div h3 {
		font-family: 'Open Sans Condensed', sans-serif;
		font-size:100%;
		top:2px;
		left:26px;
	}
	
	#buttonBar div.blockOne a,
	#buttonBar div.blockTwo a,
	#buttonBar div.blockThree a,
	#buttonBar div.blockFour a {
		background-size:auto;
	}
	
	#buttonBar div p {
		text-indent:-9999px;
	}
	ul.footerNav li {
		width:100%;
	}
	
	div.leftColumn, div.rightColumn {
		width:100%;
		float:none;
	}
	.columns.thumb .col6 {
		width:31%;
	}
	
	.columns .col6:nth-child(4) {
		/*margin-top:8px;*/
		margin-left:0;
		clear:left;
	}
	
	.columns .col6:nth-child(4), .columns .col6:nth-child(5), .columns .col6:nth-child(6) {
		margin-top:8px;
	}
	
	ul.fiveup li {
		width:120px;
	}
}

@media only screen and (max-width: 530px) {

}

/* Library Style Grids */
@media only screen and (max-width: 480px) {
	.col {
	margin: 1% 0 1% 0%;
	}
	
	
	.span_2_of_2 { 		
		width: 100%;  	
	} 	
	.span_1_of_2 { 		
		width: 100%;  	
	} 
	
	.span_3_of_3 {
	width: 100%;
	}
	.span_2_of_3 {
	width: 100%;
	}
	.span_1_of_3 {
	width: 100%;
	}
	
	.span_4_of_4 {
		width: 100%;
	} 	
	
	.span_3_of_4 {
		width: 100%;
	} 	
	
	.span_2_of_4 {
		width: 100%;
	} 	
	
	.span_1_of_4 {
		width: 100%;
	}
	
	
	
	
	div.grant {
		width:100%;
		height:auto;
		float:none;
}

	div.grant div.featured-img {
		width:25%;
		float:left;
		margin: 10px;
	}

	div.grant div.featured-img img {
		width:100%;
	}

	div.grant div.text {
		clear:left;
	}
	
	div.grant h2 {
		padding-top: 0;
	}
	
	
}



@media only screen and (max-width: 400px) {
	.gridTwo div.grid {
		width:100%;
		float:none;
		/*margin:28px 0px 28px 2%;*/
		margin:10px 0px 0px 0px;
	}
}

@media only screen and (max-width: 360px) {
	#logoButton {
		/*border:1px dashed #0000FF;*/
		background-position:center;
	}
	
	ul.divisionmenu {
		/*background-color:#00FF00;*/
	}
	
	ul.divisionmenu > li {
		/*border:1px dashed #6600FF;*/
		min-width: 50%;
	}
	
	#searchSmall {
		top:10px;
		right:7px;
	}
	
	#page-content img {
		max-width:100%;
	}
	
	#page-content p.wp-caption-text {
		margin:0px 0px 6px 0px;
	}

}





@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
	.departmentLogo {
		background:url(../img/logoDHA2x.png) center no-repeat;
		background-size:contain;
	}
	
	.artsLogo {
		background:url(../img/logoArts2x.png) center no-repeat;
		background-size:contain;
	}
	
	.historyLogo {
		background:url(../img/logoHistory2x.png) center no-repeat;
		background-size:contain;
	}
	
	.indianAffairsLogo {
		background:url(../img/logoIndianAffairs2x.png) center no-repeat;
		background-size:contain;
	}
	
	.libraryLogo {
		background:url(../img/logoLibrary2x.png) center no-repeat;
		background-size:contain;
	}
	
	.multiculturalLogo {
		background:url(../img/logoMulticultural2x.png) center no-repeat;
		background-size:contain;
	}
	
	.uServeLogo {
		background:url(../img/logoUserve2x.png) center no-repeat;
		background-size:contain;
	}
	
	#searchSmall {
		background-image:url(img/buttons/searchSmall2x.png);
		background-size:24px;
	}
	
	#searchClose {
		background-image:url(img/buttons/close2x.png);
		background-size:contain;
	}
	
	#sitesettings-panel .closebutton {
		background:transparent url('img/buttons/icon_closebutton_white2x.png') left top no-repeat;
		background-size:40px;
	}
}


@media 
	only screen and (-o-min-device-pixel-ratio: 5/4) and (min-width:631px),
	only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width:631px),
	only screen and (min-resolution: 120dpi) and (min-width:631px) {



	ul#socialMediaWidgets div.twitter h3.socialMedia {
		background-image:url(img/icons/twitter2x.png);
		background-size:32px 32px;
	}
	
	ul#socialMediaWidgets div.facebook h3.socialMedia {
		background-image:url(img/icons/facebook2x.png);
		background-size:32px 32px;
	}

	ul#socialMediaWidgets li.widget_rss h3 {
		background-image:none;
	}

	/*ul#socialMediaWidgets div.news h3,*/
	ul#socialMediaWidgets li.widget_rss h3 a
	{
		background-image:url(img/icons/rss2x.png);
		background-size:32px 32px;
		background-repeat:no-repeat;
	}
	
	ul#socialMediaWidgets h3 {
		padding:4px 10px 4px 10px;
	}
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
	body {
		font-size:12px !important;
	}

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    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;
    }
	#sticky {
		display:none;
	}
	#search {
		display:none;
	}
	#secondary {
		display:none;
	}
	#page-content {
		width:100%;
	}
	#page-content article:first-child h1, #content-wrapper h1.half {
		width:100%;
	}
	#footer {
		display:none;
	}
}







/* ------------------------------------------------   Drop Down Menus (based on twentytwelve   ------------------------------------------------ */
.main-navigation {
	text-align: center;
}
.main-navigation li {
}
.main-navigation a {
}
.main-navigation a:hover {
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}

.main-navigation ul ul li {
	text-align:left;
}


.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}



.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	display: inline-block !important;
	text-align: left;
	width: 100%;
}
.main-navigation ul {
	margin: 0;
	text-indent: 0;
}
.main-navigation li a,
.main-navigation li {
	display: inline-block;
	text-decoration: none;
}
.main-navigation li a {
	border-bottom: 0;
	color: #6a6a6a;
	white-space: nowrap;
}
.main-navigation li a:hover {
	color: #000;
}
.main-navigation li {
	position: relative;
}
.main-navigation li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 1600;
}
.main-navigation li ul ul {
	top: 0;
	left: 100%;
}
.main-navigation ul li:hover > ul {
	border-left: 0;
	display: block;
}
.main-navigation li ul li a {
	background: #efefef;
	border-bottom: 1px solid #ededed;
	display: block;
	font-size: 90%;
	padding: 8px 10px;
	width: 180px;
	white-space: normal;
}
.main-navigation li ul li a:hover {
	background: #e3e3e3;
	color: #444;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	font-weight: bold;
}




/* Accessibility - Use this CSS file to provide high-contrast and other accessible changes.*/
body.accessibilityview {
	/*font-size:1.1em;*/
}

.accessibilityview button, 
.accessibilityview input, 
.accessibilityview select, 
.accessibilityview textarea {
	color:#000000;
}

.accessibilityview #header-container #mainmenu-wrapper {
}

.accessibilityview .gray-v {
	background:#000;
}

.accessibilityview a.blue-v {
	background-color:#000;
}

.accessibilityview #footer-wrapper {
}

.accessibilityview h3,
.accessibilityview p,
.accessibilityview a, 
.accessibilityview a:link, 
.accessibilityview a:visited {
	color:#000000;
	/*font-weight:bold;*/
}


.accessibilityview #secondary h3,
.accessibilityview #secondary p,
.accessibilityview #secondary li a:link, 
.accessibilityview #secondary li a:visited {
	color:#000000;
	font-weight:bold;
}

.accessibilityview #footer {
	background-color:#000000;
	background-image:none;
}

.accessibilityview #search input.gsc-input {
	color: #000000;
	border:2px solid #000000;
}

.accessibilityview #sitesettings-panel a.button {
	background: #000;
}