/* CSS Document */

/* Defines the container area for all content below the title/logo area and above the footer.  Background attribute in global-{site}.css file. Do not edit. */	
#body, #bodyPrint {
	margin: 0px;
	width: 100%;
	height:100%;
	overflow:visible;
	}

#bodyPrint {
	background: #FFFFFF;
	}
	
/* Defines the repeated background image supporting the "faux-columns". Change this only if you need a different background color.  There is a working file called dafault-BG.png.  If you make changes, save it as a new file.  Do not overwrite default-BG.png or .gif. */	

/* Defines the container area for the left column of the body area.  Container area includes theme box, Center for Healthy Vision, What is a Doctor of Optometry? and Centers below.  Do not edit. */
#bodyleft {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	width: 100%;
	float: left;
	z-index: 7;
	}

/* Container for the Center for Left Column Menus.  Background, border-color, in default-{site} stylesheet. */
#left {
	display: block; 
	overflow-x:hidden;
	position:relative;
	width: 255px;
	padding: 0;
	float:left;
	margin: 0px 2px 2px 2px;
	border-style: solid;
	border-width: 2px;
	}
	
/* Defines the font-sizer and printer-friendly buttons at the top-right */
#borderLeftRight, #borderLeftRightPrint {
	float:right;
	clear:none;
	text-align:left;
	padding-top: 10px;
	}

#borderLeftRight {
	width:270px;
	}

#borderLeftRightPrint {
	width:160px;
	}	
/* Defines the ancestor link above the title element. Color attribute found in default-{site} stylesheet. */
.Ancestor, .Ancestor a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	}

.Ancestor a:hover {
	text-decoration:underline;
	}

.Ancestor {
	display:block;
	}
	
/* Defines the child links below the title element. Color attribute found in the default-{site} stylesheet. */	
ul.Children, ul.Children li a, .bio {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-align:left;
	padding: 0px 0px 5px 0px;
	}

ul.Children {
	margin-left: 40px;
	}

ul.Children li a:hover, a.bio:hover {
	text-decoration:underline;
	}

ul.Children li a:visited, a.bio:visited {
	text-decoration:none;
	}
/* Defines the author attribution. The color attribution is in the default-{site} stylesheet. */
#Author {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	padding: 0px 20px 0px 10px;
	width: 90%;
	display:inline;
	position:relative;
	}
	
#healthyVision, #bodyLeftCenter {
	background:#FFFFFF;
	padding: 0px 0px 10px 0px;
	width: 100%;
	z-index:6;
	margin: 0px 0px 6px 5px;
	border: 2px solid #003366;
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	font-weight:normal;
	font-variant:normal;
	line-height: 13px;
	overflow-y:hidden;
	}
	
/*Styles the unordered list */	



/* Link styles */


/* Defines the container area for the right column of the body area.  Container area includes the Doctor of Optometry definition, Doctor Center, and Paraoptometric Center.  Do not edit. */	
#Content, #ContentPrint {
	display: inline-block;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom:16px;
	height: 100%;
	float: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:normal;
	}

#Content {
	width: 672px;
	}
	
#ContentPrint {
	width: 610px;
	background:#FFFFFF;
	}
	

.PressRelease {
	width:100%; 
	padding:5px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	}

.PressReleaseContacts {
	float:right; 
	clear:both; 
	text-align:right; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	}
	
.PRElement {
	padding: 10px 0px 3px 0px;
	margin-top:10px;
	border-bottom: 1px #CCCCCC solid;
	}
	
/* These "sandbag divs" create a container box for the image call-out (#contentPicture) to nest in.  #sml-01 creates the vertical space from the title to the proper height on the page; #sml-02 sets the dimensions of the image container box.  #contentPicture is nested in the #sml-02 div in the HTML */
 	
#sml-01, #sml-02, #sml-03, #sml-04 {float:left; clear:left;}
#sml-01 {width: 1px; height:100px;}
#sml-02, #sml-04 {width: 230px; padding-top:7px; margin-right:10px;}
#sml-03 {width: 1px; height: 30px;}

/* Background and border-color attributes in default-{site} stylesheet. */
#contentPicture {
	float: left;
	border:thin;
	border-style: none;
	border-width:2px;
	width: 210px;
	text-align:center;
	margin-top: 150px;
	padding: 3px 5px 5px 5px;
	margin: 10px 5px 5px 0px;
	}

#AdGroup {
	float:right;
	margin: 40px 5px 30px 5px;
	z-index:20;
	text-align:center;
	width: 200px;
	display:inline;
	position:relative;
	}
	
.Advertisement {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	margin-bottom:7px;
	}

#Content #AdGroup a {
	text-decoration:none;
	}
	
#Content #AdGroup a:hover {
	text-decoration:underline;
	background:none;
	}

#AdGroup a img {
	padding:3px;
	}
	
/* Background and border color attributes in default-{site} stylesheet. */	
#seeAlso {
	width: 220px;
	clear: both;
	border-style: solid;
	border-width: 2px;
	}
/* Background, border color, and font color attributes in default-{site} stylesheet. */	
.seeAlsoHeader {
	width:204px;
	border-style: solid;
	border-width: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding: 5px;
	}

/* For EyeMaginations images. Brand properties in branded default stylesheets. */
.howItWorks {
	width:260px;
	float:right;
	padding:2px;
	margin:0px 0px 5px 5px;
	}

.howItWorks span.Ancestor {
	text-align:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	margin:0px 0px 4px 0px;
	border-bottom:#FFFFFF 2px solid;
	}
		
.howItWorksSub {
	background:#FFFFFF;
	padding:4px 3px 4px 3px;
	margin:0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	clear:both;
	}

.howItWorksSub img {
	clear:both;
	margin-bottom:7px;
	}

/* Ask the AOA elements */
div.Question {
	display:block;
	width:630px;
	vertical-align:middle;
	padding:5px 12px 5px 12px;
	margin: 5px 0px 5px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	border:solid 2px;
	}
	
div.Answer {
	display:block;
	width:630px;
	padding:5px 5px 5px 12px;
	margin:5px 0px 5px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	border:solid 2px;
	}
	
div.Headshot {
	float:right;
	border:solid 1px;
	width:180px;
	padding:4px;
	margin:4px 0px 10px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	}
	
div.leadLetter {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	float:left;
	display:inline;
	margin:0px 10px 10px 0px;
	padding:0px;
	}
	
blockquote.raised {
	border-top:#999999 solid 2px;
	border-left:#666666 solid 2px;
	border-bottom:#333333 solid 3px;
	border-right:#333333 solid 3px;
	background:#e8e8e8;
	padding: 0px 10px 0px 10px;
	}
	
td.left {
	width:40%;
	border-right:1px solid;
	}
	
td.bar {
	width:1px;
	}
	
td.right {
	width:60%;
	padding-left:10px;
	}
	
td.half {
	width:50%;
	}

td.third {
	width:33%;
	}
	
div.rightCallout, div.callout-210 {
	float:right;
	border-width:1px;
	border-style:solid;
	margin:0px 0px 7px 7px;
	padding:8px;
	}

div.rightCallout {
	width:260px;
	}

div.callout-210 {
	width:210px;
	text-align:center;
	font-size:10px;
	text-align:center;
	}
	
div.halfLeft {
	width:48%;
	float:left;
	}

div.halfRight {
	float:right;
	width:48%;
	}
	
div.profile {
	margin:0px 0px 10px 50px;
	clear:both;
	}

div.halfLeft div.profile, div.halfRight div.profile {
	margin:0px 0px 10px 0px;
	clear:both;
	}
/* Font styles */

/* Font color attribute in default-{site} stylesheet */
h1, .h1 {
	display: block;
	width:98%;
	padding:2px 0px 2px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bolder;
	text-decoration:none;
	margin: 0px 0px 4px 0px;
	border:none;
	}

h1 {
	margin-top: 4px;
	}
	
.h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

h2.center {
	padding:4px 0px 4px 20px;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}

.center-2 {
	border-bottom:1px solid; 
	border-top:1px solid; 
	display:block;
	padding:5px 0px 5px 15px;
	}
		
p, li, td, blockquote {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:auto;
	}

.centerTitle {
	font-size:18px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	color:#ffffff;
	margin:5px 5px 10px;
	padding:7px ;
	width:248px;
	display:block;
	}

.tableData {
	font-size:10px; 
	color:#000000; 
	font-weight:normal;
	}
.small {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	}
	
ol li.small {
	list-style-type: decimal;
	}
	
b {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

/* Font color in default-{site} stylesheet */
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* font-size:12px; removed 06/19/2009 */ 
	font-weight:bold;
	text-decoration:none;
	}
#Content a {
	padding: 0px;
	}

/* Border-color in default-{site} stylesheet. */	
#Content a:hover {
	padding: 0px; 
	text-decoration:underline;
	/*border-style:dashed;
	border-width:1px;*/
	}
 
.lastUpdated {
	font-style:italic;
	font-size:11px;
	font-weight:bold;
	clear:both;
	padding-top:10px;
	}
		
.caption {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#333333;
	}

.subpghead {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: verdana, arial, helvetica
	}

.table {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: white; FONT-FAMILY: verdana, arial, helvetica
	}
	
table.callout {
	float:right;
	margin: 0px 0px 5px 5px;
	}

table.left {
	margin-right:10px;
	margin-bottom:10px;
	}
	
/* Defines the burgundy bulleted lists found in the Center elements and in the expandable menus */
ul.redMenu, ul#redMenu {
	list-style: square;
	color: #660000;
	margin-left: 10px;
	margin-top: 0px;
	padding: 4px 0px 10px 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

ul.redMenu li, ul#redMenu li {
	padding: 2px 0px 2px 0px;
	}
	
#healthyVision span.center ul#redMenu {
	padding-left: 18px;
	padding-right: 10px;
	padding-top: 0px;
	float:left;
	}

/* Font color attribute in default-{site} stylesheet. */
ul.redMenu li a {
	text-decoration:none;
	}

ul.redMenu li a:hover, a.menu:hover, {
	text-decoration:underline;
	background:none;
	}
	
#AdGroup a.menu, #AdGroup a.menu:hover {
	line-height:13px;
	}
	
/* Font color in default-{site} stylesheet. */
ul.redMenu li a:visited, a.menu:visited {
	text-decoration:none;
	}

ol.outline li ol {
	padding-bottom:10px;
	margin-left:25px;
	}
ol.outline li {	
	list-style-type:upper-roman;
	font-weight:bold;
	font-size:13px;
	color:#000000;
	padding-top: 5px;
	}

ol.outline li ol li {
	list-style-type:upper-alpha;
	padding-top: 0px;
	font-weight:normal;
	}
ol.outline li ol li ol li {
	list-style-type:decimal;
	font-weight:normal;
	}
ol.outline li ol li ol li ol li {
	list-style-type:lower-alpha;
	font-weight:normal;
	}

td.indent {
	padding-left:15px;
	}
td.h2 {
	line-height: 16px;
	}
	
tr.EventCalendarOdd {
	background:#f5f5ff;
	}
	
tr.EventCalendarEven {
	background:#ebebeb;
	}

td.h2-center {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}
	
	/*Jeff 1/3/08 */
.PQRIMeasure table {
	width:95%;

}
.PQRIMeasure td{
	padding:5px;
	border:1px black solid;
}
.rowEven{
	background:#f5f5ff;
}
.rowOdd{
	background:#dfefff;
}
.rowTitle{
	background:#003366;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
}
.pqri td {font-size:10px;}

.redtext {color:red}

.dashedBorderBottom {
	display:block;
	margin: 10px 10px 30px 10px;
	/*border-top:#99c7d6 dashed 0px;*/
	border-bottom: dashed 2px;
	padding:10px;
	vertical-align:top;
	clear:both;
	}

.smallHead {
	color:#003366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	background:#F5F5F5;
	}
	
#Content > p, div.highslide-maincontent p, .topicStory p 
{
	line-height:1.5em;
	/* margin-right:40px; */
}		

#Content > ol {margin-left:30px;}

.narrow {width:500px;font-size:11px}
.narrow a {font-weight:normal;font-size:11px}

.low-bottom {margin-bottom:0px;margin-top:40px}

/* styles for Picosearch results JSS 6/16/09 */

.picolistregfontsize {font-size:0.9em !important; line-height:1.3em !important;}

.search-url {color:#008000;font-style:normal;font-size:0.9em} /* url at bottom of each search result */

a .result-title {font-size:1.3em;text-decoration:underline;font-weight:normal;color:#2200cc;} 
a:visited .result-title {color:#77198b}

.results-list {width:475px;list-style:none} /* entire ordered list of results */
.results-list li {margin-bottom:10px}

.search-meta {font-size:1em; line-height:1.3em;}

/* end Picosearch styles */

/* Hispanic Vision styles */
#hi-video {float:right;padding-left:5px;padding-right:10px}

#hi-video ul li a {font-weight:normal;font-size:11px;}
#hi-video ul li {margin-top:10px;}
#hi-video ul {margin-left:0;width:200px;text-align:left;margin-top:0;}

#hi-video p {font-size:10px;}

/* CLCS award section sponsor style JSS 8/5/09 */

.award-sponsor {background:#fff;padding:5px;text-align:center;width:250px;margin:0 auto 20px;}

/* FAQ page styles JSS 2/27/10 */

.question {
	background:url("../images/q.gif") no-repeat scroll 0 0 #EFEFEF;
	font-weight:bold;
	padding:10px 15px 15px 90px;
	width:450px;
	min-height:80px
}

.answer {
	background:url("../images/a.gif") no-repeat scroll 0 0 transparent;
	padding-left:90px;
	padding-top:5px;
	width:450px;
	min-height:80px;
}

.answer p {line-height:1.5em;margin-bottom:20px}

/* .faqQuestion {width:500px;} */

.faqSection {width:500px}
.faqSectionTitle {border-bottom:solid 1px #dfdfdf;}

.faqSection ol {margin-left: 20px;}


#submitQuestion a, a.button {color:#fff;background:#ff6633;padding:10px}
#submitQuestion a:hover, a.button:hover {padding:10px;background:#ff9933;text-decoration:none !important;}


/* End FAQ styles */

/* EHR styles */
.EHRheader {
	/* border: 2px solid #060;  */
	width:275px;
	font-weight:bold;
	text-align:center;
	line-height:1em;
	background:#009933;
}

.EHRheader a {color:#fff;text-decoration:none;display:block;	padding: 10px 0px!important}
.EHRheader a:hover {background:#83AF83;text-decoration:none !important;padding: 10px 0px!important}

ul.links li a {color:#060;}
ul.links {color:#060}



/* End EHR Styles */

.whiteLink {color:#fff !important;display:block;padding:10px !important;text-align:center}
.color1 {display:block;padding:10px;color:#fff;background:#009933;width:50%} /* green */
.color2 {display:block;padding:10px;color:#fff;background:#ff6633;width:50%} /* orange */
.color3 {display:block;padding:10px;color:#fff;background:#0066cc;width:50%} /* blue */

#topContent {margin-bottom:20px}

.connectQuote {
	font-size: 10px;
}

h1 + h2 {margin-top:3px}

h3.light {font-weight:normal;color:#2f79c2;margin-bottom:3px;padding:0}

p.auto {width:auto !important;line-height:1.5em;}

#videoPlaylist {float:right;width:510px;margin-right:27px}

/* YouTube Playlist styles */


.yt_holder {width:500px;position:relative;float:right;margin-left:10px;margin-bottom:10px;}
#ytvideo {background:#dfdfdf;padding:10px;width:500px}
.yt_holder ul{list-style-type:none;float:right;position:absolute;right:-12px;top:0px; *top:10px}

.yt_holder ul li {margin-bottom:8px}
.yt_holder ul li img {width:70px;border:none;}

li.currentvideo {border-bottom:4px solid red}

/* End YouTube Playlist styles*/

.topicBanner {margin-left:-5px}

.noNav .topicBanner {margin-bottom:15px;}
.ContentPage .noNav .topicBanner  {margin-left:-33px}

/* HCRCenter Page styles */ 
/* div#Content.hcrCenter {padding-left:15px !important} */
h2.topic, h2.topic a {margin-top:0px;color:#000;font-family:Arial, “Helvetica Neue”, Helvetica, sans-serif;}

h2.featuredTopic, h2.featuredTopic a {margin-top:0px;color:#000;font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;font-size:22px;line-height:30px}
#hcrButtons {position:relative;left:9px;width:520px;height:40px}

h2.featuredTopic {width:240px}


a.legislativeLinksLearn {font-size:10px;color:#fff;}
a.legislativeLinksAction {font-size:10px;color:#fff;}

p.date {font-size:10px;color:#444;}

.noNav p {line-height:1.5em !important;}

.topicStory {width:300px;margin-top:30px;float:left;margin-right:25px}
.topicStory p {width:auto !important}

/* Styles for pages with no left navigation */
p.noNav, p.hcrCenter {width:600px; *width:auto;}
div#Content.noNav {float:left;padding-left:40px;width:892px;}

div#Content.hcrCenter {float:left;padding-left:15px !important;width:975px !important;}

a.hcrHeadline {font-weight:normal;text-decoration:underline;color:#fff;}


div.topicSection {width:65%;background:#efefef;min-height:190px;margin-top:30px;float:left}
h2.topicHeader {margin:0;color:#fff;font-size:19px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;padding:5px}
h2.events {background-color:#BF0000;}

h2.legislation {background-color:#0066CC}

.videoLink {width:125px;float:right;padding:10px 20px 10px 15px;}

ul.storyLinks {float:right;width:125px;list-style-type:none;padding:0;margin:20px 35px 0 0;}
ul.storyLinks li {margin-bottom:10px}
ul.storyLinks li a {font-weight:normal;color:#000;text-decoration:underline;font-size:11px}

ul.yesVideo li {width:170px}
ul.noVideo {width:auto;}

h3.featureHeadline {margin:0;padding:0;color:#000;font-family:Arial, Helvetica, sans-serif;}

.feature {border-right:solid 1px;width:260px;margin:20px 0 30px 10px;padding-right:7px}

a.videoLink {font-weight:normal;font-size:10px;line-height:1.2em;text-decoration:underline;}
a.hcrRssLink {color:#fff;font-weight:normal;display:block;margin-bottom:10px;border-bottom:solid 1px #333;margin-bottom:12px;padding-bottom:12px !important;font-family:Arial,Helvetica,sans-serif;font-size:11px}

p.rssHeader {font-size:16px;margin-top:0;font-family:Arial, Helvetica, sans-serif;color:#fff;background:#333;padding:5px 10px;margin-bottom:-10px}
ul#rssLinks {list-style-type:none;background:#009933;padding:10px;height:293px;margin: 12px 0 0 0;}

li.healthCareRssItem {margin:0;padding:0 !important;}

/* Video Center styles */

.videoBlock {height:130px;width:130px;margin:5px;float:left;text-align:center;position:relative;}
.videoTitle a {font-size:10px;font-weight:normal;text-decoration:underline;}

.overlay {position:absolute;top:0px;left:4px;z-index:10;}
.emptyLink {position:absolute;height:90px;width:120px;top:0px;left:4px;display:block;z-index:20;background:#fff;filter: alpha(opacity = 0);opacity:0;}

/* end Video Center styles */

.storyAbstract, .storyAbstract p, .storyAbstract li  {font-size:11px}
.storyAbstract li  {font-size:11px}
.storyAbstract ul {padding-left:18px}

/* NewsCenter Styles */

#videoBarContainer {margin-bottom:10px;min-height: 170px;}
#latest {color:#a5a5a5;font-size:46px;font-family:arial, sans-serif;font-weight:bold;margin-bottom:60px}

#latestStoryHeadline a {font-family:arial, sans-serif;font-size:28px;color:#000;font-weight:normal;line-height:1em;}
.newsCenterStory {font-family:arial, sans-serif;}
h2.secondaryStoryHeadline a {font-family:arial, sans-serif;font-size:14px;color:#000;text-decoration:underline;}

.newsitems {color:#222;font-size:28px;font-weight:normal;padding:5px;font-family:arial, helvetica, sans-serif;margin-top: 20px;min-height:50px;padding-top:8px; background:url('../images/green-grad.jpg') no-repeat;
}

#newsWrapper {margin-left:15px;margin-top: 60px;}

#journalHeader {margin-bottom:20px;margin-top:110px;width:926px;background:url('../images/journal-green.jpg') no-repeat right 0;height:50px}


p.tweet, p.tweet a {font-size:12px;color:#222;font-family:arial, sans-serif;margin-bottom:20px;font-weight:normal;}

span.pubDate, p.tweet a {color:#555;font-size:10px}
p.tweet a {text-decoration:underline}
#videolinks {height:130px}

#morenews ul.padded li{margin-bottom:0;padding-bottom:0px;}

.twitterFollowers {float:right;display:inline-block;font-weight:normal}

#aoatwitter, #connecttwitter {color:#fff;background:url('../images/orange-grad.jpg') no-repeat;padding:5px;font-size:17px;font-weight:bold;font-family:arial, helvetica, sans-serif}
#aoatwitter a, #connecttwitter a {color:#777;font-family:arial, helvetica, sans-serif}


#newsRightCol {width:424px;float:right;margin-top:7px}
/* End NewsCenter Styles */

img.mockup {
    margin-left: -27px;
    margin-top: -42px;
}

/* Transitionspage */
.expand p.noNav {width:400px;}


/* epocrates page */


/* ~~ Element/tag selectors ~~ */
.epocrates-container ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
.epocrates-container h1, .epocrates-container h2, .epocrates-container h3, .epocrates-container h4, .epocrates-container h5, .epocrates-container h6, .epocrates-container p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
.epocrates-container a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
.epocrates-container a:link {
	color: #42413C;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
.epocrates-container a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
.epocrates-container a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~ this fixed width container surrounds all other divs ~~ */
.epocrates-container {
	width: 865px;
	background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
	overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 1.4;
}

/* ~~ These are the columns for the layout. ~~ 

1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.

3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.

4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.

*/
.epocrates-container .sidebar1 {
	float: right;
	width: 270px;
	padding-bottom: 10px;
}
.epocrates-container .content {
	width: 525px;
	float: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.epocrates-container .content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
.epocrates-container ul.nav {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}
.epocrates-container ul.nav li {
	border-bottom: 1px solid #666; /* this creates the button separation */
}
.epocrates-container ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	/* [disabled]background: #C6D580; */
}
.epocrates-container ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FFF;
}

/* ~~ miscellaneous float/clear classes ~~ */
.epocrates-container .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.epocrates-container .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.epocrates-container .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.epocrates-container div.MsoNormal {margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:6.0pt;
	line-height:119%;
	text-align:left;
	font-family:Calibri;
	font-size:10.0pt;
	color:black;}
.epocrates-container li.MsoNormal {margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:6.0pt;
	line-height:119%;
	text-align:left;
	font-family:Calibri;
	font-size:10.0pt;
	color:black;}
.epocrates-container p.MsoNormal {
	margin-right:0pt;
	text-indent:0;
	margin-top:0pt;
	margin-bottom:6.0pt;
	line-height:119%;
	text-align:right;
	font-family:Calibri;
	font-size:10.0pt;
	color:black;
}
.epocrates-container .content .link-bg {
	font-variant: normal;
	background-image: url(../images/link-bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 126px;
	width: 526px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.epocrates-container p.noNav, p.hcrCenter {width:auto; *width:auto;}
.epocrates-container div#Content.noNav {float:left;padding-left:40px;width:auto;}

.CPCparent {cursor:pointer;background:#efefef;}
.CPCchild {background:#2f79c2;cursor:pointer;color:#fff}

tr.master-row-over {background:#999;color:#fff}

/* Wells Fargo landing page */
#Content.page-x16986 {left:-30px;position:relative}
#Content.page-x16986 p {width:420px}
#wellsFargoImage {position:relative;left:-25px}
#wellsFargoSidebarHeader {}
#wfHeader {position:relative;left:-10px}

/* EyeLearn landing page */
.page-x18361 {margin:0 !important;padding:0 !important;}
#eyelearnHeader {background:url('../images/eyelearn/logo-background.jpg') no-repeat;border-bottom:solid 40px #f5861f;height:300px;width:981px;margin-bottom:40px;position:relative;}
#eyelearnHeader h3 {font-weight:bold;font-style:normal;color:#1780BC;padding-top:120px;font-family:arial,sans-serif;text-align:center;width:400px;font-size:26px;}
#eyelearnBody h4 {color:#CBC1B2;font-family:arial,sans-serif;font-size:20px;}
#eyelearnBody {font-family:arial,sans-serif !important;}

#eyelearnFeatures {float:right;width:450px;font-family:arial,sans-serif;margin-bottom:50px}

#eyelearnOffers {text-align:left}
#eyelearnRight {float:right;margin-top:8px;width:150px}
#eyelearnhLeft {width:200px;padding-left:20px;padding-bottom:40px}

#eyelearnProfessionals {text-align:left;width:350px;float:left;font-size:20px;}

#eyelearnSlider {background:url('../images/eyelearn/player.png') no-repeat;width:560px;height:346px;position:absolute;top:20px;right:15px}
#eyelearnSliderContent {height:294px;width:469px;margin-top:28px;margin-left:46px}

#eyelearnVideo {float:left;margin-left:20px;margin-top:20px}

/*  CPAG Coding Page  */
div.page-x15181 {min-height:750px !important;}

.page-x8174 ul.Children li a, .page-x8173 ul.Children li a {font-size:16px !important;}

.page-x13051 div#content ul li {margin:5px 0;}

.page-x6198 address {margin:10px 0;}


/* Opthalmic Council Business Meeting Page */

.oc-bus-sidebar p {margin:20px 0;}


/* Webinar series page       */

.page-x16777 body {
	background-color: #cccccc;font-family: Arial, Helvetica, sans-serif;
}

.page-x16777 h1, .page-x16777 h2, .page-x16777 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 0px; 
	padding: 0px; 
}

.page-x16777 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
}
.page-x16777 .red {
	color: #900;
}
.page-x16777 td table tr td div table tbody tr td a {
	font-weight: bold;
	color: #FFF;
}
/*.page-x16777 a, .page-x16777 a:hover, .page-x16777 a:visited {
	color: #115FEE;
}*/
.page-x16777 tr td table tr td table tr td strong a strong {
	color: #FFF;
}

.page-x8720 #AdGroup {width:181px}

.page-x18392 li a {font-weight:normal;}

.page-x18753 {min-height:700px}


.page-x18839 h3 {font-weight:bold; color:#000; margin-left:0; padding-left:0; color:#660000;}
.page-x18839 h2 {font-size:20px;}

.page-x19963 .wufoo .info{display:none}

.page-x20415 #Content{width:956px;}



/* Webinar Series Styles - x16777 */

.page-x16777 #attendBox {margin:0 auto; background-image: url(http://www.aoa.org/images/blue-gradient.jpg); line-height: 1.6em; padding:25px 0 0 0; width: 660px; height:88px; display: block; background-repeat: no-repeat;}

.page-x16777 .webinarTitle {color:#800000; font-size:15px;}
.page-x16777 .speakerTitle {color:#800000; font-size:14px;}
.page-x16777 .webinarDescript {color:#000; font-size:14px; padding-right:10px;}
.page-x16777 .webinarDateTime {margin-left:5px; color:#800000;}
.page-x16777 .registerButton {margin:-15px 0 15px 0;}
.page-x16777 hr {margin:20px 0;}
.page-x16777 #questionsFooter {text-align: center; background-image:url(http://www.aoa.org/images/blue-gradient.jpg); padding:15px 0;}