/*--National High Magnetic Field Laboratory---*/


/*---------------general settings---------------*/
body
	{
	background-image: url("/includes/index/layout/images/background.gif");
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	background-color: #4f739a;
	font-size: 11px;
	font-family: arial, verdana, helvetica, sans-serif;
	color:#ffffff;
	text-align: center;
	}

a:link
	{
	text-decoration: underline;
	outline: none;
	color: #0c4481;
	}

a:visited
	{
	text-decoration: underline;
	color: #777777;
	}

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

a:active
	{
	text-decoration: underline;
	color: #999999;
	}

br
	{
	line-height: 10px;
	}

form
	{
	display: block;
	margin: 0px;
	}

h1
	{
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	}

hr
	{
	border: 0px;
	color: #d9d9d9;
	background-color: #d9d9d9;
	height: 1px;
	width: 85%;
	text-align: center;
	}

img
	{
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	}

input
	{
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	}

input.whitebox
	{
	padding-left: 3px;
	background-color: #ffffff;
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	}

p
	{
	text-align: left;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	}

strong
	{
	color: #000000;
	}

sub, sup
	{
	line-height: 0px;
	}


/*---------------layout position and size---------------*/
#layout
	{
	width: 770px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}


/*---------------header---------------*/
#header
	{
	height: 67px;
	width: 770px;
	background-image: url("/includes/index/header/images/headerbackground.gif");
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px auto 0px 0px;
	padding: 0px;
	}

#magnetlabtitle
	{
	width: 525px;
	height: 67px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}

#headerleft
	{
	width: 525px;
	height: 67px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}

#headermiddle
	{
	width: 77px;
	height: 67px;
	text-align: right;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}

#headerright
	{
	width: 168px;
	height: 67px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}

/*
#headerdropdownform
	{
	width: 156px;
	height: 18px;
	margin: 18px 12px 1px 6px;
	border-style: solid;
	border-width: 0px;
	border-color: #c3c3c3;
	font-size: 11px;
	}

#headerdropdownform a
	{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	}
*/

#headerperpubsearch
	{
	width: 156px;
	height: 18px;
	margin: 25px 12px 0px 6px;
	font-size: 11px;
	}
	
#headerperpubsearch a
	{
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	}

#headerperpubsearch a:link, #headerperpubsearch a:visited, #headerperpubsearch a:active
	{
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	text-decoration: none;
	}

#headerperpubsearch a:hover
	{
	margin: 0px;
	padding: 0px;
	color: #cacaca;
	text-decoration: none;
	}

#headersearchform
	{
	background-image: url("/includes/index/layout/images/formbackground.gif");
	/*background-repeat: repeat-x;*/
	display: block;
	width: 150px;
	height: 15px;
	margin: 0px 12px 4px 6px;
	border: 1px solid #608bac;
	padding-left: 3px;
	font-size: 10px;
	}
	
#headersearchbutton
	{
	padding: 44px 0px 0px 0px;
	}

a.searchlink
	{
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #608bac;
	padding: 0px 3px 1px 3px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}

a.searchlink:link, a.searchlink:visited, a.searchlink:active
	{
	color: #ffffff;
	text-decoration: none;
	}

a.searchlink:hover
	{
	color: #cacaca;
	text-decoration: none;
	}


/*---------------base of the layout---------------*/
#base
	{
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;	
	min-height: 100px;
	padding: 1px;
	background-color: #c3c3c3;
	}


/*---------------frame of the layout---------------*/
#frame
	{
	margin: 0px;
	border-width: 9px 8px 9px 8px;
	border-style: solid;
	border-color: #e5e5e5;
	padding: 1px;
	background-color: #c3c3c3;
	}

#page
	{
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	background-color: #ffffff;
	}

.line
	{
	margin: 0px;
	border-width: 0px;
	border-bottom-width: 1px;
	border-style: solid;
	border-bottom-color: #d9d9d9;
	padding: 0px;
	background-color: #ffffff;
	display: block;
	}

/*---------------top navigator---------------*/
#mainnavtop
	{
	background-image: url("includes/index/navigators/top/images/topbackground.gif");
	background-repeat: repeat-x;
	background-position: top left;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	}

#mainnavbottom
	{
	height: 21px;
	background-image: url("/includes/index/navigators/top/images/bottombackground.gif");
	background-repeat: repeat-x;
	text-align: center;
	}

a#mainnavbottomlinkempty
	{
	padding: 0px;
	margin: 0px;
	}

a#mainnavbottomlink
	{
	padding: 0px 8px 0px 8px;
	font-weight: bold;
	text-decoration: none;
	}

a#mainnavbottomlink:link, a#mainnavbottomlink:visited, a#mainnavbottomlink:active
	{
	color: #ffffff;
	}

a#mainnavbottomlink:hover
	{
	color: #ffd632;
	}

img.mainnavbutton
	{
	display: block;
	}


/*---------------title image and right navigator---------------*/
#titlearea
	{
	margin: 0px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #ffffff;
	color: #ffffff;
	}

#titleoutside
	{
	border-left: solid 497px;	/* main image area */
	border-color: #ffffff;
	background-color: #ffffff;	/* right nav area */
	}

	/* Fix for IE display issue */
#titleinside
	{
	margin: 0px;
	width: 100%;
	}

#mainimage
	{
	margin: 0px;
	}

img.titleborder
	{
	display: block;
	margin: 0px 0px 1px 0px;
	}

#rightnavframe
	{
	padding-left: 2px;
	}


/*---------------content area---------------*/
#contentarea
	{
	margin: 0px -1px -1px -1px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #ffffff;
	}

#contentframe
	{
	width: 748px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	}

.contentsectionframe
	{
	height: 205px;
	background-image: url("includes/index/layout/images/contentbackground.gif");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
	margin: 0px 1px 1px 1px;
	padding: 5px 6px 5px 6px;
	}

.contentsectionframealter
	{
	height: 205px;
	background-image: url("includes/index/layout/images/contentbackground.gif");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
	margin: 0px 1px 1px 1px;
	padding: 5px 6px 5px 7px;
	}

.contentsectionframeshorter
	{
	min-height: 158px;
	background-image: url("includes/index/layout/images/contentshorterbackground.gif");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
	margin: 0px 1px 1px 1px;
	padding: 5px 6px 5px 6px;
	}

.contentsectionframeshortest
	{
	background-image: url("includes/index/layout/images/contentshortestbackground.gif");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
	margin: 0px 1px 1px 1px;
	padding: 5px 6px 5px 6px;
	}

.contentsection
	{
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	padding: 0px;
	}

.contentsectiontitle
	{
	background-image: url("includes/index/layout/images/titlebackground.gif");
	background-repeat: repeat-x;
	background-position: top left;
	height: 24px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ffffff;
	padding-left: 6px;
	}

.contentsectiontitlegrey
	{
	background-image: url("includes/index/layout/images/titlegreybackground.gif");
	background-repeat: repeat-x;
	background-position: top left;
	height: 24px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ffffff;
	padding-left: 6px;
	}

.contentsectiontitlegreysmall
	{
	background-image: url("includes/index/layout/images/titlegreysmallbackground.gif");
	background-repeat: repeat-x;
	background-position: top left;
	height: 17px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ffffff;
	padding-left: 6px;
	}

.spotlightsectiontitle
	{
	background-image: url("includes/index/layout/images/titlebackground.gif");
	background-repeat: repeat-x;
	background-position: top left;
	height: 24px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ffffff;
	padding: 0px;
	}

.contentsectionbodyframe
	{
	margin: 5px;
	background-color: #ffffff;
	}

.contentsectionbodyborder
	{
	background-image: url("includes/index/layout/images/borderline.gif");
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #ffffff;
	padding: 1px 1px 0px 1px;
	}

.contentsectionbody
	{
	background-color: #ffffff;
	padding: 6px 8px 0px 8px;
	}

.contentsectionbodyspotlight
	{
	height: 72px;
	background-color: #ffffff;
	padding: 6px 8px 0px 8px;
	}

.contentsectionbodycalendarframe
	{
	/*background-image: url("frontpage/calendar/images/calendarbackground.jpg");*/
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #ffffff;
	padding: 0px;
	}

.contentsectionbodycalendar
	{
	/*background-color: #ffffff;*/
	padding: 6px 8px 0px 8px;
	}

.contentsectionbodyintranet
	{
	background-image: url("includes/index/layout/images/intranetbackground.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #ffffff;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	width: 731px;
	height: 35px;
	}

.contentsectionbodyintranetspace
	{
	margin: 0px;
	padding: 5px;
	}

.calendartext
	{
	/*background-color: #ffffff;*/
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	}

#leftcalendarframe
	{
	margin: 8px 0px 0px 0px;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #d9d9d9;
	padding: 0px 20px 0px 0px;
	background-color: transparent;
	text-align: center;
	}

#leftcalendar
	{
	width: 150px;
	padding: 6px 0px 0px 8px;
	background-color: transparent;
	}

.sectiontitle
	{
	font-size: 12px;
	font-weight: bold;
	/*text-decoration: underline;*/
	color: #0c4481;
	padding: 4px 0px 0px 0px;
	}

.sectiontitlecenter
	{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #0c4481;
	padding: 4px 0px 0px 0px;
	text-align: center;
	}

.sectiontitlesmall
	{
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #0c4481;
	padding: 2px 0px 0px 0px;
	}

.searchtitlesmall
	{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #0c4481;
	padding: 4px 0px 0px 0px;
	}

.center
	{
	text-align: center;
	}

.left
	{
	text-align: left;
	}

.right
	{
	text-align: right;
	}

a.bluelink
	{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	}

a.bluelink:link, a.bluelink:visited, a.bluelink:active
	{
	text-decoration: none;	
	color: #0c4481;
	}

a.bluelink:hover
	{
	text-decoration: none;
	color: #990000;
	}

a.contentlink:link
	{
	text-decoration: underline;
	color: #0c4481;
	}

a.contentlink:visited
	{
	text-decoration: underline;
	color: #777777;
	}

a.contentlink:hover
	{
	text-decoration: underline;
	color: #9999cc;
	}

a.contentlink:active
	{
	text-decoration: underline;
	color: #999999;
	}

a.calendarlink
	{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	}

a.calendarlink:link, a.calendarlink:visited, a.calendarlink:active
	{
	text-decoration: underline;
	color: #0c4481;
	}

a.calendarlink:hover
	{
	text-decoration: underline;
	color: #990000;
	}

a.loginlink
	{
	background-color: #608bac;
	margin: 0px 0px 5px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #3e6188;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}

a.loginlink:link, a.loginlink:visited, a.loginlink:active
	{
	color: #ffffff;
	}

a.loginlink:hover
	{
	color: #cacaca;
	}

a.sectiontitlelink
	{
	font-size: 12px;
	font-weight: bold;
	}

a.sectiontitlelink:link, a.sectiontitlelink:visited, a.sectiontitlelink:active
	{
	text-decoration: underline;	
	color: #0c4481;
	}

a.sectiontitlelink:hover
	{
	text-decoration: underline;
	color: #990000;
	}

a.searchtitlesmalllink
	{
	font-size: 12px;
	font-weight: bold;
	}

a.searchtitlesmalllink:link, a.searchtitlesmalllink:visited, a.searchtitlesmalllink:active
	{
	text-decoration: none;	
	color: #0c4481;
	}

a.searchtitlesmalllink:hover
	{
	text-decoration: none;
	color: #990000;
	}

img.textwrap
	{
	float: left;
	margin-right: 8px;
	margin-bottom: 6px;
	}

img.textwrapleft
	{
	float: left;
	position: relative;
	margin-right: 8px;
	margin-bottom: 6px;
	}

img.textwrapright
	{
	text-align: right;
	margin-left: 8px;
	margin-bottom: 6px;
	}

img.imagecenter
	{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	}

img.arrowcontentspace
	{
	margin: 0px 4px 0px 0px;
	}

img#blackborder
	{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	}

img.sectiontitle
	{
	display: block;
	}

img.sectiontitlecenter
	{
	margin-left: auto;
	margin-right: auto;
	display: block;
	}

img.spotlightimageborder
	{
	width: 233px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
	display: block;
	}

p.contentsmalltext
	{
	text-align: left;
	font-size: 11px;
	color: #000000;
	}

p#contentsmalltext
	{
	text-align: left;
	font-size: 11px;
	color: #000000;
	}

p.intranettextcenter
	{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #565656;
	}

p.indent
	{
	text-indent: 10px;
	}

strong.title
	{
	font-size: 14px;
	}

strong.date
	{
	font-size: 12px;
	color: #565656;
	}

strong.blue
	{
	color: #0c4481;
	}


/*---------------!!NEW!!---------------*/
.calendar
	{
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	}

strong.calendartimeframe
	{
	font-size: 14px;
	color: #990000;
	}

a.titlebluelink
	{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	}

a.titlebluelink:link, a.titlebluelink:visited, a.titlebluelink:active
	{
	text-decoration: none;	
	color: #0c4481;
	}

a.titlebluelink:hover
	{
	text-decoration: none;
	color: #990000;
	}

.perpubsearch
	{
	margin: 2px 0px -16px 6px;
	padding: 0px 0px 0px 0px;
	color: #cacaca;
	/*font-size: 11px;
	font-weight: bold;*/
	}

a.perpublink
	{
	font-size: 11px;
	font-weight: bold;
	}

a.perpublink:link, a.perpublink:visited, a.perpublink:active
	{
	text-decoration: none;	
	color: #cacaca;
	}

a.perpublink:hover
	{
	text-decoration: none;
	color: #ffffff;
	}

.backwhite
	{
	background-color: #ffffff;
	}

.spotlightnav
	{
	margin: 0px 6px 6px 6px;
	padding: 0px 0px 0px 0px;
	}
	
.doublearrow
	{
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	}

	
/*---------------footer---------------*/
.footerleft
	{
	padding: 5px 0px 5px 10px;
	text-align: left;
	font-size: 10px;
	color: #ffffff;
	}

.footerright
	{
	padding: 5px 10px 5px 0px;
	text-align: right;
	font-size: 10px;
	color: #ffffff;
	}

a.footerlink
	{
	text-decoration: underline;
	}
	
a.footerlink:link, a.footerlink:visited, a.footerlink:active
	{
	text-decoration: underline;
	color: #ffffff;
	}

a.footerlink:hover
	{
	text-decoration: underline;
	color: #cacaca;
	}

input.googleSearchButton
	{
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #608bac;
	padding: 0px 0px 1px 0px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}