/*
Title: MDSW Website Page CSS
Author: B. Schmidt
Last Update: 2009_03_26

Revised: Winston Riley 12/09

Notes: 

This is a transitional CSS file, including styles that had been incorporated into 
the .html files in version 00 of the MDSF website.

This site makes use of the excellent FamFamFam icon set, which you can find at: http://www.famfamfam.com/ 
*/

/* reset the document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,form,fieldset,p,span,blockquote,table,th,td {  
	margin:0; 
	padding:0;
}
body{
	font-size: 62.5%;
	font-family: Tahoma, Arial, "Bitstream Vera Sans", sans-serif;
}

/* BEGIN header */
div.header{
	background-color: #000;
}
div.header a{

}
div.header a img{
	border: none;
}
div.header div.navigation{ margin: 1em 3em; position: absolute; top: 1em; right: 1em; }
div.header div.navigation ul{
	list-style: none;
}
div.header div.navigation ul li{
	display: inline;
	border-right: 1px solid #AAA;
}
div.header div.navigation ul li a{
	padding: 0 0.5em 0 2em;
}
div.header div.navigation ul li.location a{
	background: url(../images/icon_map.png);
	background-repeat: no-repeat;
	background-position: 0.25em 50%;
}
div.header div.navigation ul li.contact a{
	background: url(../images/icon_email.png);
	background-repeat: no-repeat;
	background-position: 0.25em 50%;
}
div.header div.navigation ul li.sitemap a{
	background: url(../images/icon_sitemap_color.png);
	background-repeat: no-repeat;
	background-position: 0.25em 50%;
}
div.header div.navigation ul li.last{
	border: none;
}
div.header div.navigation ul li a{
	color: #FFF;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}

/* BEGIN main navigation */
div.main_nav div.navigation{
	text-align: center;
	background-color: #9C6;
	border-top: 1px solid #D6FEAC;
	/* border-bottom: 1px solid #444; */
	float: left;
	background-image: url(../images/bg_line_h_gray.png);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
}
div.main_nav div.navigation_00{
	background-color: #9C6;
	border-top: 1px solid #D6FEAC;
	/* border-bottom: 1px solid #444; */

	background-image: url(../images/bg_line_h_gray.png);
	background-repeat: repeat-x;
	background-position: bottom;
	line-height: 3em;
	font-size: 1.2em;
	padding: 0 0 0 2em;
}
div.main_nav div.navigation_00 a{
	line-height: 2em;
}
div.main_nav div.navigation ul{
	float:left;
	list-style-type: none;
	padding-left: 1.5em;
}
div.main_nav div.navigation ul li{
	display: block;
	float: left;
}
div.main_nav div.navigation ul li a{
	padding: 0.75em 1em;
	border-left: 1px solid #DDD;
	border-right: 1px solid #666;
	font-size: 1.2em;
	font-weight:bold;
	display: block;
	white-space: nowrap;
}
div.main_nav div.navigation ul li.first{
	border-left: 1px solid #666;
}
div.main_nav div.navigation ul li.store a{
	background-color: #B7C9E9;
	padding-left: 2.2em;
	background-image: url(../images/icon_cart_go.png);
	background-repeat: no-repeat;
	background-position: 0.5em 50%;
	margin-bottom: 1px;
}
div.main_nav div.navigation ul li.store a:hover{
	background-color: #D5E9FF;
}
div.main_nav div.navigation ul li a span.ornament{
	font-weight: normal;
}
div.main_nav div.navigation ul li.last{
	border-right: 1px solid #DDD;
}
div.main_nav div.navigation ul li.selected a{
	background-color: #FFF;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}
div.main_nav div.navigation ul li.selected a:hover{
	background-color: #FFF;
}
div.main_nav div.navigation ul li a:hover{
	background-color: #D6FEAC;
}


/* BEGIN main */
div.main{

}

div.main div.notice{
	margin: 1em;
	border: 1px solid orange;
	background: #FFFEDE;
}
div.main div.notice h2{
	margin: 1em 1em 0.5em 1em;
}
div.main div.notice h2{
	font-size: 1.5em;
}
div.main div.notice p{
	margin: 0.5em 1.5em;
}
div.main div.notice p.first{
	font-family: Georgia, "Bitstream Vera Serif", serif;
	font-size: 1.6em;
	color: #332210;
	font-style: italic;
}

/* BEGIN content */

/* layout */
div.onecolumn div.content{
	margin: 0 auto;
	padding-top: 3em;
	padding-left:2em;
}
div.twocolumn div.content{
	float: left;
	width: 55%;
	min-width: 400px;
	margin: 3em 1em 3em 0;
	padding-left:2em;
}
div.twocolumn div.aside{
	float: left;
	width: 35%;
	min-width: 200px;
	margin: 10em 1em 3em 1em;
}
div.twocolumn div.aside div.vevent{
	margin-left: 0;
}
div.twocolumn div.titlepageaside{
	margin-top: 3em;
}
/* common styles */
div.content h1,h2,h3,h4,h5{
	font-family: Times, "Times New Roman", serif;
	margin-bottom: 0.5em;
	color: #332210;
	text-transform: uppercase;
}
div.content h1{
	margin-bottom: 0.5em;
	font-family: "Goudy Old Style", Times, "Times New Roman", serif;
	font-weight: bold;
	font-size: 2.4em;
	color: #332210;
	text-transform: uppercase;
	margin-left: 1em;
}
div.content h1 span.ornament{
	font-family: "Goudy Old Style", Times, "Times New Roman", serif;
	font-style: italic;
	font-weight: normal;
}
div.content h2{
	margin-top: 1.5em;
	font-size: 1.5em;
	border-bottom: 1px solid #CCC;
	margin-left: 0;
	padding-left: 0;
}
div.content h3{
	margin-top: 1em;
	margin-left: 2em;
	padding-left: 0;
	font-size: 1.5em;
}
div.content h4{
	margin-top: 1em;
	margin-left: 2em;
	padding-left: 0;
	font-size: 1.5em;
	text-transform: capitalize;
}
div.content p{
	font-size: 1.4em;
	margin-bottom: 0.5em;
	margin: 1em 5%;
	width: 80%;
}
div.content p.intro{
	margin-left: 0;
	margin-top:0;
	font-size: 1.6em;
	font-family: "Goudy Old Style", Georgia, "Bitstream Vera Serif", serif;
	width: 100%;
}
div.content p.first{
	font-family: Georgia, "Bitstream Vera Serif", serif;
	font-size: 1.6em;
	color: #332210;
	font-style: italic;
}
a.pdf{
	padding-left: 1.5em;
	background-image: url(../images/icon_page_white_acrobat.png);
	background-repeat: no-repeat;
}
div.content a.external{
	padding-left: 1.2em;
	background-image: url(../images/icon_bullet_go.png);
	background-repeat: no-repeat;
}
span.label{
	padding: 0 0.25em 0 1em;
	color: #666;
}
span.title{
	font-weight: bold;
}
/*lists*/
div.content ul.links{
	list-style-type: none;
	font-size: 1.2em;
	margin: 0 0 0 2em;
	padding: 0;
}
div.content ul.links li a{
	padding-left: 1.5em;
	background-image: url(../images/icon_bullet_orange.png);
	background-repeat: no-repeat;
	line-height: 2em;
}
div.content ul.links li.last{
	margin-bottom: 1em !important;
}
div.content ul.links li ul,
div.content ul.links li ul li ul{
	list-style-type: none;
	margin: 0 0 0 2em;
	line-height: 2em;
	padding: 0;
}
div.content ul.links li ul li a,
div.content ul.links li ul li ul li a{
	padding-left: 1.5em;
	background-image: url(../images/icon_bullet_orange.png);
	background-repeat: no-repeat;
}
/*one column styles */
div.onecolumn div.content h2{
	margin-left: 4em;
}
div.onecolumn div.content p{
	margin-left: 5em;
}
div.onecolumn div.content p.first{
	margin-left: 3em;
}
div.onecolumn div.content ol,
div.onecolumn div.content ul,
div.onecolumn div.content dl{
	margin-left: 6em;
}
div.onecolumn div.content p.notebullet{
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	background-image: url(../images/icon_bullet_orange.png);
	background-repeat: no-repeat;
}
div.content p a.paid{
	margin-bottom: 0;
	padding-left: 1.5em;
	background-image: url(../images/icon_money.png);
	background-repeat: no-repeat;
}
div.onecolumn div.content p.last{
	margin-bottom: 2em !important;
}
div.onecolumn div.content p.note{
	padding-left: 1.5em;
	background-image: url(../images/icon_bullet_orange.png);
	background-repeat: no-repeat;
	background-position: 0.25em top;
}
/*two column styles*/
div.twocolumn div.content h2{
	margin-left: 1.5em;
	width: 90%
}
div.twocolumn div.content p.notebullet{
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	background-image: url(../images/icon_bullet_orange.png);
	background-repeat: no-repeat;
}
div.twocolumn div.content p.last{
	margin-bottom: 2em !important;
}
/* titlepage */
div.titlepage h1{
	text-align: center;
	margin-left: 0;
}
div.titlepage p{
	margin-left: 0;
	width: 100%;
}
div.titlepage p.detailsintro{
	font-size: 1.4em;
	margin-bottom: 0.5em;
	margin-left: 0;
	font-family: "Goudy Old Style", Times, "Times New Roman", serif;
	text-align: center;
	display: block;
}
div.titlepage p.details{
	font-size: 1.4em;
	margin-bottom: 0.5em;
	margin-left: 0;
	font-family: "Goudy Old Style", Times, "Times New Roman", serif;
	text-transform: uppercase;
	text-align: center;
}
div.titlepage p.intro{
	text-align: justify;
	margin-right: 0;
	width: 100%;
}
div.titlepage p span.sun{
	display: block;
	margin: 0.5em;
	font-size: 1.2em;
	text-align: center;
	font-family: serif;
	color: #332210;
}

/* breadcrumb */
div.content div.breadcrumb{
	margin: 0 2em 2em 2em;
	font-size: 1.2em;
}

/* illustrations, photographs */
div.content div.illustration{
	text-align: center;
	margin-bottom: 1em;
}
div.content div.adv img{
	padding: 2em;
	border: 1px solid #CCC;
}
div.content p img.art_img { background-color: #d6feac; margin-right: 20px; margin-bottom: 20px; border: solid 2px #5c5b5b; }
div.content table.signatures{
	margin: 3em 6em;
}
div.content p.signature{
	margin: 0;
}
div.map{
	margin: 3em 9em;
}
/* hcard, hcard */
div.content div.vcard,
div.aside div.vcard{
	font-size: 1.2em;
	margin: 1em 3em;
}
div.content div.vcard div.tel,
div.aside div.vcard div.tel{
	margin-top: 1em;
}
div.onecolumn div.content div.vcard,
div.twocolumn div.content div.vcard,
div.aside div.vcard{
	border: 1px solid #CCC;
	margin: 2em 2em 2em 8em;
	padding: 1em;
	width: 40%;
}
div.onecolumn div.content div.vcard{
	
}
/* lists */
div.content ul.checklist,
div.content ol.checklist{
	margin: 1em 3em;
	font-size: 1.4em;
}
div.content ul.numbered{
	list-style: none;
}
div.content ol.checklist ul,
div.content ol.checklist ol,
div.content ul.checklist ul,
div.content ul.checklist ol{
	margin: 1em 3em;
	font-size: 1em;
}
div.content ol.checklist ol.checklist ol.checklist{
	list-style: lower-alpha;
}
div.content ul.checklist li,
div.content ol.checklist li{
	margin-bottom: 0.5em;
}
/* tables */
div.content table.results{
	font-size: 1.4em;
	margin: 1em 1em 1em 5em;
	width: 80%;
}
div.content table.results caption{
	font-size: 1.2em;
	padding: 1em 0;
}
div.content table.results thead tr th{
	text-align: left;
	font-weight: normal;
	background-color: #493518;
	color: #F0BC3A;
	padding: 0.75em;
	border-left: 1px solid #6A522D;
	border-bottom: 1px solid #796645;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}
div.content table.results thead tr th.first{
	background-image: url(../images/bg_left_corner.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-left: none;
}
div.content table.results thead tr th.last{
	background-image: url(../images/bg_right_corner.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div.content table.results tbody tr th{
	text-align: left;
	font-weight: normal;
	background-color: #E3DED4;
	border-right: 1px solid #CCC;
	border-top: 1px solid #44351D !important;
	border-bottom: 1px solid #FFF;
	font-size: 0.9em;
}
div.content table.results tbody tr td.vendor{
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
}
div.content table.results td.score{
	text-align: right;
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	text-transform: lowercase;
}
div.content table.results td.location{
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
}
div.content table.results td.breed{
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
}
div.content table.results tbody td.last{
	border-right: 1px solid #CCC;
}
div.content table.results tbody td,
div.content table.results tbody th{
	padding: 0.75em;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
div.content table.results tbody tr.last td{
	border-bottom: 1px solid #CCC;
}
div.content table.results tfoot td{
	font-weight: bold;
}
div.content table.results thead th.currency,
div.content table.results tbody td.currency{
	text-align: right;
}
div.content table.photo thead tr th{
	border-left: none;
}
div.content table.photo tbody tr td{
	text-align: center;
}
div.content table.photo tbody tr td.caption{
	font-size: 1em;
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	color: #333;
}
div.content table.photo tbody tr td.caption span{
	font-weight: bold;
}
div.content div.legend{
	margin-left: 2em;
	font-size: 1.2em;
	padding-left: 2em;
	background-image: url(../images/icon_star.png);
	background-position: 0.5em 50%;
	background-repeat: no-repeat;
}
div.content table.links{ font-size: 1.4em; width: 90%; margin: 1em 5%; }
div.content table.links caption{
	font-size: 1.2em;
	padding: 1em 0;
}
div.content table.links thead tr th{
	text-align: left;
	font-weight: normal;
	background-color: #493518;
	color: #F0BC3A;
	padding: 0.75em;
	border-bottom: 1px solid #796645;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}
div.content table.links thead tr th.location{
	border-left: 1px solid #6A522D;
}
div.content table.links tbody{	
	border-bottom: 1px solid #CCC;
}
div.content table.links tbody tr th{
	text-align: left;
	font-weight: normal;
	background-color: #E3DED4;
	border-right: 1px solid #CCC;
	border-top: 1px solid #44351D !important;
	border-bottom: 1px solid #FFF;
	font-size: 0.9em;
}
div.content table.links thead tr th.first{
	background-image: url(../images/bg_left_corner.png);
	background-repeat: no-repeat;
	background-position: left top;
}
div.content table.links thead tr th.last{
	background-image: url(../images/bg_right_corner.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div.content table.links tbody tr.new td.vendor{
	padding-left: 2em;
	background-image: url(../images/icon_star.png);
	background-position: 0.5em 50%;
	background-repeat: no-repeat;
}
div.content table.links tbody tr td.vendor{
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
}
div.content table.links tbody tr td.location{
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	text-transform: uppercase;
	white-space: nowrap;
	border-right: 1px solid #CCC;
}
div.content table.links tbody tr td.location span.ornament{
	padding-left: 0.5em;
	padding-right: 0.5em;
}
div.content table.links tbody tr td,
div.content table.links tbody tr th{
	padding: 0.75em;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
div.content table.links tbody tr.last td{
	border-bottom: 1px solid #CCC;
}
div.content table.results tfoot td{
	font-weight: bold;
}
div.content table.form tbody tr td.first{
	width: 30%;
}
div.content table.form tbody tr td.short{
	width: 15% !important;
}
div.content table.form tbody tr td.middle{
	width: 50%;
}
div.content table.form tbody tr td.first{
	text-align: right;
}
div.content table.form tbody tr td span.instruction{
	color: RED;
}
div.content table.form tbody tr.subsection td{
	border-top: 2px solid #999;
}
/* END content */

/* begin VEVENT */
	div.vevent{
		margin: 1em 8em 1.5em 8em;
		padding-left: 3em;
		background-image: url(../images/icon_date.png);
		background-repeat: no-repeat;
		background-position: top left;
	}
	div.vevent div.url a.nolink{
		text-decoration: none;
		color: #000;
	}
	div.vevent div,
	div.vevent abbr{
		font-weight: normal;
		font-size: 1.3em;
		line-height: 1.6em;
	}
	div.vevent abbr.dtstart,
	div.vevent abbr.dtend{
		font-variant: small-caps;
	}
	div.vevent div.location{
		display: inline;
	}
	div.vevent div.description{
		font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	}
div.vevent .event_emp { font-size: 1.2em; border-bottom: 1px dotted #000; }
/* end ARTICLE VEVENT */

/* BEGIN aside */
div.aside{
	padding-left: 2em;
	border-left: 1px solid #CCC;
}
div.aside h1{
	text-align: left;
	font-family: Tahoma, Arial, "Bitstream Vera Sans", sans-serif;
	font-weight: normal;
	text-transform: capitalize;
	font-size: 2em;
	margin-bottom: 0.5em;
}
div.aside h2{
	font-size: 1.5em;
	border-bottom: 1px solid #CCC;
	margin-left: 0;
	padding-left: 0;
}
div.aside h2.first{
	margin-top: 1em;
}
div.aside h2.last{
	
}
div.aside p{
	font-size: 1.4em;
	line-height: 1.4em;
	margin-left: 0.5em;
	margin-bottom: 1em;
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
}
div.aside p.last{
	margin-bottom: 1em !important;
}
div.aside p.note{
	padding-left: 1.5em;
	background-image: url(../images/icon_bullet_orange.png);
	background-repeat: no-repeat;
	background-position: 0.25em 50%;
}
div.aside p.notebullet{
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	background-image: url(../images/icon_bullet_orange.png);
	background-repeat: no-repeat;
	background-position: 0.25em 50%;
}
div.aside p span.ornament{
	padding-left: 0.5em;
}
div.aside p span.ornament{
	padding-left: 0.5em;
	color: #332210;
}
div.aside p em{
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
}
div.aside div.morelink{
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0.5em;
	text-align: right;
}
div.content p span.editLabel, div.aside p span.editLabel { font-size: 0.8em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

div.aside p.cost{ font-size: 1.2em; background-image: url(../images/icon_money.png); background-repeat: no-repeat; margin-top: 1em; margin-bottom: 1.5em; margin-left: 0; padding-left: 2.5em; }
div.aside p.enrollment { font-size: 1.2em; background-image: url(../images/icon_group.png); background-repeat: no-repeat; margin-top: 1em; margin-bottom: 1.5em; margin-left: 0; padding-left: 2.5em; }
/* END aside */

/* BEGIN footer */
div.footer{
	border-top: 1px solid #666;
	clear: both;
	margin-top: 2em;
	line-height: 3em;
	background: url(../images/bg_gradient_h_gray.png);
	background-repeat: repeat-x;
	padding: 1em;
}
/* END footer */

