/***************************************************************
 * Web Site:  Reinstein Eye Associates                         *
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *
 * Copyright: Steve R. Gordon (srgordon@northwestern.edu)      *
 * Artwork copyright: Steve F. Gordon (http://www.sgordon.com/)*
 * Last updated: December 23, 2002                             *
 ***************************************************************/
 
BODY
{
	background-color: #164C91;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

A
{
	background: transparent;
	color: #004B85;
	text-decoration: none;

}

A:hover
{
	background-color: #004B85;
	color: white;
}

A.image:hover
{
	background: transparent;
	color: #4B5D85;
}

A IMG
{
	border: solid 1px #004B85;
}

IMG
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	color: #FFFFFF;
}

B
{
	color : #004B85;
}


/*********************************************************
 title
 *********************************************************/

H1
{
	color : #004B85;
	background-color: transparent;
	padding: 0 0 0.5em 0;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 20pt;
	font-style: italic;
	font-weight: bold;
}

H1 IMG
{
	vertical-align: middle;
	border: solid 1px #004B85;
}

H2
{
	font-size: 18pt;
	padding: 0 0 1em 0;
	margin: 0 0 0 0;
}


H3
{
	margin-top: 2em;
	margin-left: 10%;
	margin-bottom: 1em;
	text-align: left;
	color: #004B85;
	background-color: transparent;
}

H4
{
	margin-left: 10%;
	text-align: left;
	color: #004B85;
	background-color: transparent;
}

P
{
	text-align: justify;
	margin: 1em 10% 1em 10%;
}

P:first-letter
{
	font-style: italic;
	font-size: larger;
	letter-spacing: 0.1em;
}

OL
{
	text-align: left;
	padding-left: 10%;
	padding-right: 10%;
}

OL LI
{
	padding-bottom: 1.5em;
}

DIV.spacer
{
	clear: both;
	line-height: 0px;
}

.center
{
	text-align: center;
	margin-bottom: 0.5em;
}

IMG.pair-left
{
	margin-right: 5%;
}

IMG.pair-right
{
	margin-left: 5%;
}


/*********************************************************
 menu
 *********************************************************/

#menu
{
	background: #164C91;
	color: white;
	width: 24%;
	margin: 0 0 0 0;
	padding: 1% 0 1% 0;
	font-size: small;
	top: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	overflow: visible;
}
/* The right value for Mozilla, Opera */ 
body>#menu
{
	font-size: medium;
	width: 22%;
}

#menu table
{
	border: none;
	width: 100%;
	color: white;
}

#menu A
{
	background-color: transparent;
	color: white;
}

#menu IMG
{
	vertical-align: middle;
	margin-bottom: 3px;
	margin-left: 0;
}

#menu .inner
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;	
}

#menu LI
{
	list-style-type: disc;
}

#menu LI:hover
{
}

#menu-bar
{
	width: 76%;
	left: 24%;
	background: #FFFFFF url(../images/bg-main.gif) repeat-y;
	top: 0;
	bottom: 0;
	position: absolute;
	height: 100%;
}

/*********************************************************
 content
 *********************************************************/

#content
{
	position: absolute;
	top: 0;
	left: 24%;
	width: 76%;
	padding-top: 2%;
	background: #FFFFFF url(../images/bg-main.gif) repeat-y;
	text-align: center; /* IE workaround */
	overflow: visible;
	z-index: 1;
	font-size: medium;
}

DIV.message
{
	border: outset #4B5D85 2px;
	margin-left: 25%;
	margin-right: 25%;
}

IMG.left
{
	margin: 0em 1em 0.5em 10%;
	float: left;
}

IMG.right
{
	margin: 0em 10% 0.5em 1em;
	float: right;
}

#content UL
{
	text-align: justify;
	margin-left: 12%;
	margin-right: 10%;
}

DIV.left
{
	padding: 1em 0 1em 0;
	margin-left: 10%;
	float: left;
}
/* IE WORKAROUND */
#content>DIV.left
{
	margin-left: 22%;
}

DIV.right
{
	padding: 1em 0 1em 0;
	margin-right: 10%;
	float: right;
}
/* IE WORKAROUND */
#content>DIV.right
{
	margin-right: 22%;
}


/*********************************************************
 privacy policy
 *********************************************************/

UL.privacy LI
{
	margin-bottom: 2em;
}

/***************************************************************
 * 2 images wide                                               *
 ***************************************************************/
 
DIV.two-wide
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	clear: both;
}

DIV.two-wide DIV
{
	float: left;
	width: 49%;
	text-align: center;
}


/***************************************************************
 * 4 wide images                                               *
 ***************************************************************/

#four-img
{
	margin-left: 10%;
}

#four-img H3
{
	margin-left: 0;
	margin-bottom: 0;
}


#four-img DIV
{
	float: left;
	padding: 0px 2% 0px 2%;
	margin: 0;
	width: 19%;
}

#four-img IMG
{
	vertical-align: sub;
}

#four-img P
{
	clear: both;
	text-align: center;
}

/***************************************************************
 * table                                                       *
 ***************************************************************/

#content TABLE
{
	width: 68%;
	empty-cells: hide;
	border: solid black 3px;
	margin: 1em 15% 1em 15%;
	border-collapse: collapse;
}

TD.title
{
	background-color: #9EC4DE;
	color: inherit;
}

#content TD
{
	border: solid black 2px;
	padding: 0.25em;
	text-align: center; /* IE WORKAROUND */
}

/*********************************************************
 CONTACT FORM
 *********************************************************/

DIV.row {
	text-align : center;
	clear : both;
	padding : 1px 0 0 0;
}

DIV.row SPAN.label {
  float: left;
  width: 33%;
  text-align: right;
}

DIV.row SPAN.formw {
  float: right;
  width: 66%;
  text-align: left;
} 

DIV.label {
	float: left;
	text-align : right;
	width : 35%;
}

SPAN {
  color: #4386D1;
  background-color : transparent;
}

INPUT, TEXTAREA {
	background-color : #C3DBEB;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: Black;
}

TEXTAREA
{
	width: 75%;
}

INPUT:FOCUS, TEXTAREA:FOCUS {
	background-color : #FFFFFF;
	color: Black;
}

INPUT.text {
	width : 250px;
}


/*********************************************************
 copyright
 *********************************************************/

#copyright
{
	width: 80%;
	margin: 2em auto 2em auto;
	padding-top: 1em;
	border-top: solid #4B5D85 2px;
	font-size: 9pt;
	text-align: center;
}

#copyright A
{
	text-decoration: none;
	font-weight: bold;
}

#copyright A:hover
{
	text-decoration: underline;
}

#new
{
	background: #543670;
	margin: 1em;
	width: 150px;
	border: solid #3D2751 1px;
	display: block;
	text-align: center;
}

B.emph
{
	text-decoration: underline;
}

.notice
{
	text-align: center;
	border: solid #004B85 3px;
	padding: 0.3em;
}

DIV.address
{
	text-align: left;
	display: inline;
	font-style: italic;
}