/*
CSS for ProCare Vision Center
*/

#wrapper 

	{
		margin: 0 auto;
		width: 900px;
	}

#content 

	{
		width:100%;
		background-color: #e2edff;
	}

#container1

	{
		position:relative;
		top:-38em;
		margin-right:200px;
		margin-left:210px;
		padding-left:1em;
		padding-right:1em;
		
	}

body

	{
		margin-top:0;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		Background-color: #ffffff;
		line-height: 125%;
		padding: 0;
		background:url("grayback.png");
	}

h1, h2, h3 

	{
		font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	}

.banner

	{
		font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
		font-size: 3.3em;
		background:url("green gray eye stretched.jpg") right;
		background-color: #C4C4C4;
		background-repeat: repeat-y;
		color: white;
		padding-top: .8em;
		padding-bottom:.5em;
		padding-left: .35em;
		margin: 0;
		text-align:left;	
	}

h2 

	{
		font-weight: normal;
		color: navy;
		font-size: 130%;
		padding-top: 15px;
	}

h3 	

	{
		font-weight: normal;
		color: navy;
		font-size: 120%;
		padding-top: 15px;
	}

ul 

	{
		font-size:medium;
		list-style-type: none;
		margin:0;
		padding:0;
	}

.services 

	{
		font-size: small;
		list-style-type: circle;
		color: navy;
		
	}

#services ul

	{
		padding-left:3em;
		
	}

#services1 ul

	{
		padding-left:3em;
		
	}

#services2 ul

	{
		padding-left:3em;
		
	}

p

	{
		font-size: small;
		color: navy;
	}

#clearance

	{
		border:4px solid black;
		margin:0;
		padding:2em;
		background:white;
	}

#clearance h2

	{
		text-decoration:blink;
	}

#clearance p

	{
		font-size:medium;
	}

#tagline p 

	{
		font-size: medium;
		font-family: Georgia, Times, serif;
		color: navy;
		background: #bed8f3 url("long blue.jpg") repeat-y right;
		border-top: 3px solid #7da5d8;
		border-bottom: 3px solid #7da5d8;
		padding-top: .2em;
		padding-bottom: .2em;
		padding-left: 1em;
		margin: 0;
	}

a:link,a:visited

	{
		display:block;
		font-size:small;
		font-weight:bold;
		color:#FFFFFF;
		background-color:#7da5a8;
		width:210px;
		text-align:center;
		padding-top:6px;
		padding-bottom:6px;
		text-decoration:none;
		text-transform:uppercase;
		border-bottom: .5px #C4C4C4 solid;border-top: .5px #C4C4C4 solid;
	}


a:hover,a:active

	{
		background-color:#7A991A;
	}

.fun 

	{
		color: #339999;
		font-family: Georgia, Times, serif;
		letter-spacing: 0.05em;
	}

.camo 

	{
		color: #e2edff;
	}

.attention 

	{
		color: red;
	}

.nav 

	{
		position: relative;
		top:60px;
	}

#picadd

	{
		text-align:center;
		padding-top:50px;
		float:right;
		width:200px;
		background-color: #e2edff;
		height: 100%;
	}

#addressinfo 

	{
		text-align:left;
		padding-top: 5em;  
	}

#addressinfo p 

	{
		margin: 0;
	}

#addressinfo address 

	{
		padding-top:50px;
		font-size: small;
		color: navy;
	}
#hours 

	{
		float: right;
		color: navy;
	}

#hours pre

	{
		font-size: medium;
		font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
		color: navy;
	}

/*
	This section deals with the position of items on the screen.
	It uses absolute positioning - fixed x and y coordinates measured
	from the top-left corner of the browser's content display.
*/

#navigation

	{
		/*position: absolute;*/
		background-color: #7da5a8;
		width: 210px;
		padding-top: 2em;
		height: 100%; 
	}

.featurephoto p 

	{
		color: black;
		margin-top: 0;
		font-weight: bold;
		font-size: 75%
	}

.featurephoto img 

	{
		margin-bottom: 0;
		border-width: 5px;
		border-style: solid;
		border-color: Black;
	}



	#dhtmlgoodies_menu{		
		font-family:arial;	/* Font for main menu items */
		width:150px;	/* Width of main menu */
		
	}
	#dhtmlgoodies_menu	li{	/* Main menu <li> */
		list-style-type:none;	/* No bullets */
		margin:0px;	/* No margin - needed for Opera */
	}
	#dhtmlgoodies_menu ul{	
		margin:0px;	/* No <ul> air */
		padding:0px;	/* No <ul> air */
	}
	#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled  - sub menu items*/
		padding-left:10px;
	}
	#dhtmlgoodies_menu	li a{	/* Main menu links */
		text-decoration:none;	/* No underline */
		color:#000;	/* Black text color */
		
		height:20px;	/* 20 pixel height */
		line-height:20px;	/* 20 pixel height */
		vertical-align:middle;	/* Align text in the middle */
		border:1px solid #000;	/* Black border */
		background-color:#FAFAFA;	/* Light blue background color */
		margin:1px;	/* A little bit of air */
		padding:1px;	/* Air between border and text inside */
		
		display:block;
	}
	#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
		color:#FFF;
		background-color:#317082;
	}
	.dhtmlgoodies_subMenu{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		border:1px solid #000;
		background-color:#FAFAFA;
		font-family:arial;
		text-align:left;
	
	}
	.dhtmlgoodies_subMenu ul{
		margin:0px;
		padding:0px;	
	}
	.dhtmlgoodies_subMenu ul li{
		list-style-type:none;
		margin:0px;
		padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
	}
	.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
		white-space:nowrap;	/* No line break */
		text-decoration:none;	/* No underline */
		color:#000;	/* Black text color */
		
		height:16px;	/* 16 pixels height */
		line-height:16px;	/* 16 pixels height */
		padding:1px;	/* 1px of "air" inside */
		
		display:block;	/* Display as block - you shouldn't change this */
	}
	.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
		color:#FFF;	/* White text */
		background-color:#317082;	/* Blue background */
	}