@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		6;
	dw-num-cols-desktop:	8;
	dw-gutter-percentage:	10;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 92.8409%;
	padding-left: 1.0795%;
	padding-right: 1.0795%;
}

#mobile_header {
	clear: both;
	width: 100%;
	padding-left: 3%;
	display: block;
	background-color: #002663;
	border-bottom: solid #ffd200 2px;
	
}

#UDStandardHeader {
	display: none;
}

#ResearchHeader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/*#Yellowbar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}*/
#Features {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	-moz-box-shadow: 0px 5px 10px 8px rgba(0,0,0, 0.5);
    -webkit-box-shadow: 0px 5px 10px 8px rgba(0,0,0, 0.5);
     box-shadow: 0px 5px 10px 8px rgba(0,0,0, 0.5);
    /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    border: 1px solid #888;
}
#Navigation {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:-20px;
	width: 100%;
	display: none;
	z-index: 300;
	position: relative;
}
/*#Issue_Content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}*/
#ResearchMag_Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index: 100;
	position: relative;
}
#innercontent {
	clear: both;
	float: left;
	margin-left: 0;
	padding:2em 0;
	width: 100%;
	display: block;
	z-index: 200;
	position: relative;
	color: #8C8C8C;
	background-color: #EAEAEA;
	-moz-box-shadow: 0px 5px 10px 8px rgba(0,0,0, 0.5);
    -webkit-box-shadow: 0px 5px 10px 8px rgba(0,0,0, 0.5);
     box-shadow: 0px 5px 10px 8px rgba(0,0,0, 0.5);
    /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    border: 1px solid #888;
}
#header p.ISSN {
	display:none;
}
.subscribe {
	display:none;
}
.ipad {
	display:none;
}
#ContentSidebar {
	clear: none;
	float: left;
	margin-left: 0;
	margin-bottom:20px;
	padding-left:2%;
	width: 96%;
	display: block;
}
#ContentFeatures {
	clear: none;
	float: left;
	margin-left: 0;
	margin-bottom:20px;
	padding-left:2%;
	width: 96%;
	display: block;
}
.MainFeature {
	clear: none;
	float: left;
	margin-left: 0;
	margin-bottom:20px;
	margin-right:0;
	margin-top:0;
	width: 96%;
	display: block;
	background-color: #FFF;
	padding: 2%;
	border: 1px solid #D6D6D6;
	
}
.Subfeature {
	clear: none;
	float: left;
	width: 92%;
	display: block;
	background-color: #FFF;
	padding: 2%;
	border: 1px solid #D6D6D6;
	margin: 0px 2% 20px 2%;
}
/*main nav*/
#mainnav_div {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FC0;
}
#mainnav_div ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#mainnav_div li {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1em;
	color: #515046;
	letter-spacing:1px;
	border-bottom: 1px solid #515046;
	background-color: #FC0;
}
#mainnav_div li a {
	font-weight: bold;
	font-size: 1.1em;
	color: #515046;
	display: block;
	text-decoration: none;
	width: 100%;
	padding: 10px .7em 10px .7em;
}
html>body #mainnav_div li a {
	width: auto;
}
#mainnav_div li a:hover {
		background-color: #515046;
		text-decoration:none;
		color: #FFB518;
}
.ribbons {
	display:none;
}
/*Button*/
.buttonsurvey {
	display:block;
	background-color: #999;
	padding: 2px 20px 1px 15px;
	margin-bottom:20px;
	}
	/*sidebar content hidden*/
	.content { 
	display:none;
}

	/*Archive Container*/
.archive_issue { 
	clear: none;
	float: left;
	width: 92%;
	display: block;
	background-color: #FFF;
	padding: 2%;
	border: 1px solid #D6D6D6;
	margin: 0px 2% 20px 2%;
}
.archivethumbnail-div {
	padding: 2px;
	float:left;
	margin:0 auto;
	margin-bottom: 10px;
}
/*Video Container*/
.video_issue { 
	clear: none;
	float: left;
	width: 92%;
	display: block;
	background-color: #FFF;
	padding: 2%;
	border: 1px solid #D6D6D6;
	margin: 0px 2% 20px 2%;
}
.videothumbnail-div {
	padding: 2px;
	float:left;
	margin:0 auto;
	margin-bottom: 10px;
}

	

/* Tablet Layout: 581px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 670px) {
.gridContainer {
	width: 84%;
	padding-left: 0.6818%;
	padding-right: 0.6818%;
}
/* For Shadow Under Header Bar*/
/* #UDStandardHeader {
	clear: both;
	width: 100%;
	display: block;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}*/
#ResearchHeader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#mobile_header {
	display: none;
}
div#UDStandardHeader {
 clear: both;
	width: 100%;
	display: block;
  height: 66px;
  text-align: left;
  font-family: "Arial", Helvetica, Verdana, sans-serif;
	background-color: #002663;
	border-bottom: solid #ffd200 3px;
	padding: 0px;
}
/*#Yellowbar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}*/

#Features {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#Navigation {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index: 300;
	position: relative;
}

/*#Issue_Content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}*/

#ResearchMag_Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index: 100;
	position: relative;
}

#innercontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index: 200;
	position: relative;
}
#header p.ISSN {
	padding: 10px 0 0 0;
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	letter-spacing:1px;
	line-height:18px;
	margin:0;
	display:inherit;
}
.subscribe {
	display:none;
}
.ipad {
	display:none;
}
#ContentSidebar {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 26%;
	padding-left:2%;
	display: block;
}
#ContentFeatures {
	clear: none;
	float: left;
	margin-left: 0;
	margin-bottom:20px;
	width: 68%;
	display: block;
}
.MainFeature {
	clear: none;
	float: left;
	margin-left: 0;
	margin-bottom:20px;
	margin-right:0;
	margin-top:0;
	width: 96%;
	display: block;
	background-color: #FFF;
	padding: 2%;
	border: 1px solid #D6D6D6;
}
.Subfeature {
	clear: none;
	float: left;
	width: 64%;
	display: block;
	background-color: #FFF;
	padding: 2%;
	border: 1px solid #D6D6D6;
	margin: 0px 0px 20px 2%;
}
/*main nav*/
#mainnav_div {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 35px;
	background-color: #FC0;
}
#mainnav_div ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	float:left;
}
#mainnav_div li {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1em;
	color: #515046;
	letter-spacing:1px;
	border-bottom: 1px solid #515046;
	background-color: #FC0;
	float:left;
}
#mainnav_div li a {
	ffont-weight: bold;
	font-size: 1.1em;
	line-height: 1em;
	color: #515046;
	display: block;
	text-decoration: none; 
	width: 100%;
	padding: 10px .7em 10px .7em;
}
html>body #mainnav_div li a {
	width: auto;
}
#mainnav_div li a:hover {
		background-color: #696969;
		text-decoration:none;
		background-image: url(../images/nav_bgHover.jpg);
		background-position: top;
		background-repeat: repeat-x;
		color: #FFB518;
}
.ribbons {
	display:inline;
}
/*sidebar content show*/
.content { 
	display:block;
}

/*Archive Container*/
.archive_issue { 
	clear: none;
	float: left;
	width: 26.5%;
	display: block;
	background-color: #FFF;
	padding: 2%;
	border: 1px solid #D6D6D6;
	margin: 0px 0px 20px 2%;
}
.archivethumbnail-div {
	clear: both;
	width:100%;
	padding: 2px;
	margin:0 auto;
	margin-bottom: 10px;
	text-align:center;
}
/*Video Container*/
.video_issue { 
	clear: none;
	float: left;
	width: 42.6%;
	display: block;
	background-color: #FFF;
	padding: 2%;
	border: 1px solid #D6D6D6;
	margin: 0px 0px 20px 2%;
}
.videothumbnail-div {
	clear: both;
	width:100%;
	padding: 2px;
	margin:0 auto;
	margin-bottom: 10px;
	text-align:center;
}
	
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 770px) {
.gridContainer {
	width: 90%;
	max-width: 1000px;
	padding-left: 0.4829%;
	padding-right: 0.4829%;
	margin: auto;
}
#ResearchHeader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border: 1px;
	border-bottom-color: #999;
	border-bottom-style: solid;
}
/*#Yellowbar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}*/
#Features {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Navigation {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index: 300;
	position: relative;
}
/*#Issue_Content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}*/
#ResearchMag_Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index: 100;
	position: relative;
}
#innercontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index: 200;
	position: relative;
}
#header p.ISSN {
	padding: 10px 0 0 0;
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	letter-spacing:1px;
	line-height:18px;
	margin:0;
	display:inherit;
}
.subscribe {
	display:block;
}
.ipad {
	display:block;
	margin-top:10px;
}
#ContentSidebar {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 26%;
	padding-left:2%;
	display: block;
}
#ContentFeatures {
	clear: none;
	float: left;
	margin-left: 0;
	margin-bottom:20px;
	width: 68%;
	display: block;
}
.MainFeature {
	clear: none;
	float: left;
	margin-left: 0;
	margin-bottom:20px;
	margin-right:0;
	margin-top:0;
	width: auto;
	display: block;
	background-color: #FFF;
	padding: 2%;
	border: 1px solid #D6D6D6;
}
.Subfeature {
	clear: none;
	float: left;
	width: 29%;
	display: block;
}
/*main nav*/
#mainnav_div {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FC0;
}
#mainnav_div ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	float:left;
}
#mainnav_div li {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1em;
	color: #515046;
	letter-spacing:1px;
	bborder-bottom: 1px solid #515046;
	background-color: #FC0;
	float:left;
}
#mainnav_div li a {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1em;
	color: #515046;
	display: block;
	text-decoration: none; 
	width: 100%;
	padding: 10px .7em 10px .7em;
}
html>body #mainnav_div li a {
	width: auto;
}
#mainnav_div li a:hover {
		background-color: #696969;
		text-decoration:none;
		background-image: url(../images/nav_bgHover.jpg);
		background-position: top;
		background-repeat: repeat-x;
		color: #FFB518;
}
.ribbons {
	display:inline;
}
/*Button*/
.buttonsurvey {
	display:block;
	background-color: #999;
	padding: 2px 20px 1px 15px;
	margin-bottom:20px;
	}
	/*sidebar content show*/
.content { 
	display:block;
}
/*Archive Container*/
.archive_issue { 
	clear: none;
	float: left;
	width: 26.5%;
	display: block;
}
.archivethumbnail-div {
	clear: both;
	padding: 2px;
	margin:0 auto;
	width:100%
	margin-bottom: 10px;
	text-align:center;
}
/*Video Container*/
.video_issue { 
	clear: none;
	float: left;
	width: 42.6%;
	display: block;
}
.videothumbnail-div {
	clear: both;
	width:100%;
	padding: 2px;
	margin:0 auto;
	margin-bottom: 10px;
	text-align:center;
}
}