body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;	
	color: #000000;
	background-color: #C2D6EB;
	width: 960px;
	margin: 0 auto;
	padding: 0px;
}

.homeBG {
	background-color: #C2D6EB;
	margin: 0 auto;
}

html {
    margin-left: calc(100vw - 100%);
    margin-right: 0;
}

a:link, a:visited {
	color: #000066;
	text-decoration: underline;
}

a:hover, a:active{
	color: #990000;
	text-decoration: underline;
}

img {
	border:none;
}

.img-wrap {
	float:right;
	padding: 4px;
}

img.access-mit-banner{
	border: 1px #000000;
	margin-top: 20px;
}
.caption-separator{
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
img.img-circle {border-radius: 50%}

/*.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}*/

.body-RED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #990000;
}

.body-BLUE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #990000;
	margin-top: 8px;
	text-transform: none;
	display: block;
	margin-bottom: -8px;
	padding-top: 4px;
}

.body-sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

.body-sm #learn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #006699;
	font-weight: bold;
}

.body-xsm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.body-xsmRED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
}

a.body-xsmRED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
}

a.body-xsmRED:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
}

.bodylarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.underline {
}

#homepagecontent {
	background-color: #C2D6EB; 
}

#homepagecontent h1 {
	font-size: 18px;
	color: #036;
	padding:0;
	margin: 20px 0 0 0;
}

#homepagecontent h2 {
	font-size: 13px;
	font-weight:200;
	color: #036;
	padding:0;
	margin: 18px 0 0 0;
}

#homepagecontent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #000033;
	margin: 2px 0px;
	padding: 6px 6px 6px 0px;
}

.homepageHead {
	background-color: #8CB5DD;
}

#homepageNews {
	width: 292px;
	background-color: #C2D6EB;
}

#homepageSeason {
	width: 292px;
	background-color: #DDC392;
}

#homepageNews a:link, #homepageNews a:visited, #homepageSeason a:link, #homepageSeason a:visited {
	color: #000033;
	text-decoration: underline;
}

#homepageNews a:hover, #homepageNews a:active, #homepageSeason a:hover, #homepageSeason a:active {
	color: #000033;
	text-decoration: none;
}

#homepageNews ul, #homepageSeason ul { 
	margin: 3px 0px 3px 15px;
}

#homepageNews li, #homepageSeason li {
	font-size: 12px;
	font-weight: normal;
	list-style-image: url(graphics/bullet3.gif);
	list-style-type: none;
	display: list-item;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: -15px;
	padding-bottom: -15px;
	line-height: normal;
	color: #000033;
}

#homepageNews p, #homepageSeason p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000033;
	margin: 2px 0px;
	padding: 9px 9px 9px 9px;
}
.col-one{
	width: 45%;
	float: left;
	background-color: #C2D6EB;
}
.col-two {
	width: 45%;
	float:right;
	background-color: #C2D6EB;
}

.homePhotoNews {
	margin-top: -2px;
	margin-right: 9px;
}

.homePhotoSeason {
	margin-bottom: 8px;
}



/* Styles for logo */

#logo-holder-large {
	float: none;
	width: 300px;
	height: 24px;
	margin: 20px 12px 30px;
	}
#MIT-logo-large {
	width: 0px;
	height: 0px;
	float: left;
	background-image: url("");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
#MIT-logo-large:hover {
	background-image: url("");
	}
#divider-large {
	width: 0px;
	height: 0px;
	margin-top: 0px;
	margin-left: 0px;
	
	float: left;
	}
#facilities-mobile-large {
	width: 215px;
	height: 38px;
	margin-top: 0px;
	float: left;
	background-image: url("graphics/logo/mit_logo_black.svg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	}

#facilities-mobile-large:hover {
	background-image: url("graphics/logo/mit_logo_red.svg");
	}


/* Styles dealing with all the left navigation */

.leftnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	margin-right: 5px;
	text-decoration: none;
	line-height: 15px;
	}

.leftnavon {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: #003366;
	margin-right: 5px;
	line-height: 15px;
	font-weight: bold;
	}

a.leftnav:link, a.leftnav:visited, a.leftnavon:link, a.leftnavon:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	margin-right: 5px;
	text-decoration: none;
	line-height: 15px;
	}
a.leftnav:hover, a.leftnavon:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	margin-right: 5px;
	text-decoration: underline;
	line-height: 15px;
	}
a.leftnav:active, a.leftnavon:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	margin-right: 5px;
	text-decoration: underline;
	line-height: 15px;
	}

.leftnavonRed { /* use when on active 2nd-level page */
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: #990000;
	margin-right: 5px;
	line-height: 15px;
	font-weight: bold;
	}

a.leftnavonRed:link, a.leftnavonRed:visited, a.leftnavonRed:hover, a.leftnavonRed:active {
	color: #990000;
	text-decoration: none;
}

/* Styles dealing with left subnav */

.level4nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	margin-right: 5px;
	text-decoration: none;
	line-height: 14px;
}

a.level4nav:link, a.level4nav:visited {
	color: #003366;
	text-decoration: none;
}

a.level4nav:hover, a.level4nav:active {
	color: #003366;
	text-decoration: underline;
}

.level4navPadding {
	padding-left: 20px;
}

.level4navon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
	margin-right: 5px;
	text-decoration: none;
	line-height: 14px;
}

.subnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	margin-right: 5px;
	text-decoration: none;
	line-height: 14px;

	}

a.subnav:link, a.subnav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	margin-right: 5px;
	text-decoration: none;
	line-height: 14px;

	}

a.subnav:hover, a.subnav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	margin-right: 5px;
	text-decoration: underline;
	line-height: 14px;

	}

a.subnav:active, a.subnav:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	margin-right: 5px;
	text-decoration: underline;
	line-height: 14px;

	}

.subnavon {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #990000;
	margin-right: 5px;
	font-weight: bold;
	line-height: 14px;
	}

a.subnavon:link, a.subnavon:visited, a.subnavon:hover, a.subnavon:active {
	color: #990000;
	text-decoration: none;
}

.subnavonBlue {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #003366;
	margin-right: 5px;
	font-weight: bold;
	line-height: 14px;
	}

a.subnavonBlue:link, a.subnavonBlue:visited, a.subnavonBlue:hover, a.subnavonBlue:active {
	color: #003366;
	text-decoration: none;
}

.indent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-left: 15px;
}


.notes {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #6666FF;
}
.dash {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: -5px;
	line-height: 10px;
}

.dashRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #990000;
	margin-bottom: -5px;
	line-height: 10px;
}

.formShortcuts {
	white-space: nowrap;
	vertical-align: bottom;
	margin-right: 8px;
}

.homeFooter {
	color: #D3DFEB;
}

a.homeFooter:link, a.homeFooter:visited {
	color: #D3DFEB;
	text-decoration: underline;
}

a.homeFooter:hover, a.homeFooter:active {
	color: #D3DFEB;
	text-decoration: none;
}

.indenthead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
}

.italhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
}
.listhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin-top: 20px;
	bottom: 10px;
}

hr {
	color: #6699CC;
}

.marginTop0 {
	margin-top: 0px;
}

.paddingLogo {
	padding-left: 12px;
}

.strong {
	font-weight: bold;
}

.toolbar {
	height: 14px; 
	background-color: #650708;
	white-space: nowrap;
}




/* Styles dealing with MAINCONTENT formatting */

#maincontent p {
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 0px;
}

#maincontent #ehs-policies a {
	color: #000;
	text-decoration: none;
}

#maincontent #ehs-policies a:hover {
	color: #990000;
	text-decoration: underline;;
}

#maincontent a {
	color: #990000;
	text-decoration: none;
}
#maincontent a:hover {
	color: #CC6600;
	text-decoration: underline;
}
#maincontent a:active {
	color: #990000;
	text-decoration: none;
}
#maincontent .top {
	font-size: 11px;
	font-weight: normal;
	color: #006699;
	line-height: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#maincontent h1 {
	font-size: 16px;
	font-weight: bold;
	color: #660000;
	margin-top: 10px;
	margin-bottom: -8px;
	line-height: 18px;
}	
#maincontent h2 {
	font-size: 14px;
	font-style: normal;
	color: #003366;
	font-weight:bold;
	margin-top: 15px;
	margin-bottom: -14px;
	line-height: 18px;
}
#maincontent h3 {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin-top: 13px;
	text-transform:none;
	display: 14;
	margin-bottom: -10px;
	padding-top: 4px;
	line-height: normal;
	font-style: normal;
}
#maincontent h3 .ital {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin-top: 20px;
	margin-bottom: -10px;
	font-style: oblique;
}
#maincontent h4 {
	font-size: 12px;
	color: #003366;
	margin-top: 20px;
	margin-bottom: -10px;
	text-transform: none;
	display: block;
	font-weight: bold;
}

#maincontent ul {
    list-style-image: url(graphics/bullet3.gif);
}

#maincontent ol {
    list-style-type: decimal;
}

#maincontent li {
	font-size: 13px;
	font-weight: normal;
	
	display: list-item;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 6px;
	line-height: normal;
}


#maincontent .indentmore {
    font-size: 13px;
	font-weight: normal;
	margin-left: 35px;
}

.black {
	color: #000000;
}

.blueBox {
	background-color: #336699;
	color: #FFFFFF;
	padding: 12px 8px;

}

.blueBoxHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
}

.blueBoxTextHead {
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: -4px;
	padding: 0px;
}


.borderYellowBottom {
	border-bottom: 1px solid #E6BF6F;
}

.evolvingTableHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #003366;
	width: 150px;
	padding: 4px 4px 4px 0px;
}

.evolvingTableList {
	font-size: 12px;
	font-weight: normal;
	list-style-image:  url(graphics/bullet2.gif);
	line-height: 14px;
	margin-left: -20px;
	margin-bottom: -2px;
	padding-left: -8px;
	padding-bottom: 0px;
	list-style-type: none;
	display: list-item;
}

.evolvingTableText {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #003366;
	width: 325px;
	padding: 4px 0px 4px 4px;
}

.evolvingTableNotes {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	margin: 4px 0px;
	padding: 4px 0px 12px 0px;
}

.newTableHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #003366;
	width: 140px;
	padding: 4px 4px 4px 0px;
}

.newTableList {
	font-size: 12px;
	font-weight: normal;
	list-style-image:  url(graphics/bullet2.gif);
	line-height: 14px;
	margin-left: -20px;
	margin-bottom: -2px;
	padding-left: -8px;
	padding-bottom: 0px;
	list-style-type: none;
	display: list-item;
}

.newTableText {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #003366;
	width: 325px;
	padding: 4px 0px 4px 4px;
}
.marginBottom4 {
	margin-bottom: 4px;
}

.marginLeft16 {
	margin-left: 16px;
	}

.newsUpdate {
	background-color: #E6BF6F;
	padding: 12px 20px 12px 8px;

}
.newsUpdateHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: url(graphics/newsupdate_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.newsUpdateTextHead {
	color: #003366;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: -4px;
	padding: 0px;
}

.CCnewsUpdate {
	background-color: #C2D6EB;
	padding: 12px 8px;

}
.CCnewsUpdateHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: url(graphics/CCnewsupdate_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.paddingTop4 {
	padding-top: 4px;
	margin-top: 4px;
	
}
.seasaonal {
	background-color: #E6BF6F;
	padding: 12px 12px;

}

.tabletop {
	font-size: 11px;
	letter-spacing:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-top: 20px;
	text-transform: uppercase;
	line-height: 15px;
 	border-bottom: 1px solid #D49D51;
}
 
.tabletopNoBorder {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	line-height: 15px;
}
 
.tablenotes {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #990000;
	color: #FFFFFF;
}

.tableCellTop {
	border-top: 1px solid #D49D51;
	border-left: 1px solid #D49D51;
	border-right: 1px solid #D49D51;
	border-bottom: 1px solid #D49D51;
}

.tableCellTopLeft {
	border-top: 1px solid #D49D51;
	border-right: 1px solid #D49D51;
	border-bottom: 1px solid #D49D51;
}

.tableCellLeft {
	border-left: 1px solid #D49D51;
	border-right: 1px solid #D49D51;
	border-bottom: 1px solid #D49D51;
}

.tableCell {
	border-right: 1px solid #D49D51;
	border-bottom: 1px solid #D49D51;
}

.tablecolhead {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color: #E6BF6F;
	color: #1D4567;
	border-right: 1px solid #D49D51;
	border-bottom: 1px solid #D49D51;
	border-top: 1px solid #D49D51;
}

.tablecolheadLeft {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color: #E6BF6F;
	color: #1D4567;
	border-right: 1px solid #D49D51;
	border-bottom: 1px solid #D49D51;
	border-left: 1px solid #D49D51;
	border-top: 1px solid #D49D51;
}

.tablecolhead2 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color: #FFFFB1;
	border-right: 1px solid #D49D51;
	border-bottom: 1px solid #D49D51;
}

.tablecolhead2a {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color: #FFFFB1;
	border-right: 1px solid #D49D51;
	border-bottom: 1px solid #D49D51;
	line-height: 90%;
}

.tablecolhead2Left {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color: #FFFFB1;
	border-right: 1px solid #D49D51;
	border-bottom: 1px solid #D49D51;
	border-left: 1px solid #D49D51;
}



/*begin navpath navigation*/
#navpath {
	font-size: 10px;
	color: #003366;
	/*/*/padding-left: 2px;
}
#navpath a { color: #003366; }
#navpath a:active { color: #003366; }
#navpath a:visited { color: #003366; }
#navpath a:hover { color: #003366; }
#navpath .current {
	font-size: 11px;
	color: #990000;
	font-weight: bold;
} 




/*begin 5th level navigation*/
#level5nav table td {
	/*/*/margin: 5px 0px 0px;
	/*/*/padding: 5px 0px 0px;
	/*/*/vertical-align: middle;
	/*/*/display: block;
	/*/*/font-size: 11px;
}
#level5nav a {
	line-height: 15px;
	text-align: center;
	border: 1px solid #6699CC;
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-right: 3px;
	padding-right: 3px;
}
#level5nav a:link, #level5nav a:visited {
	text-decoration: none;
	color: #003366;
}
#level5nav a:hover { background-color: #C2D6EB; }
#uberlink {
	font-weight: bold;
	background-color: #C2D6EB;
}





/* RIGHT NAV */
#rightnav table, td {
	color: #000000;
	font-size: 11px;
	line-height: 14px;
}
#rightnav a:link,hover,active {
	color: #003366;
	text-decoration: none;
}
#rightnav a:visited {
	color: #003366;
	text-decoration: none;
}
#rightnav h4
{
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	margin: 0px 0px 8px 0px;
	font-family: 'HelveticaNeueW01-Thin', Helvetica, Arial, sans-serif;
}
#rightnav h5
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-variant: small-caps;
	letter-spacing: .6px;
	color: #003;
	font-weight:bold;
	display: block;
	margin: 0px 0px 0px 0px ;
	padding: 0px;

}
#rightnav p
{
	display: block;
	margin: 0px 0px 0px ;
	padding: 0px 0px 15px 0px;

}
.html-sidebar{
	background-color: white;
	height: 225px;
	margin-top: 20px;
	/**font-family: expressway, sans-serif;**/
	font-style: normal;
	font-weight: 200;
}

.sidebar-quote{
	font-size: 13px;
	/**font-family:'Expressway W00 ExtraBold';**/
	line-height: 20px;
	padding: 0px 20px 0px 18px;
	margin: 0px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}



/* Form formatting */
TEXTAREA {
	/*/*/font-family: Arial, Helvetica, sans-serif;
	/*/*/padding: 2px; /* a bit of breathing room*/
	/*/*/font-size: 12px;
	/*/*/color: #000000;/*Text*/
	/*/*/background-color: #6699CC;/* Background-color*/
	/*/*/border: solid 1px #003366;/* Border-color*/
}
OPTION {
	/*/*/font-family: Arial, Helvetica, sans-serif;
    /*/*/font-size: 13px;
	/*/*/color: #000000;/*Text*/
	/*/*/background-color: #A3C2E0;/* Background-color*/
}
.formbutton {
	/*/*/font-family: Arial, Helvetica, sans-serif;
	/*/*/padding: 2px;
	/*/*/font-size: 12px;
	/*/*/color: #FFFFFF;
	/*/*/background-color: #6699CC;
	/*/*/border: 1px dotted #003366;
	/*/*/line-height: 15px;
	/*/*/text-align: center;
	/*/*/width: 100px;
	/*/*/vertical-align: middle;
}
.gobutton {
	vertical-align: bottom;
/*	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #335E87;
	line-height: 15px;
	text-align: center;
	width: 30px;
	white-space: nowrap;
	vertical-align: middle;
	text-decoration: none; */
}
.buttonDownload {
	display: inline-block;
	position: relative;
	padding: 10px 25px;
	margin: 0px auto;
	background-color: white;
	color: white;
	font-family: sans-serif;
	text-decoration: none;
	font-size: 0.9em;
	text-align: center;
	text-indent: 15px;
}

.buttonDownload a:link {
	color: #660000;
}
.buttonDownload a:active {
	color: #660000;
}
.buttonDownload a:hover {
	background-color: #333;
	color: #660000;
}

.buttonDownload:before, .buttonDownload:after {
	content: ' ';
	display: inline;
	position: absolute;
	left: 15px;
	top: 52%;
}

/* Download box shape  */
.buttonDownload:before {
	width: 10px;
	height: 2px;
	border-style: solid;
	border-width: 0 2px 2px;
}

/* Download arrow shape */
.buttonDownload:after {
	width: 0;
	height: 0;
	margin-left: 3px;
	margin-top: -7px;
  
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: transparent;
	border-top-color: inherit;
	
	animation: downloadArrow 2s linear infinite;
	animation-play-state: paused;
}

.buttonDownload:hover:before {
	border-color: #660000;
}

.buttonDownload:hover:after {
	border-top-color: #660000;
	animation-play-state: running;
}

/* keyframes for the download icon anim */
@keyframes downloadArrow {
	/* 0% and 0.001% keyframes used as a hackish way of having the button frozen on a nice looking frame by default */
	0% {
		margin-top: -7px;
		opacity: 1;
	}
	
	0.001% {
		margin-top: -15px;
		opacity: 0;
	}
	
	50% {
		opacity: 1;
	}
	
	100% {
		margin-top: 0;
		opacity: 0;
	}
}
.textareawhite {
	/*/*/font-family: Arial, Helvetica, sans-serif;
	/*/*/padding: 2px; /* a bit of breathing room*/
	/*/*/font-size: 12px;
	/*/*/color: #000000;/*Text*/
	/*/*/background-color: #ffffff;/* Background-color*/
	/*/*/border: solid 1px #6699CC;/* Border-color*/
}
#formTable{
	font-family: Arial, Helvetica, sans-serif;
	/*/*/border: 1px dotted #6699CC;
	/*/*/margin: 3px;
	/*/*/padding: 3px;
}

/* Box Treatment*/
#callout1 {
	float: right;
}
#callout1 a {
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	background-color: #6699CC;
	display: block;
	height: auto;
	padding: 10px;
	margin: 30px 5px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 125px;
	border: 1px;
	border-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #006699;
	border-bottom-color: #003366;
	border-left-color: #CCCCCC;
}
#callout1 a:link

#callout1 a:visited {
	text-decoration: none;
	color: #FFCC66;
}
#callout1 a:hover {
	background-color: #8BB3DB;
	color: #006699;
	text-decoration: none;
}
#callout1 a:active {
	background-color: #CC9966;
	color: #990000;
	text-decoration: none;
}

#sitemap1 ul {
	display: block;
	margin-top: 2px;
}

a.body-xsmRED:visited {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCC33;
}

.body-BLUE {
	font-size: 12px;
	color: #003366;
	font-weight: bold;
}

.leftsidebar-on {
	background-color: #C2D6EB;
}

/* button code for new hover buttons */
.filterDiv {
  float: left;
  color: #C1DBF3;
  text-align: left;
  margin: 0px;
  display: none;
}

.show {
  width: 440px;
  display: inline;
}

.container {
  margin-top: 0px;
  line-height: 10%;
  overflow: hidden;
}

/* Style the shuttle buttons */
.btns {
  border: none;
  outline: none;
  width: 160px;
  margin-left: 158px;
  margin-right: auto;
  padding: 12px 16px;
  color: #E6BF6F;
  background-color: #990000;
  cursor: pointer;
}

.btns:hover {
  color: #990000;
  background-color: #E6BF6F;
}

.btns.active {
  background-color: #666;
  color: white;
}


/* bar container */
.bar {
  overflow: hidden;
  background-color: #990000;
  color: #E6BF6F;
  text-decoration: none;
  
}

/* Links inside the bar */
.bar a {
  float: left;
  font-size: 11px;
  color: #E6BF6F;
  text-align: center;
  padding: 3px 4px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  font-size: 14px;
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  border: none;
  outline: none;
  color: #E6BF6F;
  padding: 7px 8px;
  background-color: inherit;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Dropdown button active */
.dropbtn.active {
  color: #E6BF6F;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

* {
  box-sizing: border-box;
}

/* Add a red background color to bar links on hover */
#myBtnContainer .bar .a:hover, .dropdown:hover .dropbtn {
  background-color: #E6BF6F;
  color: #990000;
  text-decoration: none;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 476px;
  left: auto;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Mega Menu header, if needed */
.dropdown-content .header {
  background: #990000;
  padding: 7px;
  color: #E6BF6F;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that float next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 3px;
  background-color: #ccc;
  height: 420px;
}

/* Style links inside the columns */
.column a {
  float: none;
  color: black;
  padding: 3px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color on hover */
.column a:hover {
  background-color: #ddd;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}