* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-color: #cfcfcf;
}
a {
	color: #3333cc;
}
a:hover {
	color: #8585e0;
	/* color: #FBBA04;	*/
	text-decoration: underline;
}

a.here {
	font-size:x-large;
	color:#3385ff; 
	text-decoration: underline;
}

h1 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
h3 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	color: #333333; 
	margin-top: 15px;
}

i.alt   {
        font-style: italic;
        color: #193e87;
}	


/* ---------------- Main  -----------------*/

#main {
	position: relative;
	width: 90%;
	max-width: 1300px; 
	min-width: 880px; /* 950px */
	font-family: Verdana, Geneva, sans-serif;
	/* font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; */
	font-size: 0.75em;
	/* background: url(graphics/wiyn3crop.jpg);  */
/* 	height: 1000px; */
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 0;
	padding-right: 20px;
	padding-left: 20px;
	background-color: white;
	box-shadow: 5px 5px 10px #A0A0A0, -0px 0px 10px #a0a0a0;
	font-size: medium;
}

#main td {
	text-align: center;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #193e87;
	font-size: small;
	padding-top: 5px;
	padding-bottom; 5px;
}

#main h2 {
	color: #193e87;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
/*
	color: #7184c3; */
	margin-top: 10px;
}

#main li.alt {
        font-size: medium;
        font-family: Verdana, Geneva, sans-serif;
	/* margin-left: 15px; */
	margin-bottom: 5px; 
	margin-top: 5px; 
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#main li.alt2 {
        font-size: medium;
        font-family: Verdana, Geneva, sans-serif;
	margin-left: 105px; 
	margin-bottom: 5px; 
	margin-top: 5px; 
	width: 90%;
	/* margin-left: auto; */
	margin-right: auto;
}

#main b {
	color: #333333;
}

#main th {
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-weight: bold;
        color: #333333;
        margin-top: 15px;
}


/* ---------------- Table of Contents list ------------*/
#key {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
	max-width: 330px;
        padding: 1px 0px 5px 5px;
        border-radius: 10px;
/*        background-color: #E1E1E1; */
/*        background-color: #ADC2D6; */
        margin-top: 20px;
}

#key a {
	text-decoration:none;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	margin-left: 10px;
	line-height: 24px;	
	color: #193e87;
	font-size: 15px;
/*	text-shadow: 1px 1px 1px #adadad; */
}

#key a:hover {
	padding: 4px 4px 4px 4px;
	font-size: 18px;
	color: #4069BC;
}

/* ---------------- Image Box  -----------------*/
#imageBox {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto; 
	background-image: url(http://www.wiyn.org/graphics/wiyn3fs.jpg);
	background-image: no-repeat;
 	height:  /* 518px */ 383px; 
	width: 90%; 
	max-width: 1200px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
}

#imageBox2 {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/wiynsunsetsnowsm3.jpg);
	background-image: no-repeat;
 	height:  729px; 
	/* width: 413px;  */
	min-width: 300px;
	max-width: 353px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}

#imageBox3 {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/hexpakgradpaksmall.jpg);
	background-image: no-repeat;
 	height:  366px;
	/* width: 684px; */
	min-width: 300px;
	max-width: 546px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}

#imageBox4 {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/benchcollage.jpg);
	/* background-image: url(http://www.wiyn.org/graphics/benchdiagram2.jpg); */
	background-image: no-repeat;
 	height:  458px;
	/* width: 684px; */
	min-width: 300px;
	max-width: 683px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}

#imageBox5 {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/hydrafp.jpg);
	background-image: no-repeat;
 	height:  280px;
	/* width: 684px; */
	min-width: 300px;
	max-width: 420px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}

#imageBox6 {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/spsk.jpg);
	background-image: no-repeat;
 	height:  275px;
	/* width: 684px; */
	min-width: 282px;
	max-width: 282px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}

#imageBox7 {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/ODI3.jpg);
	background-image: no-repeat;
 	height:  332px /* 415px */ ;
	/* width: 684px; */
	min-width: 300px;
	max-width: 305px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}


#imageBox8 {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/benchannotated_sm.jpg);
	/* background-image: url(http://www.wiyn.org/graphics/benchdiagram2.jpg); */
	background-image: no-repeat;
 	height:  508px;
	/* width: 684px; */
	min-width: 677px;
	max-width: 677px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}

#instrBox2 {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/wiyncollage2sm.jpg);
	background-image: no-repeat;
 	height:  893px; 
	width: 301px; 
	min-width: 301px;
	max-width: 301px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}

#instrBox3 {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/wiyncollagesm.jpg);
	background-image: no-repeat;
 	height:  272px; 
	width: 805px; 
	min-width: 805px;
	max-width: 805px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}

#pressBox {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/wiynpress.jpg);
	background-image: no-repeat;
 	height:  218px; 
	width: 858px; 
	min-width: 858px;
	max-width: 858px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}

#remoteBox {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/remote.jpg);
	background-image: no-repeat;
 	height:  365px;
	/* width: 684px; */
	min-width: 300px;
	max-width: 443px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}

#hndbkBox {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/wiyndusk.jpg);
	background-image: no-repeat;
 	height:  500px;
	/* width: 684px; */
	min-width: 200px;
	max-width: 700px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}

#obsBox {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/wiyndusksm.jpg);
	background-image: no-repeat;
 	height:  317px;
	/* width: 684px; */
	min-width: 200px;
	max-width: 671px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}

#intrnlBox {
	margin-top: 20px;
	margin-left: auto; 
	margin-right: auto;
	background-image: url(http://www.wiyn.org/graphics/wiyndusk2.jpg);
	background-image: no-repeat;
 	height:  332px;
	/* width: 684px; */
	min-width: 200px;
	max-width: 650px; 
	box-shadow: 5px 5px 15px #909090 /* inset , -5px -5px 15px #A0A0A0 inset */;
	border-radius: 10px; 
	margin-bottom: 20px;
}


#instrBox {
	margin-left: auto; 
	margin-rigth: auto;
	min-width: 400px;
	width: 90%;
	/* border: 1px solid red; */
}

#instrBox td {
	text-align: left;
	padding-left: 0px;
}

/* -------------- Drawing Navigator -------------*/

#imap {
	display: block; 
	width: 1000px; 
	height: 647px; 
	background: url(http://www.wiyn.org/graphics/ODIDrawNav.jpg) no-repeat; 
	position: relative;
}

#imap a#title {
	display: block; 
	width: 400px; 
	height: 0; 
	padding-top: 240px; 
	overflow: hidden; 
	position: absolute; 
	left: 0; 
	top: 0; 
	background: transparent url(http://www.wiyn.org/graphics/ODIDrawNav.jpg) no-repeat 400px 400px; 
	cursor: default;
}

/* the hack for IE pre IE6 */
* html #imap a#title {
	height: 240px;
	height: 0;
}

/* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
	background-position: 0 0; 
	z-index: 10;
}

/* place the <dd>s in the correct absolute position */
#imap dd {
	position: absolute; 
	padding: 0; 
	margin: 0;
}

#imap #pic1 {
	left: 696px; 
	top: 21px; 
	z-index: 20;
}

#imap #pic2 {
	left: 696px; 
	top: 61px; 
	z-index: 20;
}

#imap #pic3 {
	left: 696px; 
	top: 101px; 
	z-index: 20;
}

#imap #pic4 {
	left: 834px; 
	top: 21px; 
	z-index: 20;
}

#imap #pic5 {
	left: 834px; 
	top: 61px; 
	z-index: 20;
}

#imap #pic6 {
	left: 834px; 
	top: 101px; 
	z-index: 20;
}

#imap #pic7 {
	left: 834px; 
	top: 141px; 
	z-index: 20;
}

#imap #pic8 {
	left: 456px; 
	top: 118px; 
	z-index: 20;
}

#imap #pic9 {
	left: 455px; 
	top: 184px; 
	z-index: 20;
}

#imap #pic10 {
	left: 41px; 
	top: 242px; 
	z-index: 20;
}

#imap #pic11 {
	left: 41px; 
	top: 299px; 
	z-index: 20;
}

#imap #pic12 {
	left: 41px; 
	top: 356px; 
	z-index: 20;
}

#imap #pic13 {
	left: 41px; 
	top: 414px; 
	z-index: 20;
}

#imap #pic14 {
	left: 211px; 
	top: 242px; 
	z-index: 20;
}

#imap #pic15 {
	left: 211px; 
	top: 299px; 
	z-index: 20;
}

#imap #pic16 {
	left: 211px; 
	top: 356px; 
	z-index: 20;
}

#imap #pic17 {
	left: 371px; 
	top: 242px; 
	z-index: 20;
}

#imap #pic18 {
	left: 371px; 
	top: 299px; 
	z-index: 20;
}

#imap #pic19 {
	left: 371px; 
	top: 356px; 
	z-index: 20;
}

#imap #pic20 {
	left: 371px; 
	top: 413px; 
	z-index: 20;
}

#imap #pic21 {
	left: 371px; 
	top: 470px; 
	z-index: 20;
}

#imap #pic22 {
	left: 630px; 
	top: 241px; 
	z-index: 20;
}

#imap #pic23 {
	left: 544px; 
	top: 299px; 
	z-index: 20;
}

#imap #pic24 {
	left: 715px; 
	top: 299px; 
	z-index: 20;
}

#imap #pic25 {
	left: 631px; 
	top: 356px; 
	z-index: 20;
}

#imap #pic26 {
	left: 802px; 
	top: 356px; 
	z-index: 20;
}

#imap #pic27 {
	left: 631px; 
	top: 413px; 
	z-index: 20;
}

#imap #pic28 {
	left:802px; 
	top:414px; 
	z-index:20;
}

#imap #pic29 {
	left: 35px; 
	top: 583px; 
	z-index: 20;
}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#TopLvl, #imap a#FnlItl, #imap a#AsyFxt, #imap a#OptAsy, #imap a#Proto, #imap a#SgLab, #imap a#HndFix, #imap a#OptMsr, #imap a#TstFxr, #imap a#CblWrp, #imap a#CblHng, #imap a#IspCtr, #imap a#SgThrm, #imap a#SgEnc, #imap a#DwrIns, #imap a#DwrAsy, #imap a#AdcAsy, #imap a#FmdAsy, #imap a#FwdCrc, #imap a#FltMdl, #imap a#FcAsy   {
	display: block; 
	width: 228px; 
	height: 119px; 
	background: transparent url(http://www.wiyn.org/graphics/hover.gif) -100px -100px no-repeat; 
	text-decoration: none; 
	z-index: 20;
}

/* style the <dd><a> links physical size and the background image for the hover (small version) */
#imap a#DwgNum, #imap a#NxtAsy, #imap a#DwgTtl, #imap a#PrtNum, #imap a#NxtAbl, #imap a#Mfr, #imap a#Dbs, #imap a#HowTo {
	display: block; 
	width: 139px; 
	height: 45px; 
	background: transparent url(http://www.wiyn.org/graphics/hover2.gif) -100px -100px no-repeat; 
	text-decoration: none; 
	z-index: 20;
}

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
	display: none;
}

/* move the link background image to position 0 0 when hovered */
#imap a#DwgNum:hover, #imap a#NxtAsy:hover, #imap a#DwgTtl:hover, #imap a#PrtNum:hover, #imap a#NxtAbl:hover, #imap a#Mfr:hover, #imap a#Dbs:hover, #imap a#TopLvl:hover, #imap a#FnlItl:hover, #imap a#AsyFxt:hover, #imap a#OptAsy:hover, #imap a#Proto:hover, #imap a#SgLab:hover, #imap a#HndFix:hover, #imap a#OptMsr:hover, #imap a#TstFxr:hover, #imap a#CblWrp:hover, #imap a#CblHng:hover, #imap a#IspCtr:hover, #imap a#SgThrm:hover, #imap a#SgEnc:hover, #imap a#DwrIns:hover, #imap a#DwrAsy:hover, #imap a#AdcAsy:hover, #imap a#FmdAsy:hover, #imap a#FwdCrc:hover, #imap a#FltMdl:hover, #imap a#FcAsy:hover, #imap a#HowTo:hover {
	background-position: 0 0;
}

/* define the common styling for the span text */
#imap a:hover span {
	position: absolute;  
	width: 228px; 
	display: block; 
	background: #fff; 
	color :#000; 
	border: 1px solid #000; 
	padding: 5px;
}

/* the hack for IE pre IE6 */
* html #imap a:hover span {
	width: 400px; width: 388px;
}


/* ---------------- Mission  -----------------*/
#mission {
	padding-top: 10px;
	width: 90%; /* 1000px; */
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	text-align: center;
	font-family: "Comic Sans MS", cursive, sans-serif;
	color: #193e87;
	font-size: small;
}

/* ---------------- News ------------------*/
#newsblock {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 10px;
	border-radius: 10px;
	background-color: #ADC2D6 ;		
}

#newsblock2 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 10px;
	border-radius: 10px;
	background-color: #C6D4E2;		
}

#newsblock3 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 10px;
	border-radius: 10px;
	background-color: #ADC2D6;		
}

/* ---------------- Science ------------------*/
#scienceblock {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 10px;
	border-radius: 10px;
	background-color: #C6D4E2;		
	min-width: 230px;
}

#scienceblock td {
	text-align: justify;
	color: #000000;
	font-size: medium;
	font-family: Verdana, Geneva, sans-serif;
}

#scienceblock img {
	height: 200px;
	margin-right: auto;
	margin-left: auto;
}

p.alt {
	text-align: justify;
	color: #000000;
	font-size: medium;
	font-family: Verdana, Geneva, sans-serif;
	padding: 10px 0px 10px 0px;
}

p.alt2 {
	text-align: justify;
	color: #000000;
	font-size: medium;
	font-family: Verdana, Geneva, sans-serif;
	padding: 10px 0px 10px 0px;
	margin-left: 45px;
}

/* ---------------- WIYNis ----------------*/
#wiynis {
        margin-left: auto;
        margin-right: auto;
	float: right;
        width: 90%;
	margin-top: 20px;
	margin-bottom: 10px;
        padding: 10px 10px 10px 10px;
        border-radius: 10px;
	background-color: #ADC2D6;		
        min-width: 230px;

}

#wiynis td {
        text-align: justify;
        color: #000000;
        font-size: medium;
        font-family: Verdana, Geneva, sans-serif;
}

/* --------------- MapBox --------------*/

#mapbox {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        padding: 10px;
        border-radius: 10px;
        background-color: #C6D4E2;
        min-width: 230px;
        float: right;
}

#mapbox td {
        text-align: justify;
        color: #000000;
        font-size: medium;
        font-family: Verdana, Geneva, sans-serif;
}

#mapbox img {
        height: 200px;
        margin-right: auto;
        margin-left: auto;
}
        
p.alt {
        text-align: justify;
        color: #000000;
        font-size: medium;
        font-family: Verdana, Geneva, sans-serif;
        padding: 10px 0px 10px 0px;
}

/* --------------- Contacts Table -------------*/

#contactus1 {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        padding: 1px 0px 5px 5px;
        border-radius: 10px;
        background-color: #ADC2D6;
	margin-top: 20px;
}

#contactus1 table {
        margin-left:auto;
        margin-right:auto;
        width: 90%;
}

#contactus2 table {
        margin-left:auto;
        margin-right:auto;
        width: 90%;
}

#contactus1 h2 {
	text-align: left;
	padding: 5px 5px;
}

#contactus1 th {
	text-align: left;
	padding: 5px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#contactus1 td {
	text-align: left;
	padding: 3px 8px;
	border-bottom: 1px solid gray ;
	border-left: 2px solid gray;
}

#contactus2 {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        padding: 1px 0px 5px 5px;
        border-radius: 10px;
        background-color: #C6D4E2;
	margin-top: 20px;
}

#contactus2 h2 {
	text-align: left;
	padding: 5px 0px;
}

#contactus2 th {
	text-align: left;
	padding: 5px;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#contactus2 td {
	text-align: left;
	padding: 3px 8px;
	border-bottom: 1px solid gray ;
	border-left: 2px solid gray;
}

#contactus1 td.null {
        text-align:left;
        padding-left: 5px;
        border-bottom: 0px solid gray ;
}
 
#contactus2 td.null {
        text-align:left;
        padding-left: 5px;
        border-bottom: 0px solid gray ;
}
 

/* ---------------- Instrumentation ----------------*/

#block0 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 5px 5px;
	border-radius: 10px;
	background-color: #FFFFFF;		
	margin-bottom: 10px;
}

#block1 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 5px 5px;
	border-radius: 10px;
	background-color: #C6D4E2;		
	margin-bottom: 10px;
}

/*
#block1 a {
	text-decoration:none;
}
*/

#block2 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 5px 5px;
	border-radius: 10px;
	background-color: #ADC2D6;		
	margin-bottom: 10px;
}

#block3 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 5px 5px;
	border-radius: 10px;
	background-color: #D6E0EA;		
	margin-bottom: 10px;
}

#block4 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 5px 5px;
	border-radius: 10px;
	background-color: #E6EDF3;		
	margin-bottom: 10px;
}

#odi1 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 5px 5px;
	border-radius: 10px;
	background-color: #C6D4E2;		
	margin-bottom: 10px;
}

#odi1 td {
	text-align: left;
}

/* ---------- Special Tables ---------------*/

#specs {
}

#specs table {
	margin-left:auto; 
    	margin-right:auto;
	width: 80%;
}

#specs td  {
	text-align:left;
	border-bottom: 1px solid gray ;
	border-left: 2px solid gray;
	padding-left: 5px;
	width: 50%;
}

#specs td.alt {
	text-align:left;
	padding-left: 5px;
	border-bottom: 0px solid gray ;
	border-left: 0px solid gray;
}

#specs td.null {
	text-align:left;
	padding-left: 5px;
	border-bottom: 0px solid gray ;
}

#specs td.half  {
	text-align:left;
	border-bottom: 1px solid gray ;
	border-left: 2px solid gray;
	padding-left: 5px;
	width: 20%;
}

#specs tr.null {
	height: 5px;
}

/* ---------------- Footer  -----------------*/

#footer {
        list-style:none;
        max-width:1300px;
        min-width: 500px;
        width: 87%;
        margin: /* auto; */  30px auto 0px auto; 
        height:43px;
        padding:0px 20px 0px 20px;
	text-shadow: 1px 1px 1px #000000; 
        
        /* Rounded Corners */
        
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;

        /* Background color and gradients */

        background: #FFFFFF /* #4069BC */;
        background: -moz-linear-gradient(top, #91ACC8, #5B6C7E);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#91ACC8), to(#5B6C7E));
        
        /* Borders */

        -moz-box-shadow:inset 0px 0px 1px #edf9ff;
        -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
        box-shadow:inset 0px 0px 1px #edf9ff;
}

td.move {vertical-align: bottom;
}

#footer td{

	 color: #ffffff;
}
#footer a{

	 color: #d6e0f5;
}

/* ---------------- Search Box  -----------------*/

/*
#searchBox {
	background-color: transparent;
	position: relative;
	/* top: 70px;
	left: 10px;
	height: 28px;
	width: 226px; */
	z-index=+1;
}
*/

/* ---------------- Date and Time Box ---------------*/
#dtBox {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

/* -------------- Building the menu ---------------*/


ul, li {
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;
}

#menu {
	list-style:none;
	max-width:1300px;
	min-width: 500px;
	width: 87%;
	margin: auto; /* 30px auto 0px auto; */
	height:43px;
	padding:0px 20px 0px 20px;

	/* Rounded Corners */
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients */
	
	background: #4069BC;
	background: -moz-linear-gradient(top, #91ACC8, #5B6C7E);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#91ACC8), to(#5B6C7E));
	
	/* Borders */
	
/*
	border: 1px solid #002232;
*/
	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}



#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px; 
	margin-right:30px;
	margin-top:7px;
	border:none;

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#menu li:hover {
	border: 1px solid #777777;
	padding: 4px 9px 4px 9px;
	
	/* Background color and gradients */
	
	background:  #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;

	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#menu li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}

#menu li:hover font {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}

#menu li .drop {
	padding-right:21px;
	background:url("http://www.wiyn.org/graphics/drop.png") no-repeat right 8px;
}

#menu li:hover .drop {
	background:url("http://www.wiyn.org/graphics/drop.png") no-repeat right 7px;
}

#menu p.search:hover {

}

#menu p.search {
	float:right;
	font-size: 14pt;
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:right;
	margin:9px 0px;
	border:none;
	padding:0px;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
	color: #eeeeee;
}


.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 200px;}
.dropdown_2columns {width: 180px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:160px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {
	float:right;
	margin-right:0px;
}

#menu li .align_right {
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#015b86;
}
#menu li:hover div a:hover {
	color:#029feb;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { 
/* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { 
	/* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:180px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

/*---- home button ----*/

#homebox {
        width: 40px;
        height: 20px;
        float: left;
        margin: 11px 0px 0px 0px;
}
        
#homebox a {
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        color: #EEEEEE /* #7D95AE */;
        outline:0;
        text-decoration:none;
        text-shadow: 1px 1px 1px #000 /*747474*/;
        
}
 
/*---- end home ----*/

/* ---------------- Preamble   -----------------*/

.p1 {
	margin-top: 8px;
	text-align: justify;
}
.p2 {
	padding-top:20px;
	margin-top: 20px;
	text-align: justify;
}

.p3 {
	margin-top: 20px;
	text-align: right;
}

.p5 {
	padding: 10px;
	background: #190101;
	margin-top: 20px;
}


i.alt   {
        font-style: italic;
        color: #193e87;
}


/* --------------- Search -----------------*/
#search {
}


#search input[type="text"] {
	margin: 9px 0px; 
	float: right; 
	background: url(http://www.wiyn.org/graphics/search-white.png) no-repeat 10px 6px #696969;
	border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #d7d7d7;
    width:150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    background: url(http://www.wiyn.org/graphics/search-dark.png) no-repeat 10px 6px #fcfcfc;
    color: #6a6f75;
    width: 160px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }



