/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #3c2014;
}
strong {
	font-weight: bold;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

blockquote {
	padding: 0px 20px;
}

a { 
	text-decoration: none; 
	color: #002767;
}

a:visited, a:active {
	color: #7891BC;
	text-decoration: none;
}

a:visited { color: #536A8F; }

a:hover {
	text-decoration: underline;
	color: #E66800;
}

body { background:#ecebea url(/images/backgrounds/repeater4.jpg) repeat-y 50% -45px; }

#printlogo { display: none; }

#header_wrapper { background: #ffffff url(/images/layout/header-bg.jpg) top center no-repeat; z-index: 101; }
#header { height: 128px; width:974px; margin: 0 auto; z-index: 101; position: relative; } 

#menu { color: #ffffff; padding-top: 4px; z-index: 5; }
#menu ul { width: 927px; margin: 0 auto; z-index: 5; }

.utility { float: right; width: 560px; color: #000000; font-size: 1em; font-weight: bold; text-align: right; padding-top: 37px; padding-right:10px;}
.utility a { color: #000000; }
.utility a.active { color: #55769F; }

#search { float: right; clear: right; padding-top: 21px; padding-right:10px;}
#search label { display:block; float: left; background: url(/images/layout/search-label.png) 0px 5px no-repeat; width: 88px; height: 21px; text-indent: -9999px;  }
#search .text { border: 1px #dcd1c4 solid; border-top-color: #dcdfc3; border-right-color: #dcdfc3; height: 21px; margin-left: 11px; 
	background: #ffffff url(/images/layout/search-bg.gif) top repeat-x; width: 241px; float:left; }
#search .button { width: 24px; height: 25px; border: 0px; margin: 0px; background: url(/images/layout/search-button.png) 0px 0px no-repeat; float: left;  cursor: pointer}

#user { position: absolute; top: 95px; right: 1px; padding-top: 10px; font-weight: bold; width: auto; font-size: 12px; color: #151D1C; z-index: 101;  padding-right:10px; }
html.firefox.mac #user { width: 165px; }
html.safari #user { width: 170px; }
#user .user_link { display: block; float:right; margin-left: 3px; background: url(/images/icons/user-drop_arrow.png) right 4px no-repeat; padding-right: 18px; }
#user .loggedOut { background: url(/images/icons/user-side_arrow.png) right 0px no-repeat; }
#user ul li a.loggedOut { background:none; }
html.safari #user .user_link { background-position: right 2px; }
#user .user_menu { display: none; background: #f1f6fc url(/images/layout/user-list-bg.png) top repeat-x; width: 130px; padding: 10px 17px; z-index: 101; margin-top: 10px; }
html.firefox.mac #user .user_menu { width: 132px; padding-right: 15px; }
#user .user_menu li { background: url(/images/icons/bullet-black.png) 0px 5px no-repeat; padding: 3px 11px; z-index: 101; }
#user .user_menu a { color: #214D7B; }
#user .user_menu a:hover { color: #e66800; }

#photo_wrap { background:url(/images/backgrounds/badlands7.jpg) 50% 0 no-repeat; clear:both;  }

#wrapper { position: relative; background: url(/images/backgrounds/map6.jpg) 50% 100% no-repeat; padding-bottom: 47px; padding-top: 20px; }

#mapFix{background: url(/images/backgrounds/fixMap.png) no-repeat 50% 0; height:190px; width:100%; position:absolute; bottom:375px; }

#container { position: relative; padding-bottom: 7px; width: 959px; margin: 0 auto; }
#container:after, #menu:after { content: ""; display: block; height: 0; clear:both;}

#ghost { height: 239px; position: absolute; bottom: -47px; left: -150px; z-index: 9; }

#container h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #002767; line-height: 160%; padding: 4px 0px 0px 6px; }
#container a { color: #002767; }
#container a:hover { text-decoration: underline; }

p { line-height: 160%; padding: 0 0 12px; }
#Content p.learnmore { width: inherit; padding-top: 0px; font-size: 11px; }
#Content p.learnmore a { background: url(/images/icons/arrow-green.png) right 4px no-repeat; padding-right: 15px; color:#3E6CBF;}
#container #Content p.learnmore a { color:#3E6CBF;}

div.photo { float: left; margin: 4px 5px 5px 1px; padding: 5px 11px 10px 5px; background: url(/images/layout/photo-thumb.png) 0px 0px no-repeat; width: 95px; height: 91px; padding: 5px 11px 10px 5px; }
div.photo div { width: 94px; height: 91px; overflow: hidden; }
div.photo img { width: 94px; }
div.photo img.verticalForce { width: auto; height: 94px;}

div.large { width: 290px; height: auto; float: right; /*background: url(/images/sub/bg-photo.png) 0px 0px no-repeat;*/ margin: -3px 0px 20px 20px; color: #83290F; font-size: 10px; line-height: 160%;letter-spacing: -0.03em; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 7px 7px 11px 7px; }
div.large img { width: inherit; margin-bottom: 5px;}
html.webkit .large img { margin-bottom: 8px; }

.panel div.photo { background-image: url(/images/layout/photo-thumb-80.png); width: 84px; height: 80px; margin-right: 2px; }
.panel div.photo div { width: 82px; height: 80px; }
.panel div.photo div img { width: 82px; }
.panel div.photo div img.verticalForce { width: auto; height: 82px; }

.panel .user div.photo { background: none; background-color: #ffffff; padding: 4px; margin-right: 6px;width: 57px; height: 55px; }
.panel .user div.photo div { width: 57px; height: 55px; overflow:hidden;}
.panel .user div.photo div img { width: 57px; }
.panel .user div.photo div img.verticalForce { width: auto; height: 55px; }

div.picture div { width: 184px; height: 184px; overflow: hidden; }
div.picture img { width: 184px; }
div.picture img.verticalForce { width: auto; height: 184px;}

#Content:after{ content: ""; display: block; height: 0; clear:both;}
#Content .col p, .right_sidebar .article p, .right_sidebar .user  p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 160%; padding: 2px 0px 5px 0px; }
.right_sidebar .user  p { padding-top: 6px; }
.article, .user { padding-top: 13px; clear:left; background: url(/images/layout/col3_article-border_bottom.png) bottom repeat-x; padding-bottom: 6px; padding-top: 9px; margin: 0px 5px;}
.last { background: none; }
.article .clear, .section .clear { clear: left; height: 1px; }
.panel .section  { margin-top: 34px; }

#social_media_footer,#social_media { color: #FFFFFF; height: 34px; margin: 28px 0 0;padding: 21px 15px 15px;}
#social_media_footer label,#social_media label { display: block; color: #DACEAE; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-transform: uppercase; font-weight: bold; float:left; padding-top: 10px; padding-left: 3px; letter-spacing: 0.04em; }

#footer_wrapper { border-top: 11px #2B160E solid; background-color: #3c2014; padding-top: 11px; height: 110px; }
#footer_wrapper #footer { margin: 0 auto; width:920px; padding-bottom: 50px; }
#footer .menu { font-size:12px; font-weight: bold; color: #E6E5E4; padding-bottom: 11px; }
#footer .menu a { color: #D5D2D0; text-decoration: underline; }
#footer .menu a:hover { color: #ffffff; }
#footer .logo { float: left; }
#footer p { color:#ada19c; font-size: 12px; font-weight: normal; float: left; padding: 22px 0px 0px 13px; }
#footer p.credit { padding-left: 53px; }
#footer p a { color: #ada19c; text-decoration: underline; }
#footer p a:hover { text-decoration: underline; color: #ffffff; }



/** SIFR **/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0 0px 0px 0px;
    padding: 0px;
	vertical-align: bottom;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  h2 .sIFR-flash {
  	/* width: 100px; */
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }

}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active #billboard h2 {
    font-family: Georgia;
	font-weight: normal;
	line-height: 100%;
  }
  
  .sIFR-active #container .title h1 {
	padding-top: 12px;
	padding-bottom: 12px;
	height: auto;
  }
  
  .sIFR-active #container .blue_title h1 {
	line-height: normal;
	padding: 9px 0px 0px 56px;
  }
  
  .sIFR-active .orange_title h2 .sIFR-flash,
  .sIFR-active .callout_box h2 .sIFR-flash {
  	margin-bottom: -4px;
	margin-top: 0px;
  }
  
  .sIFR-active #Content #col_left #whats_new h2 .sIFR-flash,
  .sIFR-active #Content #col_mid #for_scholars h2 .sIFR-flash {
  	margin-top: 0px;  }


  .sIFR-active #Content #col_left h2,
  .sIFR-active #Content #col_mid h2 {
	padding: 11px 0px;
  }
  .sIFR-active #Content #col_left h2 .sIFR-flash,
  .sIFR-active #Content #col_mid h2 .sIFR-flash {
	  margin-top: -7px; 
  }