/* elements */

/*HEADER NAVIGATION */

#header {
	border-bottom:2px solid #cccccb;
	min-width:826px;
}
#top-bar {
	min-width: 826px;
	padding: 9px 0;
	background: #cccccb;
}
#alt-menu-wrapper {
	width: 766px;
	margin: 0 auto 0 auto;
	padding: 0 30px;
	overflow: auto;
}
#alt-menu {
	font-size: 0.8em;
	color: white;
	margin: 9px 0 0 0;
	text-align: right;
	list-style: none;
	letter-spacing: 1px;
}
#alt-menu li {
	display: inline;
	margin-right: 16px;
}
#alt-menu a {
	color: #31342b;
	text-decoration: none;
}
#alt-menu a:hover {
	color: #00aeef;
}
.search-container {
	float: right;
	position: relative;
	margin-top: 5px;
}
.PageSearchBox {
	width: 124px;
	border: none;
	color: #00aeef;
	padding: 4px;
	margin: 0;
	background: #ebeaea;
	font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', sans-serif; 
	font-weight: 400; 
	font-style: normal;
}
.PageSearchButton {
	position: absolute;
	right: 3px;
	top: 3px;
}
.primary-menu-container {
	width: 766px;
	margin: 0 auto 0 auto;
	padding: 8px 30px;
	overflow:auto;
}
#primary-menu {
	float: right;
	list-style: none;
	font-family: 'Gotham SSm 7r', 'Gotham SSm A', 'Gotham SSm B', sans-serif; 
	font-weight: 700;
	font-style: normal;
	font-size: 1.05em;
	letter-spacing: 1px;
	margin: 8px 0;
	padding: 0;
}
#primary-menu li {
	display: inline;
	margin-left: 20px;
}
#primary-menu li:first-child {
	margin-left: 0;
}
#primary-menu a {
	text-decoration: none;
	color: #00aeef;
}
#primary-menu a:hover {
	color: #de571f;
}
#logo-mobile {
	display: none;
	float: left;
	margin: 16px 0 0 30px;
	padding: 0;
}
.mobile-menu-icon {
	display: none;
}
.mobile-menu {
	display: none;
	text-align: center;
	clear: both;
	background: #31342b;
	padding: 10px 5%;
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobile-menu li {
	padding: 34px 0;
	border-bottom: 1px solid #3d3d3a;
	font-family: 'Gotham SSm 7r', 'Gotham SSm A', 'Gotham SSm B', sans-serif; 
	font-weight: 700;
	font-style: normal;
	font-size: 2.2em;
}

.mobile-menu li:last-of-type {
	border: none;
}
.mobile-menu a {
	text-decoration: none;
}
.expand {
	display: block !important;
}
.icon-menu {
	font-size:7em;
}
.search-container-mobile {
	display: none;
}
.HomeSearchBoxMobile {
	border: none;
	color: #00aeef;
	padding: 16px;
	margin: 16px 0;
	background: white;
	box-sizing: border-box;
	-moz-box-sizing	:border-box;
	width: 100%;
	font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', sans-serif; 
	font-weight: 400; 
	font-style: normal;
	font-size: 2.5em;
}
@media screen and (max-width:750px) {
	#logo-mobile {
		display: block;
	}
	#alt-menu {
		display: none;
	}
	.mobile-menu-icon {
		display: block;
		float: right;
		margin: 0 30px 0 0;
	}
	#primary-menu {
		display: none;
	}
	.search-container {
		display: none;
	}
	.search-container-mobile {
		display: block;
	}
}

/*END HEADER NAVIGATION*/

a {
	color: #252525;
}
a:hover {
	color: #00b0dc;
}
#AlertBox {
	font-size: .9em;
	color: #FFFFFF;
	background-color: #ED3C05;
	width: 448px;
	padding: 5px 108px 10px 11px;
	margin: 0 0 17px 199px;
	background-image:url(../../images/slashes.gif);
	background-position: top right;
	background-repeat:no-repeat;
}
	#AlertBox h2 {
		font-weight: bold;
		font-size: 1.4em;
		margin: 0px;
		text-transform: uppercase;
	}
	#AlertBox a {
		color: #FFFFFF;
	}	
.Alternate {
	background-color: #E1E1E1;
}
.ArchivedYearArticles {
	margin-left: 22px;
}
.ArchivedYears h3 {
	font-size: .9em;
	margin: 0;
}
.ArticlesDirect {
	font-size: .9em;
	line-height: 1.5em;
	padding-right: 14px;
}
.ArticlesDirect a {
	font-weight: bold;
	text-decoration: underline;
}
.ArticlesDirect a.headline {
	font-size: 1.1em;
}
.ArticlesDirect h4 {
	padding: 0 0 0 22px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(/images/icon_newspaper.gif);
	background-repeat: no-repeat;
	background-position: center left;
	line-height: 1em;
	margin-bottom: 1.2em;
	margin-top: 0px;
	vertical-align: baseline;
}
.Banner {
	border:1px solid #FFFFFF;
	margin-bottom: 7px;
	width: 183px;
	line-height: 0px;
}
.boldText{
    font-weight: bold;
}
.boldText:before{ content:"* "; }
.boldText:after { content:" *"; }

.bodyQuestion {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

body {
	background-color: #EBEAEA;
	background-image:url(../../images/seal_wide_high_light3.gif);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0px;
	font-size: .8em;
	line-height: 1.2em;
}
body, input, select {
	font-family: Arial, Helvetica, sans-serif;
	color: #252525;
}
#BreadCrumb {
	padding-bottom: 3px;
	/*margin-left: 199px; EDITED BY STEVE 2014 */
	display:block;
	margin-bottom:1em;
}
	#BreadCrumb a {
		font-size: .8em;
		text-transform: uppercase;
		text-decoration: none;
	}
.button-block {
	text-align: center;
	text-decoration: none;
}
.button-box {
	text-align: center;
	text-decoration: none;
	padding: 12px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#button-outline {
	display: inline-block;
	margin: 0 0 18px 0;
	padding: 12px 15px;
	border: 2px solid white;
	text-align: center;
}
.button-outline {
	display: inline-block;
	margin: 0 0 18px 0;
	padding: 12px 15px;
	border: 2px solid white;
	text-align: center;
	text-decoration: none;
}
.button-outline-wrapper a {
	color: white;
	text-decoration: none;
}
.button-cyan {
	color: white;
	background: #00aeef;
}
.button-cyan:hover {
	background: #00bdec;
	color: white;
	text-decoration: underline;
}
.button-navy {
	background: #014983;
	color: white;
}
.button-navy:hover {
	background: #0159a0;
	text-decoration: underline;
	color: white;
}
.button-orange {
	background: #De571f;
	color: white;
}
.button-orange:hover {
	background: #E2794C;
	text-decoration: underline;
	color: white;
}
.button-green {
	background: #b2bb1c;
	color: white;
}
.button-green:hover {
	background: #bcc61e;
	text-decoration: underline;
	color: white;
}
.button-darkgreen {
	background: #086d38;
	color: white;
}
.button-darkgreen:hover {
	background: #0a7a3d;
	text-decoration: underline;
	color: white;
}

.button-red {
	background: #b53228;
	color: white;
}
.button-red:hover {
	background: #d83c30;
	text-decoration: underline;
	color: white;
}
.button-yellow {
	background: #FDB913;
	color: #31342b;
}
.button-yellow:hover {
	background: #fdc233;
	text-decoration: underline;
	color: #31342b;
}
.button-gray {
	background: #D0D2D3;
	color: black;
}
.button-447 {
	background: #31342b;
	color: white;
}
.button-447:hover {
	background: #5A5D55;
	color: white;
	text-decoration: underline;
}
.BuyTix {
	margin-top: .4em;
}
#Calendar {
	
}
#CalendarNarrow {
	font-size: .8em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
	#CalendarNarrow a {
		text-transform: uppercase;
	}
	#CalendarNarrow h4 {
		padding: 0 0 0 22px;
		font-size: 1.4em;
		background-image: url(../../images/icon_calendar.gif);
		background-repeat: no-repeat;
		background-position: center left;
		line-height: 1em;
		margin: 0 0 1.2em 0;
		vertical-align: baseline;
	}
	#CalendarNarrow h4.home {
		text-transform: uppercase;
	}
	#CalendarNarrow img {
		margin-top: 4px;
	}
.CalendarEvent {
	font-size: .9em;
	padding: 1em 11px 0 11px;
	line-height: 1.4em;
	border-bottom: 1px dotted #252525;
	overflow: hidden;
}
.CalendarEvent h2 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}
.CalendarEvent a {
	text-transform: uppercase;
	font-weight: bold;
}
.CalendarDetail {
	margin-top: 7px;
}
.CalendarImage {
	width: 77px;
	float: left;
	border: 1px solid #252525;
	margin: 7px 7px 7px 0px;	  
	line-height: 0px;
}
.CalendarPopupImage {
	width: 77px;
	float: right;
	border: 1px solid #252525;
	margin: 7px 0px 7px 7px;	  
	line-height: 0px;
}
.CalendarText {
	margin-top: 7px;
}
.CalendarLongText {
	margin-top: 7px;
	display: none;
}
.CalendarText p, .CalendarLongText p {
	margin-bottom: .5em;
}
.CalendarText a, .CalendarLongText a {
	text-transform: none;
	text-decoration: none;
}
/* Container for the leftmost column of 3 columns within LowerPageContainer */
#Column1 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 185px;
		margin: 0 14px 2em 0;
}
/* Container for the leftmost column of a page that has an area that takes up the entire width of a page */
#Column1WidePage {
	float: left;
	width: 185px;
	margin-right: 14px;
}
/* Container for the center column of 3 columns within LowerPageContainer */
#Column2 {
	float: left;
	width: 376px;
	margin: 0 14px 2em 199px;
	display: inline;
	overflow:hidden; /*  to prevent overly wide content from messing with the columnal architecture of the layout */
	padding-top: .9em;
}
#Column2.Home {
	padding-top: 0;
	margin-right: 0px;
	width: 365px;
	padding-right: 10px;
}
#Column2For2ColumnPage {
	margin: 0 0 2em 199px;
	padding-top: .5em; /* EDITED FROM .9em BY STEVE D 2014 */
}
#Column2WidePage {
	margin: 1em 0 2em 199px;
}
/* Container for the rightmost column of 3 columns within LowerPageContainer */
#Column3 {
	margin-left: 589px;
	margin-bottom: 2em;
	padding-top: .9em;
	width: 177px;
}
#Column3.Home {
	padding: 0 0 0 14px;
	margin-left: 585px;
	width: 163px;
}
.ContentRegionEditable {
	border:1px dashed #000000;
	background: inherit;
	font-size: inherit;
	cursor:pointer;
	outline:inherit;
	text-align: inherit;
	text-decoration:inherit;
	text-indent:inherit;
	text-shadow:inherit;
	text-transform:inherit;
}
#CurrentStudentLogin {
	margin-bottom: 7px;
	line-height: 0;
}
.cyanbox {
	background: #00aeef;
	padding: 10px;
	color: white;
	margin-bottom: 1.25em;
}

.cyanbox a, .navybox a, .orangebox a, .redbox a, .greenbox a, .darkgraybox a {
	color: white;
}
.cyanbox a:hover, .navybox a:hover, .orangebox a:hover, .redbox a:hover, .greenbox a:hover {
	color: black;
}

.cyan-link:link, .cyan-link:visited {
	color: #00aeef;
}
.cyan-link:hover {
	color: #014983;
}
.darkgreenbox {
	background: #006D22;
	padding: 10px;
	color: white;
	margin-bottom: 1.25em;
}
#DialogBody {
	padding-right:20px;
	padding-top:20px;
}
#DoubleColumnText {
	font-size: .9em;
	line-height: 1.5em;
}
	#DoubleColumnText h1 {
		font-size: 1.6em;
		line-height: 1em;
		margin: 0 0 .7em 0;
		padding: 0px;
	}
	#DoubleColumnText h2 {
		font-size: 1em;
		margin: 1em 0 1em 0;
		padding: 0px;
	}
#DialogInnerBorder {
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding:10px;
}
#DialogLogo {
}
#DialogOuterBorder {
	padding:15px;
}
#DialogTitle {
	padding-bottom:10px;
	font-size: 1.5em;
	line-height: 1.2;
}
.Divider {
	height: 1px;
	background-color: #252525;
	overflow: hidden;
}
.DividerWithMargins {
	height: 1px;
	background-color: #252525;
	overflow: hidden;
	margin: 1.5em 0 1.5em 0;
}
.ErrorText {
	color: #FF0000;
	font-weight: bold;
	text-align: center;
}
.FinePrint {
	font-size: .8em;
	line-height: 1em;
}
#Footer {
	font-size: .8em;
	line-height: 1.3em;
	border-top: 1px solid #252525;
	margin: 0 0 18px 199px;
	padding-top: 13px;
	clear: both;
	position: relative;
}
	#Footer h5 {
		font-size: 1em;
		padding: 0 0 0 45px;
		background-image: url(../../images/seal_small.gif);
		background-repeat: no-repeat;
		background-position: center left;
		margin: 0px;
	}
	#Footer p {
		font-size: 1em;
		margin-top: 1em;
	}
.FormField {
	margin-left: 120px;
}
	.FormField textarea, .FormField input {
		margin: 0;
		padding: 0;
		font-size: .9em;
		font-family: Arial, Helvetica, sans-serif;
	}
form {
	margin: 0px;
}
.FormLabel {
	width: 110px;
	font-size: .9em;
	float: left;
	padding-top: 2px;
}
.FormRow {
	position: relative;
	margin-bottom: .2em;
	padding: 0;
	overflow: auto;
}
.Gallery {
	position: relative;
}
.GalleryHeader, .GalleryFooter {
	position: relative;
	font-size: .9em;
	line-height: 1.5em;
}
.GalleryHeader {
	border-bottom: 1px dotted #353434;
	margin-bottom: 1em;
}
.GalleryFooter {
	border-top: 1px dotted #353434;
	margin-top: 1em;
	padding-top: 1em;
}
.GalleryFocus {
	position: relative;
}
.GalleryItem {
	position: relative;
}
.GalleryItemImage {
	margin-bottom: .4em;
}
.GalleryItemLink {
	margin-bottom: 1em;
}
.GalleryFocusColumn1 {
	float: left;
	width: 177px;
	margin: 0 14px 14px 0;
	line-height: 0px;
	clear: both;
}
.GalleryListColumn2 img {
	/* margin-bottom: .4em; */
	cursor: pointer;
}
.GalleryFocusColumn2 {
	margin-left: 191px;
}
.GalleryList {
	position: relative;
	border-bottom: 1px dotted #353434;
	margin-bottom: 1em;
	padding-bottom: 1em;
	overflow: hidden;
}
	.Final {
		border-bottom: none;
	}
.GalListColumnFull {
	font-size: .9em;
	line-height: 1.5em;
}
.GalListColumn1 {
	margin-right: 191px;
}
.GalListColumn2 {
	float: right;
	width: 177px;
	margin: 0 0 1em 14px;
	line-height: 0px;
}
.GalleryItemImage img {
	width: 100%;
	height: 100%;
	border-radius: 6px;
}
.graybox {
	background: #31342b;
	padding: 10px;
	color: white;
	margin-bottom: 1.25em;
}
.greenbox {
	background: #b2bb1c;
	padding: 10px;
	color: white;
	margin-bottom: 1.25em;
}
.green-link:link, .green-link:visited {
	color: #b2bb1c;
}
.green-link:hover {
	color: black;
}
#HeaderImage {
	margin-bottom: 12px;
	margin-left: 199px;
}
.heading-line {
	width: 100%;
	background: url('/images/layout/headingline.png') left center repeat-x;
	margin-bottom: 20px;
	clear: both;
}
.heading-line p {
	text-align: center;
}
.heading-line-text {
	font-weight: bold;
	font-size: 1.4em;
	letter-spacing: 2px;
	color: #6D6E70;
	display: inline-block;
	margin: 0 auto;
	padding: 2px 20px 0 20px;
	background: #ebeaea;
}
h1 {
		font-size: 1.4em;
		line-height: 1em;
		margin: 0 0 .25em 0;
		padding: 0px;
}
.Hidden {
	display: none;
}
hr {
	color: #252525;
	background-color: #252525;
	height: 1px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
	vertical-align: top;
}
.ImageColumn3 {
	width: 177px;
	padding: 0;
	border: 0;
	margin-bottom: 2em;
	line-height: 0px;
}
#Intro {
	width: 545px;
	background-color: #414042;
	color: #FFFFFF;
	font-weight: bold;
	padding: 11px 11px 15px 11px;
	font-size: 1em;
	line-height: 1.3em;
}
#Intro p {
	margin: 0;
	padding: 0;
}
.Issue {
	position: relative;
}
.IssueHeader {
	position: relative;
	border-bottom: 1px dotted #353434;
}

.IssueHeaderColumn1 {
}
	.IssueHeaderColumn1 H2 {
		font-size: 1.3em;
		line-height: 1em;
		font-style: italic;
		margin: 0;
		padding: 0;
	}
	.IssueHeaderColumn1 H3 {
		font-size: 1em;
		line-height: 1em;
		font-weight: normal;
		margin: 0;
		padding: .3em 0 .4em 0;
	}
	.IssueHeaderColumn1 H4 {
		font-size: .9em;
		line-height: 1.1em;
		margin: 0 0 10px 0;
		padding: 0;
	}
	.IssueHeaderColumn1 p {
		font-size: .9em;
		line-height: 1.5em;
	}
.IssueHeaderColumn2 {
	float: right;
	margin-left: 10px;
	width: 120px;
}
	.IssueHeaderColumn2 a {
		font-size: .9em;
		font-weight: bold;
		text-decoration: none;
		padding-bottom: .4em;
		display: block;
	}
.IssueArticle, .ArchivedYearArticle {
	border-bottom: 1px dotted #626262;
	padding: 1em 0 1em 0;
}
	.IssueArticle h2, .ArchivedYearArticle h3 {
		font-size: .9em;
		padding: 0 0 .6em 0;
		margin: 0;
	}
	.IssueArticle p, .ArchivedYearArticle p {
		margin-bottom: .7em;
		line-height: 1.5em;
		font-size: .9em;
	}
	.IssueArticle a, .ArchivedYearArticle a {
		text-decoration: none;
		font-weight: bold;
		font-size: .9em;
	}
.LeftColumnText {
	margin-top: 25px;
}
	.LeftColumnText p {
		font-size: .85em;
		line-height: 1.3em;
		margin: 0;
		padding: 8px 0 0 0;
	}
	.LeftColumnText h2 {
		font-size: 1em;
		line-height: 1em; 
		margin: 0;
		padding: 0px;
		text-transform: uppercase;
	}
	.LeftColumnText h3 {
		font-size: 1em;
		padding: 0;
		margin: 0;
	}
.LeftLinkMajor {
	width: 155px;
	padding: 0;
}
.LeftLinkMinor {
	width: 155px;
	padding: 0;
}
.LeftLinkMajorCol1 {
	float: left;
	text-align: center;
	width: 10px;
	clear: both;
}
.LeftLinkMajorCol2 {	
	margin-left: 10px;
	width: 145px;
}
.LeftLinkMinorCol1 {
	float: left;
	width: 20px;
	clear: both;
}
.LeftLinkMinorCol1Background {
	background-image: url(/images/carat_extended.gif);
 	background-position:top left;
	background-repeat:no-repeat;
}
.LeftLinkMinorCol2 {
	width: 135px;
	margin-left: 20px;
}
li.microapp_select {
	margin-top:10px;
}
.lightgraybox {
	background: #cccccc;
	padding: 10px;
	margin-bottom: 1.25em;
}
.linkbar {
	list-style: none;
	margin: 0 0 1.25em 0;
	padding: 10px 8px;
	background: #00aeef;
	color: white;
	text-align: center;
}
.linkbar-orange {
	list-style: none;
	margin: 0 0 1.25em 0;
	padding: 10px 8px;
	background: #de571f;
	color: white;
	text-align: center;
}
.linkbar li, .linkbar-orange li {
	display: inline;
	margin: 0 24px 0 0;
}
.linkbar li:last-of-type, .linkbar-orange li:last-of-type {
	margin-right: 0;
}
.LinkEmail {
	text-decoration: underline;
}
.LinkMajor {
	font-weight: bold;
	text-decoration: none;
}
.LinkMajorCurrent {
	color: #00b0dc;
	font-weight: bold;
	text-decoration: none;
}
.LinkMinor {
	font-weight: bold;
	text-decoration: none;
	font-size: .85em;
}
.LinkMinorCurrent {
	color: #00b0dc;
	font-weight: bold;
	text-decoration: none;
	font-size: .85em;
}
#Logo {
	
}
.logo {
	float:left; 	 	
}
.logo:hover {
	opacity: 0.8;
}
@media screen and (max-width:750px) {
	.logo {
		display: none;
	}
}
#LogoNoLinks {
	height: 33px;
}
#LogoContainer {
	height: 33px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* Container for the main content area in the body (below the stripe). Exists within the PageContainer. Runs the entire width of the page. */
#LowerPageContainer {
	position: relative;
	width: 100%
}

#Map {
	clear: both;
	border: 5px solid #414042;
	margin-bottom: 2em;
}
.MiddleColumnText, .GalleryItemText, .MicroAppText {
	font-size: .9em;
	line-height: 1.5em;
}
	.MiddleColumnText h2, .GalleryHeader h2, .GalleryFooter h2, .GalleryItemText h2, .MicroAppText h2 {
		font-size: 1em;
		margin: 1em 0 1em 0;
		padding: 0px;
		text-transform: uppercase;
	}
	.MiddleColumnText h3, .GalleryHeader h3, .GalleryFooter h3, .GalleryItemText h3, .MicroAppText h3 {
		font-size: 1em;
		padding: 0;
		margin: 1em 0 0 0;
	}
#NavCat {
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	width: 155px;
	padding: 14px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	overflow: hidden;
}
	#NavCat h4 {
		font-size: 1.2em;
		color: #353434;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 0 1em 0;
	}
	#NavCat a {
		text-decoration: none;
		font-weight: bold;
		display: block;
		margin-bottom: .5em;
		line-height: 1em;
	}
	#NavCat br {
		display: none;
	}
	#NavCat a:hover {
		color: #00b0dc;
	}
	#NavCat hr {
		color: #9C9C9C;
		background-color: #9C9C9C;
		height: 1px;
		border: 0px;
		margin: 8px 0px 8px 0px;
		padding: 0px;
	}
#NavRegion {
	padding-right: 0px;
	text-align: right;
}
#NavTop {
	padding-top: 6px;
	padding-bottom: 3px;
	margin-bottom: 9px;
	line-height: 0px;
	font-size: 0px;
	width: 565px;
}
#NavTopText {
	 font-size: .8em;
	 padding-top: 5px;
	 padding-bottom: 10px;
	 text-decoration: none
}
.navybox {
	background: #014983;
	padding: 10px;
	color: white;
	margin-bottom: 1.25em;
}
.navy-link:link, .navy-link:visited {
	color: #014983;
}
.navy-link:hover {
	color: #00aeef;
}
.noshow {
	visibility: hidden;
	display: none;
}
.orangebox {
	background: #de571f;
	padding: 10px;
	color: white;
	margin-bottom: 1.25em;
}

.orange-link:link, .orange-link:visited {
	color: #de571f;
}
.orange-link:hover {
	color: black;
}
.outlinebox {
	padding: 12px;
	background: white;
	border: 2px solid #014983;
	margin-bottom: 1.25em;
}
.outlinebox-cyan {
	padding: 12px;
	background: white;
	border: 2px solid #00aeef;
	margin-bottom: 1.25em;
}

.outlinebox-green {
	padding: 12px;
	background: white;
	border: 2px solid #b2bb1c;
	margin-bottom: 1.25em;
}
.outlinebox-darkgreen {
	padding: 12px;
	background: white;
	border: 2px solid #006D22;
	margin-bottom: 1.25em;
}
.outlinebox-orange {
	padding: 12px;
	background: white;
	border: 2px solid #de571f;
	margin-bottom: 1.25em;
}
.outlinebox-red {
	padding: 12px;
	background: white;
	border: 2px solid #b53228;
	margin-bottom: 1.25em;
}
.outlinebox-yellow {
	padding: 12px;
	background: white;
	border: 2px solid #fdb913;
	margin-bottom: 1.25em;
}
p {
	margin: 0 0 1em 0;
	padding: 0;
}
/* Container for entire page */
#PageContainer {
	margin: 12px auto 0px auto; /* Top margin from 24 by Steve Dagley for new header */
	text-align: left;
	width: 766px;
	position: relative;
}
#PageContainer {
    padding: 0px 30px 10px 30px;
}
#Quote {
	 font-size: .8em;
	 padding-top: 5px;
	 padding-bottom: 10px;
	 text-decoration: none
}
.redbox {
	background: #b53228;
	color: white;
	padding: 12px;
	margin-bottom: 1.25em;
}
#ResourceLinks, #Downloads {
	font-size: .8em;
	margin: 0px;
}
	#ResourceLinks h4, #Downloads h4 {
		padding: 0 0 0 22px;
		font-size: 1.4em;
		background-image: url(../../images/icon_toolbox.gif);
		background-repeat: no-repeat;
		background-position: center left;
		line-height: 1em;
		margin: 0 0 1.2em 0;
		vertical-align: baseline;
	}
	
	#Downloads h4 {
		background-image: url(../../images/icon_document.gif);
		padding-left: 18px;
	}
	
	#ResourceLinks a, #Downloads a {
		font-weight: bold;
		position: relative;
		text-transform: uppercase;
	}
#RibbonColorBand {
	display:none;
}
#RibbonContainer {
	margin: 0px;
	width: 100%;
	background-color: #31342B;
}
#RibbonContainerContent {
    padding: 0px 30px 0px 30px;
}
#RibbonContainerContent {
	margin: 0px auto 0px auto;
	width: 766px;
	position: relative;
	background-color: #31342B;
}
/* So slides don't show at once before script loads */
.royalSlider > .rsContent, .royalSlider > .rsImg {
	display: none; 
}
.royalSlider > .rsImg:first-of-type {
	display: block;
}
.SearchBox {
	background-color: #FFFFFF;
	border: 0px;
	font-size: .8em;
	width: 137px;
	height: 14px;
	padding: 0px;
	vertical-align: middle;
}
.SearchBoxMain {
	color: #000000;
	background-color: #FFFFFF;
	border: 0px;
	font-size: .875em;
	width: 134px;
	height: 16px;
	line-height: 1.5em;
	padding: 0px 9px 0px 8px;
	margin: 0px;
	vertical-align: middle;
	float: left;
}
#SearchButton {
	margin: 0px;
	vertical-align: top;
	float: left;
}
.SearchLabel {
	display: none;
}
#SearchRegion {
	width: 182px;
	padding: 9px 12px 9px 0px;
	vertical-align: top;
	float: left;
	height: 16px;
}
#SearchRegion label {
	display: none;
}
#ShareThis {
	height: 12px;
	float: right;
	padding-top: 7px;
}
.Slideshow {
	
}
.SlideshowCaption {
	padding-top: 10px;
}
.SlideshowCounter {
	float: right;
	margin-right: 2px;
}
.SlideShowImg {
	width: 565px;
	height: 330px;
}
.SlideshowNav {
	margin-top: 6px;
}
.SlideshowNavBtnPrev {
	padding-right: 6px;
}

.stepsList {
	list-style: none;
	margin: 0 0 18px 0;
	padding: 0;
}
.stepsList li {
	padding: 18px 0;
	border-bottom: 1px dashed black;
}
.stepsIcon {
	float: left;
	margin-right: 18px;
}
.stepsListText {
	margin-left: 40px;
	margin-top: 4px;
}
.stepsInnerlist {
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}
.stepsInnerlist li {
	border-bottom: none;
	padding: 0;
}


#Stripe {
	padding: 10px;
	padding-left: 12px;
	margin-bottom: 8px;
	background-color: #FFFFFF;
	line-height: 1em;
	position: relative;
	width: 744px;
}	
	#Stripe a.TextLink {
		padding-left: 10px;
		font-size: .8em;
		line-height: 1.2em;
		text-transform: uppercase;
		color: #252525;
		text-decoration: none;
	}
#StripeTitle {
	background-color: #31342B;
	float: right;
	padding: 11px;
	padding-right: 10px;
	padding-left: 15px;
	width: 532px;
	height: 23px;
}
#StripeTitleText {
	font-size: 1.1em;
	line-height: 1.6em;
	color:#FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}
.tilegrid-2col {
	float: left;
	width: 274px;
	margin: 0 18px 18px 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tilegrid-3col {
	float: left;
	width: 177px;
	margin: 0 18px 18px 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tilegrid-2colwide {
	float: left;
	width: 47.5%;
	margin: 0 5% 26px 0;
	text-align: center;
	font-size: 1.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tilegrid-3colwide {
	float: left;
	width: 30%;
	margin: 0 5% 26px 0;
	text-align: center;
	font-size: 1.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tilegrid-3colwide:nth-of-type(3n-3), .tilegrid-2colwide:nth-of-type(2n-2) {
	margin-right: 0;
}
.tilegrid-4col {
	float: left;
	width: 132px;
	margin: 0 13px 18px 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tilegridwrapper {
	margin-right: -18px;
}
.tilegridwrapper-wide {
	width: 100%;
}
.tilegridwrapper-4col {
	margin-right: -13px;
}
/*Clear Fix*/
.tilegridwrapper:after, .tilegridwrapper-wide:after, .tilegridwrapper-4col:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.Thumb {
	cursor: pointer;
	margin-bottom: .5em;
}
/* Simple Javascript Slideshow. Must create a wrapper that defines height. JS goes on page. */
ul.autoslideshow {
	position: relative;
	margin: 0;
}
.autoslideshow li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}
/* Container for the main content area in the body (below the stripe). Exists within the PageContainer. Runs the entire width of the page. */
#UpperPageContainer {
	position: relative;
	margin-bottom: 7px;
}
#UpperPageContainer.Home {
	margin-bottom: 25px;
}
/* Container for upper portion of the page. Exists within the PageContainer. Runs the entire width of the page. Runs to the right of the leftmost section */
#UpperPageRightContainer {
	position: absolute;
	left: 199px;
	top: 0px;
}
.Volume, .ArchivedYear {
	/* Any changes made here should be reflected in .VolumeFinal as well. */
	border-bottom: 1px dotted #626262;
	padding: 1em 0 1em 0;
}
.VolumeFinal, .ArchivedYearFinal {
	/* Same as .Volume, but without the bottom border. Created to appease Mac IE 5.2 */
	padding: 1em 0 1em 0;
}
	.Volume A.OpenVolume, .VolumeFinal A.OpenVolume, .ArchivedYear A.OpenYear, .ArchivedYearFinal A.OpenYear{
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
	}
.VolumeIssue {
	border-bottom: 1px dashed #626262;
	padding: .5em 0 .6em 0;
}
.VolumeIssue a {
	text-decoration: underline;
}
.VolumeIssueLeft {
	float: left;
	width: 33%;
}
.VolumeIssueRight {
	width: 65%;
	margin-left: 35%;
	clear: none;
}
.VolumeIssues {
	margin-left: 38px;
}
.Volumes {
	position: relative;
	font-size: .9em;
	line-height: 1.5em;
}
	.Volumes h2, .ArchivedYears h2 {
		text-transform: uppercase;
		font-size: 1em;
		margin: 0;
	}
#Warning {
	margin: auto;
	color: #ED3C05;
	font-weight: bold;
	width: 766px;
	padding: 10px;
}
.whitebox {
	background: white;
	padding: 12px;
	margin-bottom: 1.25em;
}
.white-link:link, .white-link:visited {
	color: white;
}
.white-link:hover {
	color: black;
}
#WideColumnFor1ColumnPage {
	clear: both;
	border: 5px solid #414042;
	margin-bottom: 2em;
	line-height: 0;
}
.yellowbox {
	background: #fdb913;
	padding: 12px;
	margin-bottom: 1.25em;
}
.yellow-link:link, .yellow-link:visited {
	color: #fdb913;
}
.yellow-link:hover {
	color: white;
}

/*ICON FONTS*/
@font-face {
	font-family: 'icomoon';
	src:url('/_lib/symbol-font/icomoon.eot?-l8phyc');
	src:url('/_lib/symbol-font/icomoon.eot?#iefix-l8phyc') format('embedded-opentype'),
		url('/_lib/symbol-font/icomoon.woff?-l8phyc') format('woff'),
		url('/_lib/symbol-font/icomoon.ttf?-l8phyc') format('truetype'),
		url('/_lib/symbol-font/icomoon.svg?-l8phyc#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
	content: "\e600";
}
.icon-play:before {
	content: "\e601";
}
.icon-apply:before {
	content: "\e602";
}
.icon-majors:before {
	content: "\e603";
}
.icon-tour:before {
	content: "\e604";
}

/* bug hacks */


/* Fixes an IE problem in which a container next to a float drops to below the float instead of beside it. */
/* hide from MacIE \*/
* html #Column2 { margin-right: 11px; }
* html #Column3 { margin-left: 0; }

* html .VolumeIssueLeft { margin-right: -3px; }
* html .VolumeIssueRight { margin-left: 0; }

* html .CalendarImage { margin-right: 2px; }
* html .CalendarText { margin-left: 0; }

* html .LeftLinkMajorCol1 { margin-right: -3px; }
* html .LeftLinkMajorCol2 { margin-left: 0; }

* html .LeftLinkMinorCol1 { margin-right: -3px; }
* html .LeftLinkMinorCol2 { margin-left: 0; }

* html #StripeTitle { margin-right: -3px; }
* html #ShareThis { margin-left: 0; }
/* end hide */