/* print styles - this allows the div called "printhead" to show, but not the div called "top" or "footer".  Makes other changes as needed for printing out the web pages. The important stuff is at the top and I just left the other items alone.*/


div#top {
display: none;
}

div#footer {
display: none;
}


#printhead {
height:20px;
text-align:left;
padding:0;
margin:0;
	color: black; 
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	}
	
a:link, a:visited {
   color: #520;
   background: transparent;
   font-weight: bold;
   text-decoration: underline;
   }
   
div#print-footer {display: block; position: fixed; bottom: 0;}      
   
/* --- not currently using this because having a hard time hiding the green menu, and the links for the green menu stretch out too far and overlap the main content.  If I can come up with a way to hide the green menu without hiding all of the main content, then the following code works great for showing the actual URL of links in parentheses!

#content2 a:link:after, #content2 a:visited:after  {
   content: " (http://www.eye1st.net" attr(href) ") ";
   font-size: 90%;
   }  */

.img {margin-right:14px}

body {
background: white;
color: black;
font-family:tahoma;
font-size:12px;
padding:0;
margin:0;
line-height:13px;
text-align:center;
}


h1 {
	color: black; 
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	}
	
h2 {
	color: black; 
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	page-break-after: avoid;
	}
	
h3 {
	color: black;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	page-break-after: avoid;
	}

 ul, ol, dl    { page-break-before: avoid }
}
	

.wrap {
margin:0px auto;
padding:0;
width:709px;
} 

affiliate {
font-family:tahoma;
font-size:11px;
color:#000000;
}

/* -------------- Same for all pages ----------------------------------*/
#top {
width:709px;
height:306px;
text-align:left;
padding:0;
margin:0;}

/* -------------- Same for all pages ----------------------------------*/
#top_left {background:url(../images/left_bg.jpg);
margin:0;
padding:0;
height:100%;
width:490px;
text-align:left;
float:left;
}

/* -------------- Same for all pages ----------------------------------*/
#top_right {background:url(../images/right_bg.jpg);
margin:0;
padding:0;
height:306px;
width:219px;
text-align:left;
float:right;
}


/* This right block area accommodates either 2 or 3 column layouts as designated below -------------*/
#right_block {
padding:0;
margin:0;
text-align:left;
vertical-align: top;
width:523px;
float:right;
}

/* This is the original to be deleted. Two lines in BG image ----------------------------------*/
#content {background:url(../images/cont_bg.gif) left #ffffff;
width:709px;
margin:0;
padding:0;
text-align:left;
height:233px;
display:table;
}

/* This is background info for 3 column pages only. Two lines in BG image --------------------*/
#content3 {background:url(../images/cont_bg.gif) left #ffffff;
width:709px;
margin:0;
padding:0;
text-align:left;
height:233px;
display:table;}


/* This is background info for 2 column pages only. Also used in 3-col Flow. One line in BG image ---------------*/
#content2 {background:url(../images/cont_bg2.gif) left #ffffff;
width:709px;
margin:0;
padding:0;
text-align:left;
height:233px;
display:table;
}


/* This is background info for 1 column pages only. No lines in BG image ---------------------*/
#content1 {background:url(../images/bg.gif) left #ffffff;
width:709px;
margin:0;
padding:0;
text-align:left;
height:233px;
display:table;}

/* -------------- Same for all pages ----------------------------------*/

.line {background:#CFCFCF;
height:1px;}

.copy {color:#5C5C5B; text-decoration:none; line-height:16px}

/*----------This area is for defining 1, 2 or 3 column designs -----------------------------------------------------------*/

/* -------------- Same for all pages ----------------------------------*/
#left_block {
padding:0;
margin:0;
text-align:left;
width:186px;
float:left;
}


/* This one isn't really needed because 1 column design doesn't use it ---- */
#left_content1 {
padding:0;
margin:0;
text-align:left;
width:304px;
float:left;

}

/* This one isn't really needed because 1 column design doesn't use it ---- */
#right_content1 {
padding:0;
margin:0;
text-align:left;
width:219px;
float:right;

}

/* ------------ For 2-column design ----------------- ---- */
#left_content2 {
padding:0;
margin:0;
text-align:left;
width:520px;
float:left;

}

/* This one isn't used because all content on 2 column design is in the left ----

#right_content2 {
padding:0;
margin:0;
text-align:left;
width:0px;
float:right;
}
*/

/* ------------ For 3-column design --------------------- */
#left_content3 {
padding:0;
margin:0;
text-align:left;
width:304px;
float:left;
}

#right_content3 {
padding:0;
margin:0;
text-align:left;
width:219px;
float:right;
}

/* ----------------------------------------   This is for 3 column pages with FLOW ONLY ----------------------------------*/

#right_block_flow {
padding:0;
margin:0;
text-align:left;
width:523px;
float:right;

}

/* These are switched to accommodate the flow of left content beside and under right content-----*/

#right_content_flow {
padding:0;
margin:0;
text-align:left;
width:217px;
float:right;
border: thin solid #CCCCCC;

}

/* This one uses no margin, width or float, so that left content will flow around right-----*/
#left_content_flow {
padding:0;

}


.inner_left_block {margin:32px 24px 40px 24px;}
.inner_lower_left_block {margin:0px 0px 0px 0px;}
.inner_right1 {margin:0px 0px 0px 0px;
				padding: 12px; }
/* .inner_right1 {margin:28px 24px 15px 24px;
				padding: 12px; } */
.inner_left1 {margin:28px 20px 15px 24px;}

/*---------------PAGE_6: not sure about this because I could never find the corresponding content in any page. Might have been designer's attempt at 2 column design?? ------------------*/

#c_content {
padding:0;
margin:0;
text-align:left;
width:578px;
height:100%;
display:table;
}

.inner_c {margin:16px 28px 15px 25px;}

/* -------------- Same for all pages ----------------------------------*/
#footer {
width:709px;
height:70px;
margin:0;
padding:0;
text-align:left;}

#print-footer {
width:709px;
height:70px;
font-family:tahoma;
font-size:11px;
margin:0;
padding:0;
}

/*--------------  Menu navigation elements ----------------------------*/

#navcontainer {}

#navlist
{
padding-left:0;
margin-left: 0;
border-bottom: 1px solid #cccccc;
width: 132px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.75em;
border-top: 1px solid #cccccc;
}

#navlist li a {
text-decoration: none;
font-size: 11px;
font-weight: bold;
/* font-variant:small-caps; */
}

#navlist li a:hover {
text-decoration: underline;
}

/*--------------  End Menu navigation elements ----------------------------*/


/*--------------  Begin Bullet List elements  ----------------------------*/

/* ------ generic UL values - not using this, instead, using a different class for each color bullet  -------------
ul
{
list-style-image:url("../images/greenbullet.gif");
list-style-type:square;
}*/

ul.greenlist li {
/* THIS AFFECTS PADDING BETWEEN BULLET AND WORDS OR BETWEEN LINES:  */
padding: 1 1 1 0px;
}
			  
			  
ul.greenlist
{
list-style-image:url("../images/greenbullet.gif");
list-style-type:square;
/* FYI - THE FOLLOWING WOULD MOVE ENTIRE LIST TO LEFT: padding: 0 0 0 11px; */

/* THESE ITEMS WERE ADDED IN AN ATTEMPT TO USE BACKGROUND IMAGE BULLETS INSTEAD - didn't work!
padding: 0;
margin: 0;
margin-left: 5em;
background-image: url("../images/greenbullet.gif");
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;*/

}

ul.bluelist li {
/* THIS AFFECTS PADDING BETWEEN BULLET AND WORDS OR BETWEEN LINES:  */
padding: 1 1 1 0px;
}

ul.bluelist
{
list-style-image:url("../images/bluebullet.gif");
list-style-type:square;
}

ul.redlist li {
/* THIS AFFECTS PADDING BETWEEN BULLET AND WORDS OR BETWEEN LINES:  */
padding: 1 1 1 0px;
}

ul.redlist
{
list-style-image:url("../images/redbullet.gif");
list-style-type:square;
}

ul.brownlist li {
/* THIS AFFECTS PADDING BETWEEN BULLET AND WORDS OR BETWEEN LINES:  */
padding: 1 1 1 0px;
}

ul.brownlist
{
list-style-image:url("../images/brownbullet.gif");
list-style-type:square;
}



/*--------------  End Bullet List elements ----------------------------*/

/*-------------- These items apply to all pages on the website - main text is tahoma from body tag at top of this file----------------------------*/

h1 {
	color: black; 
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	}
	
h2 {
	color: black; 
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	}
	
h3 {
	color: black;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	}


.gray {color:#797979; text-decoration:none}
.gray_l {color:#AFAFAF; text-decoration:none}
.green {color:#5D8F00; text-decoration:none}
.red {color:#A30000; text-decoration:none}
.blue {color:#0033CC; text-decoration:none;}
.black {color:black; text-decoration:none}
.bot_txt {color:#A9A7A7; text-decoration:none}
.brown {
	color:#BCB98E;
	text-decoration:none;
	font-style: normal;
}
.white {
	color:#fafafa;
	text-decoration:none;
	font-style: italic;
}
.topmenu {
	color:white;
	font-size:14px;
	text-decoration:none;
	font-variant: normal;
	font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
	font-weight: 400;
}

/*----- You can make any text class change on hover ... see below ------*/
.topmenu:hover {
	color:yellow;
	}

.abs {vertical-align:top}
.big {font-size:12px; color:#212121}
.bigger {font-size:14px}
.biggest {font-size:16px}
.n {font-size:11px}
.sm {font-size:10px}
.phone {
	color: #68b5d9;
	font-weight: bold;
	font-size: 14px;
}
.thankyou {
	color: #0033cc;
	font-size: 12px;
}


.city {color:#333333;
	font-weight: bold;
	font-size: 12px;
}

.clear {
clear:both}

a {	color:#5D8F00; text-decoration:none}
		
.form_search { width:143px;
		height:19px;
		font-family:tahoma;
		font-size:12px;
		border-style: solid;
		border-width: 1px;
		border-color:#cccccc;
		background-color:#ffffff;
		color:#5A5A5A;
		margin-left:0px;
		margin-right:0px}

.form { width:250px;
		height:16px;
		font-family:tahoma;
		font-size:12px;
		border-style:solid;
		border-width:1px;
		border-color:#BABABA;
		background-color:#F6F6F6;
		color:#333333;
		margin-left:0px;
		margin-right:0px;}
		
.form_textarea { width:250px;
		height:64px;
		font-family:tahoma;
		font-size:12px;
		border-style:solid;
		border-width:1px;
		border-color:#BABABA;
		background-color:#EFEFEF;
		color:#333333;
		margin-left:0px;
		margin-right:0px;}
		
.textarea { width:258px;
		height:98px;
		font-family:tahoma;
		font-size:12px;
		border-style:solid;
		border-width:1px;
		border-color:#BABABA;
		background-color:#EFEFEF;
		color:#333333;
		overflow:auto;
		margin-left:0px;
		margin-right:0px;}
		
.u		{text-decoration:underline}
.nu		{text-decoration:none}
.t 		{text-transform:uppercase}


a:hover{text-decoration:underline;
		color: #333333;
}
.a:hover{text-decoration:none;}
.menu:hover{text-decoration:none;}
.green:hover{text-decoration:none}

a:active {
	color: #FFFF33;
}

TD  {font-family: tahoma; font-size: 11px; color:#000000;}