body 
{	
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 12px;
line-height: 1.5em;
background: url(/images/back.jpg) repeat-x;
margin-top:0px;
margin-bottom:0px;
}


.contentarea
{
width: 700px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}

ul.tabs
{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
float: left;
font-family: arial, helvetica, sans-serif; 
margin-bottom: -3px;
}

/*purple tab*/
li.tab
{
float: left;
background: url(/healthyeyestoolkit/images/tabright.gif) no-repeat top right;
}

li.tab a 
{
display: block;
height: 25px;
padding: .5em 1.5em;
/*line-height: 2.1em;*/
background: url(/healthyeyestoolkit/images/tableft.gif) no-repeat top left;
text-decoration: underline;
color: #fff;
float: left;
}

/*blue tab*/
li.tabblue
{
float: left;
background: url(/healthyeyestoolkit/images/tabBLUEright.gif) no-repeat top right;
}

li.tabblue a 
{
display: block;
height: 25px;
padding: .5em 1.5em;
/*line-height: 2.1em;*/
background: url(/healthyeyestoolkit/images/tabBLUEleft.gif) no-repeat top left;
text-decoration: underline;
color: #fff;
float: left;
}

/*red tab*/
li.tabred
{
float: left;
background: url(/healthyeyestoolkit/images/tabREDright.gif) no-repeat top right;
}

li.tabred a 
{
display: block;
padding: .5em 1.5em;
/*line-height: 2.1em;*/
background: url(/healthyeyestoolkit/images/tabREDleft.gif) no-repeat top left;
text-decoration: underline;
color: #fff;
float: left;
}

/*green tab*/
li.tabgreen 
{
float: left;
background: url(/healthyeyestoolkit/images/tabGREENright.gif) no-repeat top right;
}

li.tabgreen a 
{
display: block;
height: 25px;
padding: .5em 1.5em;
/*line-height: 2.1em;*/
background: url(/healthyeyestoolkit/images/tabGREENleft.gif) no-repeat top left;
text-decoration: underline;
color: #fff;
float: left;
}

a#tab1, a#tab1:visited,
a#tab2, a#tab2:visited,
a#tab3, a#tab3:visited,
a#tab4, a#tab4:visited
{
color: #fff;
font-family: arial, helvetica, sans-serif; 
font-size: 1.2em;
font-weight: bold;
}

a#tab1:hover,
a#tab2:hover,
a#tab3:hover,
a#tab4:hover
{
color: #fff;
text-decoration: underline;
font-family: arial, helvetica, sans-serif; 
font-size: 1.2em;
font-weight: bold;
}

#toolkitheader
{
margin-left: 7px;
margin-top: 0px;
margin-bottom: 0px;
}

#topicsbox
{
float: left;
margin-top: 10px;
}

.conLeftBoxTopBlue{
	width: 185px;
	background-color: #0070C7;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.conLeftBoxBottomBlue{
	width: 185px;
	background-color: #E9F4FD;
	padding-left: 8px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	list-style-position: inside;
}

a.conLeftBoxLink:link {
	color: #000000;
	text-decoration: underline;
}
a.conLeftBoxLink:visited {
	color: #000000;
	text-decoration: underline;
}
a.conLeftBoxLink:hover {
	color: #000000;
	text-decoration: none;
}

dl#topics
{
margin-top: 0px;
margin-bottom: 0px;
}

h1
{
color: #000;
padding-top: 10px;
line-height: 1.5em;
font-size: 2em;
}

#purpleback
{
/*background: url(/healthyeyestoolkit/images/purpleback.jpg) repeat-x;*/
width: 743px;
height: 139px;
margin-top: -7px;
}

#redback
{
/*background: url(/healthyeyestoolkit/images/redback.jpg) repeat-x;*/
width: 750px;
height: 139px;
margin-top: -7px;
}

#greenback
{
/*background: url(/healthyeyestoolkit/images/greenback.jpg) repeat-x;*/
width: 750px;
height: 139px;
margin-top: -7px;
}

#blueback
{
/*background: url(/healthyeyestoolkit/images/blueback.jpg) repeat-x;*/
width: 750px;
height: 139px;
margin-top: -7px;
}

h1
{
font-family: arial, helvetica, sans-serif; 
font-size: 18px;
line-height: 1.2em;
}

h2
{
font-family: arial, helvetica, sans-serif; 
font-size: 17px;
line-height: 1.2em;
}

h3
{
font-family: arial, helvetica, sans-serif; 
font-size: 16px;
line-height: 1.2em;
}

em
{
font-size: 100%;
}

.red
{color: #903}

.tagline
{
margin-top: -100px;
font-size: 16px;
width: 350px;
height: 95px;
margin-left: 387px; 
padding: 5px;
color: #fff;
font-weight:bold;
font-family: arial, sans-serif;
}

.tagline em
{font-family: arial, sans-serif;}

