/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *---------------------------------------------- -------- -------- 
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *---------------------------------------------- -------- -------- 
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
color: #be764a;

}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}


/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}


cite {font-style:italic!important;}

.floatleft
{
float:left;
margin:0.5em 1.5em 1.5em 0;
}

.floatright
{
float:right;
margin:0.5em 0 1.5em 1.5em;
}

#template-header {z-index:1;}

/*.DnnModule-DNN_UserDefinedTable {margin-top:-10em!important;}*/

#pagecontent-wrapper #addressblock {font-size:85%;}


/* Style for div id GalleryImage in DNN Spot Rotator--ckirkham */

#GalleryImage 
{
  float: left;
 }


/* Style for div id GalleryDescription in DNN Spot Rotator--ckirkham */

#GalleryDescription 
{
  width: 10em;
  float: right;
  margin-left: 2em;
  font-size:65%;
  line-height:60%;
  position: relative;
  bottom: 0px;
}


/* Style for div id Directions on Map&Directions page--ckirkham */

#Directions 
{
  width: 35em;
  float: left;
  margin-left: 2em;
  font-size:85%;
  line-height:80%;
}


/* Style for div id MapInIframe on Map&Directions page--ckirkham */
#MapInIframe 
{
  position: relative;
  top: 0px;
}

/* Style for div id SHPOdiagram on Map&Directions page--ckirkham */     
#SHPOdiagram
{
  width: 35em;
  float: left;
  margin-left: 2em;
  font-size:85%;
  line-height:80%;
  position: relative;
  bottom: 0px;
  clear: both;
}

/* Style for text of events listed on home page--ckirkham */
#eventslist 
{
  font-size:90%;
  line-height:85%;
  font: arial, sans-serif;
}

/* Style for tighter leading/smaller font in tables and lists--ckirkham */
#tightline
{
  line-height: 80%;
}

/***********MENU BOXES ************/

/*****ONLY change items that have been commented for change*****/

.mask{

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity: 0;

background-color: rgba(99, 130, 56, 0.7); /*This changes the green background area on hover*/

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

margin: 2.325em 0em 0em 0em; /*This changes how high the green box shows. ONLY change this if the blue head area is

increased in size. */

}

/*View-First items show how the items are when first viewing the page*/

.view-first img {

-webkit-transition: all 0.2s linear;

-moz-transition: all 0.2s linear;

-o-transition: all 0.2s linear;

-ms-transition: all 0.2s linear;

transition: all 0.2s linear;

}

 

.view-first h2{

}

 

.view-first p {

-webkit-transform: translateY(100px);

-moz-transform: translateY(100px);

-o-transform: translateY(100px);

-ms-transform: translateY(100px);

transform: translateY(100px);

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity: 0;

-webkit-transition: all 0.2s linear;

-moz-transition: all 0.2s linear;

-o-transition: all 0.2s linear;

-ms-transition: all 0.2s linear;

transition: all 0.2s linear;

margin: 1em 0em;

}

 

.view-first a.info {

-webkit-transform: translateY(100px);

-moz-transform: translateY(100px);

-o-transform: translateY(100px);

-ms-transform: translateY(100px);

transform: translateY(100px);

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity: 0;

-webkit-transition: all 0.2s linear;

-moz-transition: all 0.2s linear;

-o-transition: all 0.2s linear;

-ms-transition: all 0.2s linear;

transition: all 0.2s linear;

margin: 1em 0em;

}

 

.view-first:hover .mask {

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

filter: alpha(opacity=100);

opacity: 1;

}

 

.view-first:hover h2,

.view-first:hover p,

.view-first:hover a.info {

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";g

filter: alpha(opacity=100);

opacity: 1;

-webkit-transform: translateY(0px);

-moz-transform: translateY(0px);

-o-transform: translateY(0px);

-ms-transform: translateY(0px);

transform: translateY(0px);

}

 

.view-first:hover p {

-webkit-transition-delay: 0.1s;

-moz-transition-delay: 0.1s;

-o-transition-delay: 0.1s;

-ms-transition-delay: 0.1s;

transition-delay: 0.1s;

}

 

.view-first:hover a.info {

-webkit-transition-delay: 0.1s;

-moz-transition-delay: 0.1s;

-o-transition-delay: 0.1s;

-ms-transition-delay: 0.1s;

transition-delay: 0.1s;

}

 

/* VIEW items are the items you see when hovering over the menu item.*/

.view {

width: 100%;

margin-bottom: 1em;

float: left;

overflow: hidden;

position: relative;

text-align: center;

-webkit-box-shadow: 1px 1px 2px #e6e6e6;

-moz-box-shadow: 1px 1px 2px #e6e6e6;

box-shadow: 1px 1px 2px #e6e6e6;

cursor: default;

background: #fff url(../portals/65/Desert.jpg) no-repeat center center; /*This background image may be changed but keep in

mind this will load if the other fail to work/load */

}

 

.view img {

display: block;

position: relative;

}

 

.view h2 {

text-transform: uppercase; /* You may change to lowercase or normal */

color: #fff; /*You may change the color of the text. Keep in mind your header background color*/

text-align: center; /*You may change align to left or right */

position: relative;

font-size: 1.75em; /*You may change this but keep in mind it will need an adjustment in the header background */

padding: 0.5em; /*Spacing around the header will affect the background area and mask will need adjusted */

background: rgba(57, 94, 120, 0.9); /* You may change this to any color – this is standard DoA blue */

margin: 0em;

}

 

.view p {

font-family: Georgia, serif; /*This is the font type for the description text*/

font-style: italic;

font-size: 1em;

position: relative;

color: #fff; /*This color can be changed. Keep in mind the background color you have for your mask */

margin: 2.5em 0; /*This number may be adjusted to fit your text – larger number means more gap */

}

 

.view a {

font-family: Georgia, serif; /*This is the font type for the description text*/

font-style: italic;

font-size: 1em;

position: relative;

color: #fff; /*This color can be changed. Keep in mind the background color you have for your mask */

margin: 2.5em 0; /*This number may be adjusted to fit your text – larger number means more gap */

}

 

.view .mask {

width: 100%;

height: 100%;

position: absolute;

overflow: hidden;

top: 0;

left: 0;

  display: block;

}

 

.view a.info { /*This section controls the “Go Now” as a link*/

display: inline-block;

text-decoration: none !important;

color: #fff !important; /*This should be the initial color of “Go Now” button text*/

text-align: center;

position: relative;

font-size: 1em; /*This changes the font size but keep in mind it will effect your other items*/

margin: 1em 0; /*This adjusts the area outside the box*/

padding: 1em; /* This adjusts the area inside the box */

  width: 100% !important; 

  height: 100% !important;

  top: 0;

  left: 0;

}

 

.view a.info:hover {

  color: #fff !important; /*This changes the “Go Now” to green on hover*/

  text-decoration: none !important;

}

 

.view .nomask{ /*This section allows the header to show when not hovered*/

width: 100%;

height: 100%;

position: absolute;

overflow: hidden;

top: 0;

left: 0;

}


.VotingBlock {padding: 2rem;margin: 2rem!important;margin-bottom:0!important;padding-bottom:0;}
.VotingBlock img {margin-bottom:1rem;}


.ExhibitItem {clear:both;margin-top:1.5rem;margin-bottom:1.5rem;}
.ExhibitItem cite {font-size:1.1rem;display:block;color:rgb(125, 44, 40);line-height:150%;}
.ExhibitItem .ExhibitItemDetails {margin:1rem 0;line-height:150%;}
.ExhibitItem img {float:right;width:312px;padding-left:1.5rem;clear:both;margin-bottom:1.5rem;}
@media (max-width: 480px) {
	.ExhibitItem img {float:none;width:90%;padding-left:0;clear:both;margin-bottom:1.5rem;}
}

#dnn_ctr68092_dnnTITLE_titleLabel {font-size:1.4rem;margin-bottom:-0.5rem;}
/*.dnnFormWarning {display:none!important;}*/

.VoteButtonList {list-style:none;}
	.VoteButton {display: block;
		text-decoration:none!important;
		width: 8rem;
		text-align: center;
		color: white!important;
		padding: 0.2rem;
		margin:0.5rem 0 2rem 0;
		border-radius:7px;}
	.VoteButtonLink {font-size:1.4rem;}
	.VoteButtonLink1 {color:#CC3333!important;}
	.VoteButtonLink2 {color:#006666!important;}
	.VoteButtonLink3 {color:#996600!important;}
	.VoteButtonLink4 {color:#0066CC!important;}
	.VoteButtonLink5 {color:#CC3399!important;}
	.VoteButtonLink6 {color:#DF901F!important;}
	.VoteButtonLink7 {color:#9212C8!important;}
	.VoteButtonLink8 {color:#FF6633!important;}
	.VoteButtonLink9 {color:#669900!important;}
	.VoteButtonLink10 {color:#6E00DD!important;}
	.VoteButton1 {background-color:#CC3333!important;}
	.VoteButton2 {background-color:#006666!important;}
	.VoteButton3 {background-color:#996600!important;}
	.VoteButton4 {background-color:#0066CC!important;}
	.VoteButton5 {background-color:#CC3399!important;}
	.VoteButton6 {background-color:#DF901F!important;}
	.VoteButton7 {background-color:#9212C8!important;}
	.VoteButton8 {background-color:#FF6633!important;}
	.VoteButton9 {background-color:#669900!important;}
	.VoteButton10 {background-color:#6E00DD!important;}

.BuyItNowButton {padding-bottom:0.5rem;}

.QuizAnswerSet {margin:-0.8rem 0 1.5rem 2.5rem;line-height:1.4;}

 figure.DigitalIssueImage figcaption {text-align:center;font-size:0.9rem;}

/*****Rennan and Diane Gallery Work 20200723 **************/

div.pp_default .pp_nav {display:none!important;}
.DnnModule-96131 h2, .DnnModule-96208 h2 {display:none;}