/* @override http://wwwtest.magnet.fsu.edu/nhmfl.css */

 /*--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: #000000;
	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;
	}

center
	{
	margin: 0px;
	padding: 0px;
	}

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

h1
	{
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 0px 3px 0px;
	margin: 0px;
	}

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
	{
	/*background-image: url("/includes/index/layout/images/formbackground.gif");*/
	border: 1px solid #608bac;
	padding: 2px 0px 0px 3px;
	height: 16px;
	background-color: #ffffff;
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	}

ol
	{
	font-size: 12px;
	color: #000000;
	padding: 3px 0px 20px 30px;
	margin: 0px;
	}

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

strong
	{
	color: #000000;
	}

sub, sup
	{
	font-size: 10px;
	line-height: 1px;
	}

textarea
	{
	text-align: left;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px 0px 0px -2px;
	}

ul
	{
	font-size: 12px;
	color: #000000;
	list-style-type: square;
	padding: 3px 0px 20px 30px;
	margin: 0px;
	}

.ulindented
	{
	margin: 0px 0px 0px 100px;
	}	


ul.twocolumn 
	{
	width: 400px;
	}

ul.twocolumn li 
	{
	width: 190px;
	float: left;
	}

.firstletter {
	float: left;
	font-family: georgia, times new roman, times, serif;
	font-style: italic;
	font-size: 40px;
	line-height: 1;
	margin: 0 8px 8px 0;
}

/*---------------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: 14px;
	margin: 0px 12px 4px 6px;
	border: 1px solid #608bac;
	padding: 1px 0px 0px 3px;
	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
	{
	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 0px -1px 0px;
	padding: 0px;
	}

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

#rightnavframe
	{
	padding-left: 2px;
	}

#mainimagefull
	{
	margin: 0px;
	padding: 0px;
	}


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

#contentoutside
	{
	border-left: solid 155px;	/* left navigator area */
	border-color: #cfcfcf;
	background-color: #ffffff;	/* content area */
	}

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

#contentframe
	{
	width: 589px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	}

#leftnavbase
	{
	background-image: url("/includes/education/navigators/left/images/navbasebackground.gif");
	background-repeat: repeat-y;
	background-position: top left;
	width: 157px;
	position: relative;
	border-style: solid;
	border-width: 0px;
	border-color: #ffffff;
	padding: 0px;
	}

#leftnavframe
	{
	width: 155px;
	position: relative;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ffffff;
	padding: 0px;
	background-color: transparent;
	}

#leftnav
	{
	background-image: url("/includes/education/navigators/left/images/background.gif");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #bababa;
	width: 155px;
	}

.leftnavform
	{
	width: 139px;
	height: 12px;
	margin: 0px 5px 5px -2px;
	font-size: 10px;
	}

.leftnavformdropdown
	{
	width: 143px;
	height: 18px;
	margin: 5px;
	border: 1px solid #608bac;
	font-size: 10px;
	}

.leftnavformtext
	{
	font-size: 11px;
	margin: 0px 0px 0px 7px;
	/*padding: 0px 0px 5px 0px;*/
	text-align: left;
	color: #0c4481;
	}

.navselections
	{
	margin: 2px 0px 5px 0px;
	padding: 0px 3px 0px 0px;
	}

.navselectionslarge
	{
	margin: 2px 0px 3px 5px;
	}

#contentgalleryframe
	{
	width: 746px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	}

.contentsectionframe
	{
	min-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;
	}

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

.contentsectionframecirl
	{
	min-height: 160px;
	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;
	}

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

.contentsectioncirl
	{
	min-height: 160px;
	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;
	}

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

.contentsectionbodyframe
	{
	margin: 5px 5px 5px 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;
	}

.articledropdownform
	{
	width: 200px;
	height: 18px;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 0px;
	font-size: 10px;
	}

.factoidright
	{
	float: right;
	position: relative;
	width: 200px;
	margin: 0px 0px 5px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 10px;
	background-color: #e5e5e5;
	color: #ffffff;
	}

.factoidleft
	{
	float: left;
	position: relative;
	width: 200px;
	margin: 0px 10px 5px 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 10px;
	background-color: #e5e5e5;
	color: #ffffff;
	}

.sidebarcenter
	{
	float: center;
	position: relative;
	width: 450px;
	margin: 0px 0px 25px 35px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 10px;
	background-color: #e5e5e5;
	color: #ffffff;
	}

.figurecenter
	{
	float: center;
	position: relative;
	width: 520px;
	margin: 0px 0px 5px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 10px;
	background-color: #e5e5e5;
	color: #ffffff;
	}

.floatboxright
	{
	float: right;
	position: relative;
	width: 200px;
	margin: 0px 0px 2px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 10px;
	background-color: #e5e5e5;
	color: #ffffff;
	}

.floatboxrightnarrow
	{
	float: right;
	position: relative;
	width: 100px;
	margin: 0px 0px 2px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 10px;
	background-color: #e5e5e5;
	color: #ffffff;
	}

.floatboxleft
	{
	float: left;
	position: relative;
	width: 200px;
	margin: 0px 10px 5px 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 10px;
	background-color: #e5e5e5;
	color: #ffffff;
	}

.timelineyear
	{
	float: center;
	position: relative;
	width: 60px;
	background: url(images/graybar.gif) top center repeat-y;
	margin: 0px 0px 0px 0px;		
	padding: 5px;
	color: #ffffff;
	}

div.hr
	{
	 
	border-bottom-width: 5px;
	color: #990000;
	background-color: #990000;
	height: 1px;
	width: 30%;
	text-align: center;
	}

.pullquoteright
	{
	float: right;
	position: relative;
	width: 200px;
	background: url(images/openquote.gif) top left no-repeat;
	margin: 20px 0px 20px 10px;		
	padding: 10px;
	color: #ffffff;
	}

.pullquoteleft
	{
	float: left;
	position: relative;
	width: 200px;
	background: url(images/openquote.gif) top left no-repeat;
	margin: 20px 0px 20px 10px;
	padding: 10px;
	color: #ffffff;
	}

.archives
	{
	margin-left: 30px;
	}

.contentform
	{
	/*background-image: url("/includes/index/layout/images/formbackground.gif");
	background-repeat: repeat-x;*/
	background-color: #e4ebf1;
	width: 139px;
	height: 16px;
	margin: 0px 5px 5px -2px;
	border: 1px solid #608bac;
	padding: 2px 0px 0px 3px;
	font-size: 10px;
	}

.contentdropdownform
	{
	/*background-image: url("/includes/index/layout/images/formbackground.gif");
	background-repeat: repeat-x;*/
	background-color: #e4ebf1;
	background-attachment: fixed;
	border: 1px solid #608bac;
	width: 75px;
	height: 18px;
	margin: 0px;
	font-size: 10px;
	}
	
.contentformtext
	{
	font-size: 11px;
	margin: 0px 0px 0px 7px;
	text-align: left;
	color: #0c4481;
	}

.calendarstrong
	{	
	font-size: 11px;
	}

.blue
	{
	color: #0c4481;
	}

.center
	{
	margin: 0px;
	padding: 0px 0px 8px 0px;
	text-align: center;
	}

.gallerycenter
	{
	margin: 0px -3px 0px -3px;
	padding: 0px 0px 8px 0px;
	text-align: center;
	}

.left
	{
	margin: 0px;
	padding: 0px 0px 8px 0px;
	text-align: left;
	}

.right
	{
	margin: 0px;
	padding: 0px 0px 8px 0px;
	text-align: right;
	}

.tablecenter
	{
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

.tableleft
	{
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

.tableleftsmall
	{
	margin: 0px;
	padding: 0px;	
	font-size: 8px;
	text-align: left;
	}
.tableright
	{
	margin: 0px;
	padding: 0px;
	text-align: right;
	}

.tabletitle
	{
	color: #000000;
	}

.tabletitleone
	{
	color: #000000;
	}

.tabletitletwo
	{
	color: #ffffff;
	}

.tablecolorone
	{
	background-color: #4f739a;
	}

.tablecolortwo
	{
	background-color: #a7a7a7;
	}

.tablecolortwoinput
	{
	color: #ff0000;
	}

.tablecolorthree
	{
	background-color: #d3d3d3;
	}

.tablecolorfour
	{
	background-color: #e5e5e5;
	}

.tablecolorfive
	{
	background-color: #afc5d5;
	}

.white
	{
	color: #ffffff;
	}

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

a.answerlink:link, a.answerlink:visited, a.answerlink:active
	{
	position: absolute;
	width: 50px;
	height:	12px;
	text-decoration: none;	
	color: #0c4481;
	overflow: hidden;
	}

a.answerlink:hover
	{
	position: absolute;
	width: 535px;
	height:	12px;
	text-decoration: none;
	color: #990000;
	background-color: #ffffff;
	overflow: visible;
	}

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

a.answerlinkshort:link, a.answerlinkshort:visited, a.answerlinkshort:active
	{
	position: absolute;
	width: 50px;
	height:	12px;
	text-decoration: none;	
	color: #0c4481;
	overflow: hidden;
	}

a.answerlinkshort:hover
	{
	position: absolute;
	width: 375px;
	height:	12px;
	text-decoration: none;
	color: #990000;
	background-color: #ffffff;
	overflow: visible;
	}

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.leftnavlink
	{
	text-decoration: none;
	font-size: 11px;
	}

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

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

a.leftnavlinklarge
	{
	text-decoration: none;
	font-size: 12px;
	}

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

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

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

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

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

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.smallbluelink
	{
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}

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

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

a.captionbluelink
	{
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}

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

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

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

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

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

.contentboxlink
	{
	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;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	}

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

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

a.stronglink
	{
	text-decoration: underline;
	font-weight: bold;
	color: #0c4481;
	}

a.stronglink:visited
	{
	text-decoration: underline;
	font-weight: bold;
	color: #777777;
	}

a.stronglink:hover, a.stronglink:active
	{
	text-decoration: underline;
	font-weight: bold;
	color: #990000;
	}

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

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

.captionboxright
	{
	float: right;
	text-align: center;
	margin: 4px 0px 4px 8px;
	/*margin: 4px 0px 0px 8px;*/
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 4px;
	width: 277px;
	}

.captionboxright-1
	{
	float: right;
	text-align: center;
	margin: 4px 0px 4px 8px;
	border-style: none;
	border-width: 1px;
	border-color: #c3c3c3;
	/*margin: 4px 0px 0px 8px;*/
	padding: 4px;
	width: 277px;
	}


.captionboxcenter
        {
	width: 452px;
	margin: 0px auto 0px auto;  /*This is saying there’s no margin to the top or bottom and makes an equidistant margin for the left and right sides thus centering the item*/
	border: 1px #c3c3c3 solid;  /*Some properties can be condensed.  But not all of them, so you have to be careful.*/padding: 4px;
        }

.mugcaptionboxright
	{
	float: right;
	text-align: center;
	margin: 4px 0px 4px 8px;
	/*margin: 4px 0px 0px 8px;*/
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 4px;
	width: 200px;
	}

.miniboxright
	{
	float: right;
	text-align: center;
	margin: 4px 0px 4px 8px;
	/*margin: 4px 0px 0px 8px;*/
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 4px;
	width: 76px;
	}

.headerbox
	{
	float: center;
	width: 520px;
	}

.captionboxleft
	{
	float: left;
	text-align: center;
	margin: 4px 8px 4px 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 4px;
	width: 277px;
	}

.mugcaptionboxleft
	{
	float: left;
	text-align: center;
	margin: 4px 8px 4px 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 4px;
	width: 200px;
	}

img.textwrapleft
	{
	float: left;
	position: relative;
	text-align: left;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 2px;
	}

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

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

img.imageinline
	{
	margin: 6px 3px 6px 3px;
	}

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

img.arrowcontentspaceleft
	{
	margin: 0px 0px 0px 3px;
	}

img.arrownavspace
	{
	margin: 0px 4px 0px 5px;
	}	

img.arrownavspacesmall
	{
	margin: 0px 3px 0px 4px;
	}	

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

img.grayborder
	{
	border-width: 1px;
	border-style: solid;
	border-color: #a7a7a7;
	padding: 1px;
	}

img.lightgrayborder
	{
	border-width: 1px;
	border-style: solid;
	border-color: #c3c3c3;
	padding: 1px;
	}

.personnelborder
	{
	width: 200px;
	margin: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #c3c3c3;
	padding: 1px;
	}

img.sectiontitle
	{
	display: block;
	}

img.leftnavsectionborder
	{
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
	}

img.leftnavimageborder
	{
	margin: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	}

input.submit
	{
	background-color: #c5c5c5;
	color: #0c4481;
	font-weight: normal;
	}

p.factoidtext
	{
	text-align: left;
	font-size: 12px;
	color: #0c4481;
	margin: 0px;
	padding: 0px;
	}

p.floatboxtext
	{
	text-align: left;
	font-size: 12px;
	color: #0c4481;
	margin: 0px;
	padding: 0px;
	}

p.pullquotetext
	{
	text-align: left;
	font-size: 18px;
	color: #0c4481;
	margin: 0px;
	padding: 0px;
	}

p.attributiontext
	{
	text-align: left;
	font-size: 12px;
	color: #0c4481;
	margin: 0px;
	padding: 0px;
	}

p.credittext
	{
	text-align: left;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	}

p.photocredittext
	{
	text-align: center;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	}

.indent
	{
	text-indent: 10px;
	color: #000000;
	}

.pioneer
	{
	padding-left: 58px;
	}

.quotation
	{
	padding-left: 30px;
	}

.quotationmark
	{
	float: left;
	position: relative;
	font-family: times new roman, georgia, times, serif;
	font-size: 40px;
	/*font-size: 60px;*/
	color: #0c4481;
	margin-top: -5px;
	margin-right: 5px;
	margin-bottom: -5px;
	/*margin-bottom: -40px;*/
	}

.subsection
	{
	padding-left: 20px;
	}

.excerpt
	{
	padding-left: 20px;
	padding-right: 20px;
	}

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

.tabletext
	{
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	}

#tabletext
	{
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	}

.timelineyeartext
	{
	font-size: 30px;
	font-weight: bold;
	color: #4f739a;
	margin: 0px;
	padding: 0px;
	}

#timelineyeartext
	{
	font-size: 30px;
	font-weight: bold;
	color: #4f739a;
	margin: 0px;
	padding: 0px;
	}
ul.floatboxlist
	{
	text-align: left;
	font-size: 12px;
	color: #0c4481;
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	}

.buttonbox
	{
	width: 80px;
	height: 17px;
	background-color: #608bac;
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #3e6188;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	}

.navindent
	{
	text-indent: 15px;
	margin: 0px 0px -10px 0px;
	padding: 0px;
	}

.navindentsecondary
	{
	text-indent: 15px;
	margin: 10px 0px -10px 0px;
	padding: 0px;
	}

.navsubindent
	{
	text-indent: 22px;
	margin: 0px 0px -10px 0px;
	padding: 0px;
	}

.navsubindentsecondary
	{
	text-indent: 22px;
	margin: 10px 0px -10px 0px;
	padding: 0px;
	}

.factsheettext
	{
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	}

.reportboxright
	{
	float: right;
	text-align: center;
	margin: 4px 0px 0px 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3;
	padding: 4px;
	width: 177px;
	}

.slideshow
	{
	margin: 0px;
	padding: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #c3c3c3;
	}

.qatext
	{
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	}

.leftnavtext
	{
	font-size: 11px;
	margin: 5px 0px -18px 7px;
	text-align: left;
	color: #0c4481;
	}

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


h1.links
	{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin: 0px;
	}

img.physicsfactoid
	{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	}
	
img.galleryborder
	{
	margin: 0px;
	border: 1px solid #c3c3c3;
	padding: 1px;
	}

img.timelineborder
	{
	margin: 0px 0px 0px 10px;
	border: 1px solid #c3c3c3;
	padding: 1px;
	}	
.floatright
	{
	float: right;
	margin: 3px 0px 6px 8px;
	padding: 0px;
	}

#contentarea table
	{
	color: #000000;
	}
	
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;
	}

/*---------------java frame---------------*/
.flashapplet
	{
	width: 550px;
	margin: 2px 0px 12px 0px;
	/*border: 2px #cccccc solid;*/
	}


/*---------------java frame---------------*/
#contentarea #base
	{
	height: 300px;
	width: 400px;
	margin: 0px auto 20px auto;
	border: 0px #cccccc solid;
	padding: 1px 5px 5px 1px;
	background: url("/education/tutorials/magnetacademy/superconductivity101/images/mediaplayershadow.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}

#base #video
	{
	margin: 0px;
	padding: 0px;
	display: block;
	}


/*---------------tracker---------------*/
#tracker
	{
	margin: 0px 10px 20px 10px;
	}

#tracker textarea
	{
	/*background-image: url("/includes/index/layout/images/formbackground.gif");
	background-repeat: repeat-x;*/
	background-color: #e4ebf1;
	width: 400px;
	height: 150px;
	margin: 0px 5px 5px -2px;
	border: 1px solid #608bac;
	padding: 2px 0px 0px 3px;
	font-size: 10px;
	}

#tracker input
	{
	/*background-image: url("/includes/index/layout/images/formbackground.gif");
	background-repeat: repeat-x;*/
	background-color: #e4ebf1;
	width: 139px;
	height: 16px;
	margin: 0px 5px 5px -2px;
	border: 1px solid #608bac;
	padding: 2px 0px 0px 3px;
	font-size: 10px;
	}


/*---------------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;
	}

/*-----------breakout box---------------*/

.img_highlight {
	background-color: #4f739a;
	float: right;
	margin-right: 0px;
	margin-bottom: 20px;
	width: 100px;
	text-align: center;
	padding: 5px;
	margin-top: 10px;
	border: 1px solid #000;
}

.img_highlight img {
	padding: 3px;
	margin: 3px;
	background-color: white;
}

a.whitelink, a.whitelink:visited {
	color: white;
	text-decoration: none;
}

a.whitelink:hover {
	color: orange;
}