/*-----------------------------------------------
MyEars.com Screen Styles
Author:   Angel Feliciano
Email: afeliciano@affinity.com
Version:  30 October 2006
----------------------------------------------- */

/* =General Styles
-------------------------------------------------*/
* {
	padding:0;
	margin:0;
	}
	
body {
	background:#006090 url(images/bg.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height:1.6em;
	SCROLLBAR-FACE-COLOR: #B3B3B3; 
	SCROLLBAR-HIGHLIGHT-COLOR: #B3B3B3; 
	SCROLLBAR-SHADOW-COLOR: #999; 
	SCROLLBAR-3DLIGHT-COLOR: #fff; 
	SCROLLBAR-ARROW-COLOR:  #fff; 
	SCROLLBAR-TRACK-COLOR: #E3E3E3; 
	SCROLLBAR-DARKSHADOW-COLOR: #666;
	}

a {
	color:#006090;
	text-decoration:none;
	}
	
a.blk:link		{color: 			#003366;
				font-weight:		bold;
				text-decoration:	none;}
a.blk:active	{color: 			#003366;
				font-weight:		bold;
				text-decoration:	none;}
a.blk:visited	{color: 			#003366;
				font-weight:		bold;
				text-decoration:	none;}
a.blk:hover		{color: 			#003366;
				font-weight:		bold;
				text-decoration:	underline;}

h1 {
	font-size: 14px;
	color:#005f8f;
	padding:15px;
	}
	
h2 {
	font-size: 14px; 
	color: #02AAA5;
	padding-left:15px;
	}

h3 {
	font-size: 12px; 
	color: #000;
	}

#mainContainer {
	margin: 15px auto;
	width:769px;
	}

#wrapper {
	background: url(images/mainContentBg.gif) no-repeat bottom left;
	float:left;
	width:769px;
	}

/* =Header Styles
-------------------------------------------------*/
#header {
	background:url(images/topBg.jpg) no-repeat top left;
	color:#006090;
	font-size:11px;
	float:left;
	width:769px;
	height:85px;
	}

#header img {
	float:left;
	}

#topNav1 {
	float:left;
	padding:7px 15px;
	height:16px;
	}

#topNav1 li {
	display:inline;
	text-decoration:none;
	}

#topNav1 li a {
	color:#006090;
	text-decoration:none;
}
	
#topNav1 span {
	padding:0 3px;
	}

#topNav2 {
	float:right;
	padding:7px 15px;
	height:16px;
	}

#topNav2 li {
	display:inline;
	text-decoration:none;
	}

#topNav2 li a {
	color:#006090;
	text-decoration:none;
}

#topNav2 span {
	padding:0 3px;
	}
	
/* =mainNav Styles
-------------------------------------------------*/
#mainNav {
	width:769px;
	float:left;
	display:inline;
	height:26px;
	}

#mainNav ul {
	list-style:none;	
	}

#mainNav li {
	float:left;
	list-style:none;
	display:inline;
	}
	
#flash {
	width:769px;
	padding-left:10px;
	}
	
#flash-home {
	width:769px;
	margin:0 auto;
	text-align:center;
	}
	
/* =mainContent Styles
-------------------------------------------------*/
#mainContent {
	font-size:14px;
	width:769px;
	float:left;
	}

#mainContent p {
	padding:10px 15px;
	line-height:1.6em;
	}
	
#mainContent table {
	padding:10px 15px;
	line-height:1.6em;
	}

#mainContent img {
	margin:0 25px;
	}

#mainContent img.prog {
	margin:0 10px;
	}
	
.contentTtl {
	font-weight: bold; 
	color: #006090;
	}

#mainContent .pgm {
	font-family: Verdana, Helvetica, sans-serif; 
	padding-left:30px;
	padding-right:30px;
	list-style: square;
	color: #067749;
	font-size: 1em;
	font-weight: bold;
	}
	
#mainContent .faqdiv1 {
	float:left;
	width:335px;
	padding-left:35px;
	padding-right:10px;
	border-right:dotted 2px #006090;
	}

#mainContent .faqdiv1 ol {
	padding-bottom:10px;
	color:#006090;
	line-height:1.6em;
	}
#mainContent .faqdiv1 ol li {
	line-height:1.6em;
	}
	
	
#mainContent .faqdiv2 {
	float:right;
	width:335px;
	padding-right:35px;
	}

#mainContent .faqdiv2 ol {
	margin-left:25px;
	color:#006090;
	line-height:1.6em;
	}	
#mainContent .faqdiv2 ol li {
	line-height:1.6em;
	}	
#mainContent .faqdiv2 img {
	padding:0;
	margin:0;
	}
		
/* =mainContentHome Styles
-------------------------------------------------*/
#mainContentHome {
	font-size:14px;
	width:769px;
	float:left;
	}
#mainContentHome p {
	float:left;
	width:535px;
	line-height:1.6em;
	padding:0 0 10px 25px;
	}

#mainContentHome .mainPic {
	float:right;
	padding:10px 10px 0 0;
	}

#mainContentIndex {
	width:769px;
	float:left;
	padding-left: 10px;
	pasding-right:10px;
	}
#mainContentIndex p {
	line-height:1.6em;
	font-size: 1.0em;
	font-weight: bold;
	padding:0 25px 5px 25px;
	
	}
#mainContentIndex .mainPic {
	float:right;
	padding:10px 10px 0 0;
	}	
#mainContentIndex .box {
	display: block;
	width: 250px;
	line-height:1.6em;
	padding:0 25px 5px 25px;
	}	

#contentImg {
	width:535px;
	padding:5px 0 5px 20px;
	float: left;
	}
	
#contentImg img {
	white-space:nowrap;
	}
	
.quote {
	font-weight:bold;
	font-style:italic;
	margin:5px 25px;
	}

.quote1 {
	width:350px;
	float:right;
	color:#045a93;
	line-height:1.6em;
	margin:5px 25px;
	padding:10px 0;
	border-top:dotted 2px #006090;
	border-bottom:dotted 2px #006090;	
	}
	
.vision {
	font-weight:bold;
	color:#006090;
	margin:0 25px 5px 25px;
	}
.sig {
	color:#005f8f;
	font-weight:bold;
	}
	
/* =Footer Styles
-------------------------------------------------*/
#footer {
	text-align:center;
	list-style:none;
	color:#fff;
	font-size:11px;
	padding-top:10px;
	width:769px;
	}

#footer li {
	display:inline;
	line-height: 2em;
	}
	
#footer li a {
	text-decoration:none;
	color:#fff;
	}

#footer li a:hover {
	text-decoration:underline;
	color:#fff;
	}

#footer a {
	color:#fff;
	text-decoration:none;
}

#footer span {
	padding:0 5px;
	}

#footer span.bold {
	color:#cef;
	font-weight:bold;
	}
	
/* =Misc Styles
-------------------------------------------------*/
.clear {
	clear:both;
	}

.bold {
	font-weight:bold;
	}

.border {
	border-top:dotted 2px #006090;
	}

.justify {
	text-align:justify;
	}

label {
	float:left;
	width:15em;
	padding-left:10px;
	}
	
.formError {
	color:#FF0000;
	font-weight: bold;
	margin:0px 25px 25px 25px;
	}
	
.errorFlag		{
				font-size:			8pt;
				color: #333333;
				border:solid 1px #ff0000;
				padding: 2px;}
	
#submit {
	text-align:center;
	}
	
.formFields {
	font-size: 8pt;
	color: #333333;
	border:solid 1px #7F9DB9;
	padding: 2px;}
	
#formStyle p {
	padding-bottom:3px;
	}
.top {
	font-size: 10px; 
	color: #0E9960;
	text-decoration: none;
	}
a.top {
	font-size: 10px;
	color: #0E9960; 
	text-decoration: none;
	}
a.top:hover {
	font-size: 10px;
	color: #0E9960; 
	text-decoration: none;
	}
	
#sitemap {
	font-size:12px;
	width:769px;
	float:left;
	padding-bottom:15px;
	}

#sitemap p {
	padding:10px 15px;
	line-height:1.6em;
	}

#sitemap li img {
	padding:0 10px 0 15px;
	}
	
#sitemap ul {
	margin:0 25px;
	list-style:none;
	}
	
.descbox 	{width: 			250px;
		padding: 			0;
		margin-top:			-10px;
		margin-left: 		130px;
		margin-right:		0px;
		text-align: 		left;
		font-size:			12px;
		color:				#006699;
		font-weight:		bold;
		line-height:		1em;
		display: 			block;}
.smfont	{font-size: 13px;}
.x-smfont	{font-size: 11px;}