/* Specials styles, March 2005; revised May 2005 */

/* HTML elements */

HR {
	width: 70%;
	clear: left;
}

H1 {
	font: bold 18pt Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0;
}

H2 {
	font: bold 14pt Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0;
}

H3 {
	font: bold 12pt Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0;
}

H4 {
	font: bold 12pt Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0;
	margin-bottom: -20px;
}

H5 {
	font: bold 12pt Arial, Helvetica, sans-serif;
	padding: 10px 0 10px 0;
	margin-bottom: -20px;
}

A {
	color: #3130D6;
	font-weight:bold;
}

/* Box, layout elements */

#sidenavTD {
	width: 200px;
	padding: 15px 5px 5px 10px;
	background-color: #EFEFE7;
	vertical-align: top;
}

#visionsSideNavTD {
	width: 200px;
	padding: 15px 5px 5px 10px;
	background-color: #ffffff;
	vertical-align: top;
}

#sidenav UL {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#sidenav LI {
	padding: 0 0 5px 0;
}

.watchTitles UL {
	margin: 0 0 0 8px;
	padding: 0;
	list-style-type: disc;
}

.watchTitles LI {
	padding: 0 0 5px 0;
}

#intro {
	font: italic 1em Arial, Helvetica, sans-serif;
	padding: 5px 5px 0px 5px;
	clear: left;
	margin: 0;
}

#content {
	margin: 0;
	padding: 5px 5px 5px 5px;
	width: 550px;
	clear: left;
	vertical-align: top;
}

.boxPad {
	margin: 0;
	padding: 5px;
}

.morganBoxPad {
	margin: 0;
	padding: 15px;
}

#wineeventcontent {
	margin: 0;
	padding: 5px 20px 5px 60px;
	width: 400px;
	clear: left;
	vertical-align: top;
}

.pullQuoteLeft {
	width: 200px;
	float: left;
	margin: 0 5px 0 0;
	padding: 5px 5px 5px 7px;
	/*background-color: #D4D4D4; silver*/
	background-color: #F3EFF0;
	font: italic .9em Arial, Helvetica, sans-serif;
}

.pullQuoteRight {
	width: 200px;
	float: right;
	margin: 0 0 0 5px;
	padding: 5px 7px 5px 5px;
	/*background-color: #D4D4D4; silver*/
	background-color: #F3EFF0;
	font: italic .9em Arial, Helvetica, sans-serif;
}

.pullQuoteAttribution {
	margin: 0 0 0 5%;
	padding: 5px 0 0 0;
}

.reprintedfrom {
	font: italic 1em Arial, Helvetica, sans-serif;
	padding: 5px 50px 5px 200px;
	clear: left;
}

.attribution {
	margin: 0 0 0 15%;
	padding: 0;
}

.intAttribution {
	font-weight:bold;
}
	
.linkspagephoto {
	clear: left;
	margin: 10px 10px 10px 1px;
	border: 0;	
}

.mainphotoleft {
	float: left;
	margin: 10px 10px 10px 1px;
	border: 0;	
}

.mainphotoright {
	float: right;
	margin: 10px 1px 10px 10px;
	border: 0;	
}

.mainphotocentered {
	float: left;
	margin: 10px 50px 4px 50px;
	border: 0;	
}

.wineeventphotoleft {
	text-align: center;
	margin: 10px 10px 10px 20px;
	border: 0;	
}

.caption {
	clear: left;
	margin: -20px 0px 10px 1px;
}

.caption2 {
	clear: left;
	margin: 20px 0px 10px 1px;
}

.caption3 {
	text-align: center;
	margin: -10px 0px 10px 10px;
	font: bold 10pt Arial, Helvetica, sans-serif;
}

.caption4 {
	clear: left;
	margin: 0px 0px 10px -40px;
	font: bold 12pt Arial, Helvetica, sans-serif;
}

.intro {
	font: italic 1em Arial, Helvetica, sans-serif;
	padding: 5px 5px 0px 5px;
	clear: left;
	margin: 0;
}

.attribution {
	margin: 0 0 0 15%;
	padding: 0;
}

#rosalieNavList {
	border-bottom: 0 solid #000;
	border-top: 0 solid #000;
	margin: 0;
	background-color: #FFF6F7;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 2px 0 0;
	height: 18px;
}

#rosalieNavList li {
	padding-right: 4px;
	padding-left: 4px;
	display: inline;
	font-size: 11px;
}

#rosalieNavList a, #rosalieNavList a:link, #rosalieNavList a:visited {
	border: 0 solid #000;
	padding-right: 1px;
	padding-left: 0;
	color: #000;
	font-weight: bold;
	font-size:11px;
	text-decoration: underline;
}

#rosalieNavList a:hover, #rosalieNavList a:active, #rosalieNavList a:focus {
	border: 0 solid #FFF;
	padding-right: 1px;
	padding-left: 0;
	color: #96B6DF;
	text-decoration: underline;
}

#bMorganTopNavBar {
	text-align: center;
	background-color: #0C4588;
	padding: 0 0 2px 0;
	margin: 0;
}

#bMorganNavList {
/*	border-bottom: 0 solid #000;
	border-top: 0 solid #000;*/
	border: 0 solid #000;
	margin: 0;
	background-color: #0C4588;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 2px 0 0;
	height: 18px;
}

#bMorganNavList li {
	padding-right: 8px;
	padding-left: 8px;
	display: inline;
	font-size: 11px;
}

#bMorganNavList a, #bMorganNavList a:link, #bMorganNavList a:visited {
	border: 0 solid #FFF;
	padding-right: 1px;
	padding-left: 0;
	color: #FFF;
	font-weight: bold;
	font-size:11px;
	text-decoration: underline;
}

#bMorganNavList a:hover, #bMorganNavList a:active, #bMorganNavList a:focus {
	border: 0 solid #FFF;
	padding-right: 1px;
	padding-left: 0;
	color: #96B6DF;
	text-decoration: underline;
}

.funding {
	text-align:center;
	font: italic .9em Arial, Helvetica, sans-serif;
	padding: 15px 100px 5px 120px;
}

.resources  {
	width: 200px;
	float: right;
	margin: 0 2px 0 5px;
	padding: 3px 3px 3px 5px;
	background-color: #F3EFF0;
	font: .9em Arial, Helvetica, sans-serif;
}

.resources P {
	padding: 0 0 3px 0;
	margin: 0;
	font-weight: bold;
}

.resources H4 {
	padding: 0 0 4px 0;
	margin: 0;
}

.photolist {
	list-style-type: none;
}

.photolist li {
	float: left;
	padding: 4px 5px 20px 5px;
	margin: 0 0 0 2%;
	font: normal .8em Arial, Helvetica, sans-serif;
	width: 90px;
	/*width: 15%;*/
	text-align: center;
	border: 1px solid silver;
}

.photolist img {
	display: block;
	border: 0;
}

.photolistrow {
	clear: left;
	width: 100%;
}

.photoDiv {
	max-width: 300px;
	width: expression(document.body.clientWidth < 252? "250px" : document.body.clientWidth > 298? "300px": "auto"); /*Hack to make max-width work in IE*/
	/*float: left;*/
	text-align:center;
	background: #FFF;
	padding: 6px 6px 3px 6px;
	margin-right: 6px;
	margin-bottom: 15px;
	border: thin solid silver;
	/*clear: both;*/
}

.photoDiv200 {
	max-width: 200px;
	width: expression(document.body.clientWidth < 202? "200px" : document.body.clientWidth > 198? "200px": "auto"); /*Hack to make max-width work in IE*/
	/*float: left;*/
	text-align:center;
	background: #FFF;
	padding: 6px 6px 3px 6px;
	margin-right: 6px;
	margin-bottom: 15px;
	border: thin solid silver;
	/*clear: both;*/
}

.photoDiv150 {
	max-width: 150px;
	width: expression(document.body.clientWidth < 152? "150px" : document.body.clientWidth > 148? "150px": "auto"); /*Hack to make max-width work in IE*/
	/*float: left;*/
	text-align:center;
	background: #FFF;
	padding: 6px 6px 3px 6px;
	margin-right: 6px;
	margin-bottom: 15px;
	border: thin solid silver;
	/*clear: both;*/
}

.photoDiv img{
	/*width: 100%;*/
	max-width: 300px;
	width: expression(this.Width < 252? "250px" : /*this.Width > 298? "300px":*/ "auto"); /*Hack to make max-width work in IE*/
}

.photoDiv200 img{
	/*width: 100%;*/
	max-width: 200px;
	width: expression(this.Width < 202? "200px" : /*this.Width > 298? "300px":*/ "auto"); /*Hack to make max-width work in IE*/
}

.photoDiv150 img{
	/*width: 100%;*/
	max-width: 150px;
	width: expression(this.Width < 152? "150px" : /*this.Width > 298? "300px":*/ "auto"); /*Hack to make max-width work in IE*/
}

.photoDiv p {
	width: 100%;
	font-style:normal;
	font-size:11px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.photoDiv200 p {
	width: 100%;
	font-style:normal;
	font-size:11px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.photoDiv150 p {
	width: 100%;
	font-style:normal;
	font-size:11px;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* figure-divs and their supporters */
/* From Scalable CSS Figures (and captions) http://rjohara.net/server/css-figures-captions/ */

div.figure {
max-width: 200px;
padding: 7px; 
margin: 0.67em auto; /* needed to support centering of almost-full-width figures */
border: thin solid silver;
}

div.figure img { width: 100%; }

div.figure p { /* the default "legend" style, as opposed to "caption" */
font-family: verdana, arial, sans-serif;
font-size: smaller;
padding-left: 1%;
padding-right: 1%;
line-height: 1.1;
margin: 0.25em auto 0 auto;
}
div.figure p.caption { text-align: center; }
/* "caption" for short phrases; "legend" (default) is for continuous prose */

.full { width: 90%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.seventyfive { width: 75%; padding: 10px; margin: 0.5em 0.67em; }
.seventythree { width: 73%; padding: 10px; margin: 0.5em 0.67em; }
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.forty { width: 40%; padding: 10px; margin: 0.5em 0.67em; }
.fortyfive { width: 45%; padding: 10px; margin: 0.5em 0.67em; }
.thirtyfive { width: 36.5%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.thirty { width: 30%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.right { float: right; margin-left: 2%; }
.left { float: left; margin-right: 2%; }

/* end figure-divs */