/*---Optical Society of America: Exploring the Science of Light---*/

/*---------------general settings---------------*/
html
	{
	margin: 0px;
	padding: 0px;
	}

body
	{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: verdana, helvetica, arial, sans-serif;
	background-color: #ebeff3;
	color: #375166;
	}

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

a, a:link, a:visited, a:active
	{
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	color: #375166;
	outline: none;
	}

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

caption
	{
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	}

dl
	{
	width: 500px;
	margin: 0px auto 0px auto;
	border: 1px #cccccc solid;
	padding: 5px;
	background: #dbe8f3;
	}

dt
	{
	font-size: 12px;
	}

dt strong
	{
	font-size: 16px;
	}

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

h3
	{
	margin: 12px 0px 0px 0px;
	padding: 0px;
	font-size: 22px;
	color: #3981bb;
	}

h3 a, h3 a:link, h3 a:visited, h3 a:active
	{
	text-decoration: none;
	color: #3981bb;
	outline: none;
	}

h3 a:hover
	{
	text-decoration: none;
	color: #cc0000;
	}

h2
	{
	margin: 0px;
	padding: 12px 0px 1px 0px;
	font-size: 18px;
	}

h2 a, h2 a:link, h2 a:visited, h2 a:active
	{
	text-decoration: none;
	color: #375166;
	outline: none;
	}

h2 a:hover
	{
	text-decoration: none;
	color: #cc0000;
	}

h1
	{
	color: #cc0000;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	font-size: 14px;
	}

h1 a, h1 a:link, h1 a:visited, h1 a:active
	{
	text-decoration: none;
	color: #cc0000;
	outline: none;
	}

h1 a:hover
	{
	text-decoration: none;
	color: #3981bb;
	}
	
h1 a em, h1 a:link em, h1 a:visited em, h1 a:active em
	{
	text-decoration: none;
	color: #cc0000;
	outline: none;
	}

h1 a:hover em
	{
	text-decoration: none;
	color: #3981bb;
	}

h1 em
	{
	color: #cc0000;
	}

hr
	{
	border: 0px;
	background-color: #cccc99;
	height: 2px;
	width: 100%;
	}

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

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

li
	{
	margin: 2px 0px 2px 6px;
	padding: 2px 0px 2px 0px;
	}

li ul
	{
	margin: 6px 0px 8px 25px;
	padding: 0px;
	color: #375166;
	}

ol
	{
	margin: 5px 0px 0px 0px;
	padding: 5px 5px 10px 28px;
	color: #375166;
	background-color: #f8f8ff;
	}

select
	{
	margin: 2px 0px 5px 0px;
	padding: 2px 0px 0px 3px;
	color: #000000;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	}

strong
	{
	font-size: 12px;
	}

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

table
	{
	margin: 0px;
	padding: 0px;
	color: #375166;
	}

textarea
	{
	margin: 2px 0px 5px 0px;
	padding: 2px 0px 0px 3px;
	color: #000000;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	}

th
	{
	color: #ffffff;
	}

ul
	{
	margin: 0px 0px 10px 25px;
	padding: 0px;
	color: #375166;
	}


/*---------------universal elements---------------*/
img.ppticon
	{
	margin: 0px 0px -4px 0px;
	}

img.pdficon
	{
	margin: 0px 0px -3px 0px;
	}


/*---------------page layout---------------*/
#layout
	{
	background: url("/includes/index/layout/images/background.gif") top repeat-y;
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	}

#headersection
	{
	background: url("/includes/index/header/images/background1.jpg") top no-repeat;
	width: 786px;
	height: 109px;
	margin: 0px 7px;
	padding: 0px;
	}

#outside
	{
	width: 167px;
	margin: 0px 0px 0px 167px;
	background-color: transparent;
	}

#inside
	{
	margin: 0px;
	width: 633px;
	}

#leftsection
	{
	width: 167px;
	margin: 0px 0px 0px -168px;
	* margin: 0px 0px 0px -167px;
	padding: 0px;
	border: 1px transparent solid;
	* border: 0px transparent solid;
	float: left;
	position: relative;
	}

#leftcontent
	{
	width: 160px;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	}

#mainsection
	{
	background: url("/includes/index/layout/images/contentbackground.gif") top repeat-x;
	margin: 0px;
	padding: 0px;
	width: 600px;
	}

#maincontent
	{
	margin: 0px;
	padding: 15px;
	}


/*---------------header---------------*/
#searcharea
	{
	margin: 0px 0px 0px 564px;
	border: 0px solid #000000;
	padding: 17px 0px 0px 0px;
	}

#headersearchform
	{
	height: 17px;
	width: 154px;
	margin: 0px;
	border: 0px solid #000000;
	padding: 2px 0px 0px 5px;
	background-color: transparent;
	color: #586089;
	}

#searcharrow
	{
	float: left;
	margin: 0px 8px 0px 10px;
	border: 0px #000000 solid;
	padding: 0px;
	}

a#searcharrow, a#searcharrow:link, a#searcharrow:visited, a#searcharrow:active, a#searcharrow:hover
	{
	text-decoration: none;
	}

#searcharrow img
	{
	height: 0px;
	width: 0px;
	margin: 0px;
	padding: 10px;
	}

#titlebutton
	{
	float: left;
	height: 54px;
	width: 314px;
	margin: 16px 0px -48px 5px;
	border: 0px #000000 solid;
	padding: 0px;
	}

a#title, a#title:link, a#title:visited, a#title:active, a#title:hover
	{
	text-decoration: none;
	}

#titlebutton img
	{
	height: 54px;
	width: 314px;
	margin: 0px;
	padding: 0px;
	}


/*---------------main navigator---------------*/
#menu
	{
	width: 160px;
	margin: 20px 0px 0px 0px;
	* margin: 21px 0px 0px 0px;
	padding: 0px;
	}
	
#leftcontent p
	{
	margin: 5px 10px 8px 10px;
	padding: 0px;
	font-size: 11px;
	color: #ffffff;
	}

#leftcontent h1
	{
	margin: 3px 12px 3px 12px;
	padding: 0px;
	font-size: 12px;
	color: #ffffff;
	}

#menu img
	{
	margin: 0px;
	padding: 0px;
	}

#menu img.osa
	{
	margin: 5px 0px 5px 0px;
	border: 2px #eeeeee solid;
	padding: 1px;
	}

#leftcontent img.gallery
	{
	margin: 5px 0px 5px 0px;
	border: 2px #eeeeee solid;
	padding: 1px;
	}

#leftcontent ul
	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#leftcontent li
	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

a.buttonselected
	{
	display: block;
	width: 160px;
	text-indent: -160px;
	overflow: hidden;
	outline: none;
	}

a.button, a.button:link, a.button:visited, a.button:active
	{
	display: block;
	width: 160px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	outline: none;
	}

a.button:hover
	{
	display: block;
	text-indent: -160px;
	overflow: hidden;
	}

a.gallery, a.gallery:link, a.gallery:visited, a.gallery:active
	{
	margin: 3px 0px 3px 0px;
	border: 1px #eeeeee dashed;
	padding: 0px 8px 1px 8px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	outline: none;
	color: #ffffff;
	}

a.gallery:hover
	{
	text-decoration: none;
	color: #333333;
	}

.translation
	{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	}

.emailsignup
	{
	margin: 10px 0px 15px 0px;
	padding: 0px;
	}
.adleft
	{
	margin: 10px 0px 15px 0px;
	padding: 0px;
	}

/*---------------content---------------*/
#maincontent p
	{
	margin: 0px;
	padding: 5px 0px 15px 0px;
	}

#maincontent ul li
	{
	margin: 2px 0px 2px 6px;
	padding: 2px 0px 2px 0px;
	list-style-image: url("/index/images/ul-star.gif");
	}

#maincontent ul li p
	{
	margin: 0px 0px 4px 0px;
	padding: 0px;
	}

#maincontent ul li p strong a
	{
	margin: 0px 0px 4px 0px;
	padding: 0px;
	}

#maincontent ol ul li
	{
	margin: 0px 0px 2px 6px;
	padding: 2px 0px 2px 0px;
	list-style-image: url("/index/images/ul-star-blue.gif");
	}

#maincontent ol li ul li
	{
	margin: 0px 0px 2px 6px;
	padding: 2px 0px 2px 0px;
	list-style-type: disc;
	list-style-image: none;
	color: #375166; /*a color has to be present in order to make the list-style-image disappear*/
	}

#maincontent img
	{
	margin: 0px;
	padding: 14px 0px 18px 0px;
	}

#maincontent strong a, #maincontent strong a:link, #maincontent strong a:visited, #maincontent strong a:active
	{
	text-decoration: none;
	color: #586089;
	outline: none;
	}

#maincontent strong a:hover
	{
	color: #cc0000;
	}

#maincontent p strong a, #maincontent p strong a:link, #maincontent p strong a:visited, #maincontent p strong a:active
	{
	color: #cc0000;
	outline: none;
	}

#maincontent p strong a:hover
	{
	color: #3981bb;
	}

#breadcrumb
	{
	padding: 3px 6px 4px 6px;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	background-color: #f5f5f5;
	}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active
	{
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	outline: none;
	}

#breadcrumb a:hover
	{
	text-decoration: none;
	color: #cc0000;
	}

#maincontent .floatleft
	{
	float: left;
	margin: 5px 15px 10px 0px;
	padding: 0px;
	}

#maincontent .floatright
	{
	float: right;
	margin: 5px 0px 8px 8px;
	padding: 0px;
	}

#maincontent center img
	{
	margin: 5px 0px 15px 0px;
	padding: 0px;
	}

#maincontent center img.border
	{
	margin: 5px 0px 15px 0px;
	border: 1px #cccccc solid;
	padding: 1px;
	}

#maincontent img.border
	{
	border: 1px #cccccc solid;
	padding: 1px;
	}

#maincontent center img.bordercaption
	{
	margin: 0px;
	border: 1px #cccccc solid;
	padding: 1px;
	}

#maincontent a.nolink, #maincontent a.nolink:link, #maincontent a.nolink:visited, #maincontent a.nolink:active, #maincontent a.nolink:hover
	{
	text-decoration: none;
	color: #375166;
	outline: none;
	}

.sidecontent
	{
	float: right;
	margin: 0px 0px 20px 5px;
	border: 1px #cccccc solid;
	padding: 10px;
	background-color: #eeeeee;
	}

#maincontent .sidecontent center img.border
	{
	margin: 0px 0px 5px 0px;
	border: 1px #cccccc solid;
	padding: 1px;
	}

#maincontent .sidecontent p
	{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	}

#maincontent .sectiontitles
	{
	width: 500px;
	margin: 0px auto 0px auto;
	border: 2px #cccccc dotted;
	padding: 10px 10px 15px 10px;
	}

#maincontent .sectiontitles a, #maincontent .sectiontitles a:link, #maincontent .sectiontitles a:visited, #maincontent .sectiontitles a:active
	{
	margin: 0px 15px 0px 15px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	outline: none;
	}

#maincontent .sectiontitles a:hover
	{
	color: #aaaaaa;
	}


/*---------------basic table---------------*/
.basictable
	{
	margin: 12px auto 16px auto;
	border: 2px #dddddd dashed;
	}
	
.basictable th
	{
	width: 115px;
	font-size: 14px;
	color: #375166;
	background-color: #cccccc;
	}

.basictable td
	{
	text-align: left;
	}

.tdcolorone
	{
	background-color: #e5e5e5;
	}

.tdcolortwo
	{
	background-color: #eeeeee;
	}
	
#maincontent .red
	{
	color: #ffffff;
	font-weight: bold;
	background-color: #ff8080;
	text-align: center;
	}

#maincontent .orange
	{
	color: #000000;
	font-weight: bold;
	background-color: #ffbf80;
	text-align: center;
	}

#maincontent .yellow
	{
	color: #000000;
	font-weight: bold;
	background-color: #ffff80;
	text-align: center;
	}

#maincontent .green
	{
	color: #000000;
	font-weight: bold;
	background-color: #80ff80;
	text-align: center;
	}

#maincontent .blue
	{
	color: #ffffff;
	font-weight: bold;
	background-color: #8080ff;
	text-align: center;
	}

#maincontent .indigo
	{
	color: #ffffff;
	font-weight: bold;
	background-color: #674182;
	text-align: center;
	}

#maincontent .violet
	{
	color: #ffffff;
	font-weight: bold;
	background-color: #b46ad4;
	text-align: center;
	}

#maincontent .tablefootnote
	{
	background-color: #ffffff;
	}

.redtitle
	{
	color: #cc0000;
	margin: 0px 0px -5px 10px;
	}

#maincontent .basictable p strong a, #maincontent .basictable p strong a:link, #maincontent .basictable p strong a:visited, #maincontent .basictable p strong a:active
	{
	color: #cc0000;
	outline: none;
	}

#maincontent .basictable p strong a:hover
	{
	color: #3981bb;
	}

.caption
	{
	width: 400px;
	text-align: center;
	font-size: 10px;
	}

.footnote
	{
	color: #999999;
	font-size: 10px;
	}

.footnote a, .footnote a:link, .footnote a:visited, .footnote a:active
	{
	color: #999999;
	outline: none;
	}

.footnote a:hover
	{
	color: #cc0000;
	}


/*---------------section table---------------*/
.sectiontable
	{
	width: 500px;
	margin: 0px auto 0px auto;
	border: 2px #cccccc dotted;
	padding: 10px 10px 15px 30px;
	}

.sectiontable a, .sectiontable a:link, .sectiontable a:visited, .sectiontable a:active
	{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	outline: none;
	}

.sectiontable a:hover
	{
	color: #aaaaaa;
	}

.sectiontable .colorone
	{
	color: #ff0000;
	}

.sectiontable .colortwo
	{
	color: #333366;
	}

.sectiontable .colorthree
	{
	color: #99cc66;
	}

.sectiontable .colorfour
	{
	color: #0066cc;
	}

.sectiontable .colorfive
	{
	color: #009966;
	}

.sectiontable .colorsix
	{
	color: #ffcc00;
	}

.sectiontable .colorseven
	{
	color: #663399;
	}

.sectiontable .wordshort
	{
	line-height:5px;
	}
	
	
/*---------------section intro box---------------*/
#maincontent .sectionintrobox
	{
	width: 500px;
	margin: 0px auto 15px auto;
	border: 1px #cccccc solid;
	padding: 10px 10px 12px 10px;
	}

#maincontent .bluebox
	{
	background: #dbe8f3;
	}

#maincontent .redbox
	{
	background: #f3dbdb;
	}

#maincontent .greenbox
	{
	background: #dbf3db;
	}

#maincontent .orangebox
	{
	background: #f3ebdb;
	}


/*---------------gallery---------------*/
#gallery
	{
	margin: 0px;
	padding: 0px 0px 0px 19px;
	}

#gallerysmall
	{
	margin: 0px;
	padding: 0px 0px 0px 34px;
	}

.galleryobject
	{
	height: 150px;
	width: 160px;
	margin: 5px 10px 5px 5px;
	border: 1px #cccccc solid;
	padding: 0px 1px 5px 1px;
	font-size: 10px;
	float: left;
	}

.galleryobjectsmall
	{
	height: 145px;
	width: 150px;
	margin: 5px;
	border: 1px #cccccc solid;
	padding: 0px 1px 5px 1px;
	font-size: 10px;
	float: left;
	}

.galleryobject p, .galleryobjectsmall p
	{
	margin: 0px;
	padding: 0px 2px 2px 2px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}

.galleryobject p a, .galleryobject p a:link, .galleryobject p a:visited, .galleryobject p a:active, .galleryobject p a:hover,
.galleryobjectsmall p a, .galleryobjectsmall p a:link, .galleryobjectsmall p a:visited, .galleryobjectsmall p a:active, .galleryobjectsmall p a:hover
	{
	text-decoration: none;
	}

#maincontent .galleryobject center img
	{
	margin: 5px 0px 5px 0px;
	border: 1px #cccccc solid;
	padding: 0px;
	}
	
#maincontent .galleryobjectsmall center img
	{
	margin: 8px 0px 1px 0px;
	border: 1px #cccccc solid;
	padding: 0px;
	}


/*---------------flash video---------------*/
#emailform
	{
	width: 500px;
	margin: 0px auto;
	border: 1px #eeeeee solid;
	padding: 5px 5px 15px 5px;
	background-color: #fafafa;
	font-size: 12px;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #000000;
	}

#emailform h1
	{
	margin: 2px 0px 2px 0px;
	padding: 0px;
	}

#emailform h2
	{
	width: 100px;
	margin: 2px 0px 2px 0px;
	border: 2px #586089 dotted;
	padding: 0px;
	}

#emailform span
	{
	margin: 0px 0px 0px 5px;
	padding: 0px;
	line-height: 2;
	}

#emailform select
	{
	height: 20px;
	margin: 2px 0px 2px 0px;
	padding: 0px;
	font-size: 11px;
	}

#emailform input
	{
	margin: 2px 0px 2px 0px;
	padding: 0px;
	background-color: #ffffff;
	font-size: 11px;
	}

#emailform textarea
	{
	margin: 2px 0px 2px 0px;
	padding: 0px;
	background-color: #ffffff;
	font-size: 11px;
	}


/*---------------flash video---------------*/
.flashvideo
	{
	width: 352px;
	margin: 0px 0px 25px 32px;
	padding: 10px;
	background-color: #333333;
	}


/*---------------footer---------------*/
#footersection
	{
	background: url("/includes/index/footer/images/background.gif") top no-repeat;
	height: 35px;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	color: #586089;
	clear: both;
	}

.footerleft
	{
	margin: 0px;
	padding: 7px 0px 0px 178px;
	position: relative;
	text-align: left;
	}

.footerright
	{
	margin: 0px;
	padding: 7px 46px 0px 0px;
	float: right;
	text-align: right;
	}

#footersection a, #footersection a:link, #footersection a:visited, #footersection a:active
	{
	text-decoration: none;
	color: #586089;
	outline: none;
	}

#footersection a:hover
	{
	text-decoration: none;
	color: #333333;
	}