/* Styles for lotusgardens.org 2008-09 */

html { background: #fff; margin-bottom: 0 0 50px 0; }

body { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .82em;
	text-align: center;
	color: #282828;
	margin: 0; 
	padding: 0; 
	background-color: #CFD9DA;
}	

div { text-align: left; }

/* ########## Psuedo classes ########## */

a:link, a:visited, a:hover, a:active, a:selected { }
a:link  { color: #069; background-color: transparent; }
a:visited { color: #069;  background-color: transparent; }
a:hover { color: #c60; background-color: transparent; }
a:active { color: #069; background-color: transparent; }
a:selected { }

/* ########## General sitewide text styles ########## */

p, p.default { 
	font-size: 89%;
	line-height: 1.6em;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}
blockqoute { margin: 0 0 0 15px; font-family: font-family: verdana, arial, helvetica, sans-serif; }

.prompt { font-size: .79em; margin: 0 0 15px 0; padding: 0; }
.webbienote { color: red; font-weight: bold; }

div.dashedline { height: 1px; border-bottom: 1px dashed #ccc; margin: 10px 0; }
div.dottedline { height: 1px; border-bottom: 1px dotted #ccc; margin: 10px 10px 10px 0; }

h1,h2,h3,h4,h4,h5 { text-align: left; font-weight: normal; }
h1 { visibility: hidden; }
h2 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.9em; font-weight: normal; color: #660000; margin: -2px 15px 15px 0; padding: 0; }
h2.smaller { font-size: 1.3em; margin-top: 0; margin-bottom: 20px; font-style: normal; color: #666; }
h2.home { font-family: verdana, arial, helvetica, sans-serif; font-size: .90em; font-weight: bold; color: #333; margin: 0 0 5px 0; padding: 3px; background: #eee; width: 97%; }
/*h2.home { font-family: verdana, arial, helvetica, sans-serif; font-size: .90em; font-weight: bold; color: #333; margin: 0 0 5px 0; padding: 3px; background: #eee; width: 97%; }*/
h3 { font-size: 1.2em; line-height: 1.4em; font-weight: bold; color: #666; }
h3.hug { font-size: .90em; font-weight: bold; color: #510000; margin: 5px 0 2px 0; padding: 0; }
h4 { font-size: .90em; font-weight: bold; color: #990000; margin: 10px 0 2px 0; padding: 0; }
h5 { font-size: 1.1em; font-weight: bold; margin: 0 0 5px 0; }
h6 { font-size: .69em; font-weight: bold; margin-bottom: 2px;  text-align: left; }

/* ================== Definition List ================ */
dl { 	
	margin: 20px 20px 20px 0;
	padding: 0;
	color: #333;
	font-size: .82em;
	line-height: 1.3em;
	text-align: left;
}

dl img { 
	margin: 3px 10px 0 0; 
	border: 1px solid #666; 
	text-decoration: none; 
	border: none; 
}

dt { 
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: normal;
	color: #510000;
}

dt span { font-weight: bold; }

dd { 
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	padding-bottom: 10px;
}

dd span { 
	font-weight: bold; 
	color: #666; 
	margin-bottom: 5px; 
}

dd img { 
	margin: 8px 0 0 0; 
	border: 1px solid #666; 
	text-decoration: none; 
	border: none;
}


/* ================== Bulleted list which uses a graphic bullet image ================ */
ul.bulletlist { 
	margin: 0 0 20px 15px;
	padding: 0;
	text-align: left;
}
ul li.bulletlist { 
	margin: 0 0 4px 0;
	padding: 0;
	font-size: .82em;
	list-style-image: url(/images/graphics/bullet_gray.gif);
}

/* ================== Ordered list =================================================== */
ol { 
	margin: 0 0 20px 20px;
	padding: 0;
	text-align: left;
}
ol li { 
	margin: 0 0 10px 0;
	padding: 0;
	font-size: .90em;
	line-height: 1.2em;
}

/* ================== Lotus Garden printer-friendly page logo ===================================== */
#printlogo { display: none; float: left; margin: 0; padding: 0; width: 150px; }

/* ==================  Wraps the entire visible page ================================= */
#pagewrapper {
	width: 100%;
	min-width: 800px;
	margin: 0 auto -10px 0;
	text-align: center;
}

/* ================== Lotus Garden Banner ============================================ */
#bannerwrapper {
	width: 100%;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	background-color: #510000;
	text-align: center;
}

#banner { 
	width: 800px;
	height: 80px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #900; 
}

#minibannerwrapper { 
	width: 100%;
	margin: 0;
	padding: 0;
	height: 20px;
	background: #900;
}

#minibanner { 
	width: 800px;
	height: 20px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #900; 
}
/* ================== Wide photo displayed on most pages ============================== */	

#widephoto { 
	width: 800px;
	height: 200px;
	margin: 0 auto !important;
	padding: 0;
}

/* Colored bar to be displayed on forms in place of wide photos */
#nophotobar { 
	width: 100%;
	height: 15px;
	margin: 0 auto;
	padding: 0;
	background: #CC0000;
}

/* ================== Main site navigation ============================================*/

#sitenavwrapper {
	width: 800px;
	height: 20px;
	margin: 0 auto;
	padding: 3px 0 0 0;
	background: #510000;
	background: url(/images/graphics/sitenavbg.gif) repeat-x;
	text-align: center;
}

/* For most browsers */
#sitenav { 
	width: 800px;
	color: #fff;
	background: #510000;
	background: url(/images/graphics/sitenavbg.gif) repeat-x;	
	margin: 0 auto;
	padding: 0;
	font-size: .82em;
	text-align: center;	
}

/* IE hack top-margin for site nav. DO NOT REMOVE 
*html #sitenav { margin: 0 auto -3px auto; padding: 0; }*/

/* Non-IE browsers */
#sitenav ul { height: 20px; width: 800px; margin: 0 auto !important; padding: 0; text-align: center; }


/* IE Hack margin for site nav. DO NOT REMOVE  */ 
* html #sitenav ul { width: 760px; padding: 0 20px 0 0;} 

#sitenav li { 	
	display: inline;
	margin: 0 13px 0 0; 
	padding: 0;
	list-style-type: none;
}

#sitenav li.last { border-right: none !important; }

#sitenav li a { 
	margin: 5px 9px 0 8px; 
	font-weight: bold;
	background-color: transparent;
	color: #fc6;
	text-decoration: none;
	border-bottom: none;	
	background: transparent;
}

#sitenav ul li a:hover { 
	font-weight: bold;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}

#sitenav ul li a.selected { 
	color: #fff;
} 

/* ================== HOME PAGE ====================== */

/* === Wraps the content area of the entire home page === */

#homecontentwrapper {
	width: 800px;
	/*min-height: 600px;*/
	margin: 0 auto;
	padding: 15px 0 0 0;
	background-color: #fff;
}

/* === Bundles News and Programs listing areas === */

#homecontent {
	float: left;
	width: 600px;
	/*min-height: 600px;*/
	margin: 0;
	padding: 0;
	background-color: #fff;
}

/* === Descriptive Call-out just under the top navigation bar === */

#homecallout { 
	margin: 0 15px 15px 15px;
	padding: 0;
	width: 95%;
	color: #282828;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	text-align: left;
}

#specialannounce { 
	margin: 0 15px 15px 15px;
	padding: 0;
	width: 95%;
	color: #282828;
	font-size: .82em;
	line-height: 1.2em;
	font-weight: normal;
	text-align: left;
}


/* === News and Announcements area === */

#homenews {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0 5px 0 15px;
	border-right: 1px solid #eee;
}

#homenews p { font-size: .82em; line-height: 1.4em; }

#homenews dl {
	width: 300px;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: .82em;
	line-height: 1.3em;
	text-align: left;
}

#homenews dl img {
	float: left;
	margin: 3px 10px 0 0;
	padding: 0;
	border: 1px solid #999;
	height: 75px;
}

#homenews dt {
	margin: 0 0 2px 0;
	padding: 0;
	font-weight: normal;
	color: #666;
}

#homenews dd {
	margin: 0 0 15px 0;
	padding: 0;
}

/* === Program area === */

#homeprograms {
	/* value for all browsers */
	float: right;
	width: 234px;
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #eee;
}

/* IE Hack to adjust margins for programs area. DO NOT REMOVE */
* html #homeprograms {
	/* value for IE only */
	position: absolute;
	width: 234px;
	margin: 0 300px 0 0;
	padding: 0 10px;
}

#homeprograms dl {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: .82em;
	line-height: 1.3em;
	text-align: left;	
}

#homeprograms dt {
	margin: 0 0 2px 0;
	padding: 0;
	font-weight: normal;
	color: #666;
}

#homeprograms dd {
	margin: 0 0 10px 0;
	padding: 0;
}

#homeprograms dd span {
	font-weight: bold;
}

/* ==== Home Page Right Side Bar Area === */

/* Value for all other browsers except IE */
#homesidebar{
	float: right;
	width: 179px;
	margin: 8px 0 0 0;
	padding: 0 10px;
}

/* IE Hack to adjust margin for sidebar. DO NOT REMOVE */
* html #homesidebar {
	/* value for IE only*/ 
	position: absolute;
	width: 179px;
	margin: 7px 0 0 -10px;
	padding: 0 10px 0 0;
}

#homesidebar img {
	margin: 0;
}

#homedonation {
	font-size: .82em;
	line-height: 1.2em;
	margin: 0 0 5px 0;
	padding: 0;
}

#homecontact {
	font-size: .82em;
	line-height: 1.2em;
	margin: 10px 0 20px 0;
	padding: 0;
}


/* ======================== Display of auspicious day ====================*/

#homesidebar #practicealert {
	width: 180px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	border: 1px solid #ccc;
	background: #eee;
	height: 75px;
}

/*#practicealert p {
	font-size: .79em;
	line-height: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#practicealert p span {
	font-size: .75em;
	margin: 0;
	padding: 0;
}*/

#homesidebar #practicealert img { 
	margin: 0; 
	padding: 0;
	border: 1px solid #999;
}



/* address info which appears on all pages and is called as an include */
#contactinfo {
	position-absolute;
	margin: 100px 0 20px 10px;
	padding: 0;
	font-size: .79em;
	line-height: 1.2em;
	font-weight: bold;
	text-align: left;
}


/* ======================= SECTION (SUB) PAGES WITH LEFT NAVIGATION ================= */

/* Section content area */
#sectioncontentwrapper {
	width: 1024px;
	/*height: 100%;*/
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: #fff;
	background: url(/lotusnews/images/graphics/page_bg.gif) top left repeat-y;
}


/* Section navigation area */
#sectionnav {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}

#sectionnav ul {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

#sectionnav ul li {
	color: #666;
	font-size: .79em;
	/*line-height: 1.1em;*/
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 2px 7px;
	background: #E9E9E9;
	text-decoration: none;
	border-bottom: none;
}

#sectionnav ul li a {
	color: #666;
	text-decoration: none;
	border-bottom: none;	
}

#sectionnav ul li a:hover {
	color: #c30;
	text-decoration: none;
	border-bottom: none;
}

#sectionnav ul li a.selected {
	color: #0066CC;
	text-decoration: none;
	border-bottom: none;	
}

#sectionnav ul li span { font-weight: normal; }

/* second level navigation */
#sectionnav ul li ul {
	color: #666;
	background: #E9E9E9;	
	font-size: 1.2em;
	line-height: 1.5em;
	list-style-type: none;
	margin: 3px 0 0 0;
	padding: 0;
	text-decoration: none;
	border-bottom: none;
}	

#sectionnav ul li ul li {
    height: auto;
	line-height: 1.5em;
	font-weight: normal;
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 1px 3px 2px 15px;
	background: #eee;
	text-decoration: none;
	border-bottom: none;
}

#sectionnav ul li ul li a {
	height: 15px;
	color: #666;
	text-decoration: none;
	border-bottom: none;
}

#sectionnav ul li ul li a:hover {
	height: 15px;
	color: #c30;
	text-decoration: none;
	border-bottom: none;
}

#sectionnav ul li ul li a.selected2 {
	height: 15px;
	color: #06c;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}

/* Related/more info links*/
#sectionnav #extralinks { margin: 30px 0 0 0; padding: 0; }
#sectionnav #extralinks h4 { font-size: .75em; margin: 0 0 3px 5px; }
#sectionnav #extralinks ul { margin: 0 5px 0 5px; }
#sectionnav #extralinks ul li { line-height: 1.1em; background: none; margin: 0 0 5px 0; padding: 0; font-weight: normal; text-decoration: underline !important; }
#sectionnav #extralinks ul li a { line-height: 1.1em; background: none;  margin: 0 0 5px 0; padding: 0; font-weight: normal; text-decoration: underline !important; }


/* Section page content area */
#sectioncontent {
	float: right;
	width: 570px;
	margin: 0;
	padding: 0 0 0 20px;
	background: #fff;
}


#sectioncontentwide {
	float: left;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 20px 0 0;
	background: #fff;
}

/* Expansion 2009 pages */
	#sectioncontent #letter { float: left; width: 400px; }
	#sectioncontent #letter p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; color: #333; }
	#sectioncontent #projectnav { float: right; width: 140px; padding: 10px; background: #fff; }
	#sectioncontent #projectnav #buttons { width: 143px; margin: 0 auto; padding: 3px; background: #eee; }
	#sectioncontent #projectnav #buttons img, #sectioncontent #buttons img a { border: none !important; text-decoration: none; margin: 0 0 3px 0; }
	#sectioncontent #buttons_subpage { float: right; width: 150px; margin: 5px 20px 10px 15px; padding: 2px 0px 2px 2px; background: #eee; }
	#sectioncontent #buttons_subpage img, #sectioncontent #buttons_subpage img a { border: none !important; text-decoration: none; margin: 0 auto; }
	#sectioncontent	#projectnav img { }
	#sectioncontent #projectnav ul { float: right; width: 110px; margin: 10px 10px 10px 0; background: #ccc; }
	#sectioncontent #projectnav ul li { list-style-type: none; font-size: .79em; line-height: 1.1em; font-weight: bold; margin: 0 0 5px 0; text-align: center; }
	#sectioncontent #projectnav ul li a { border-bottom: none !important; text-decoration: none !important; }
	#sectioncontent #projectnav ul li img { width: 100px; height: 67px; margin: 0 5px 0 2px;  }	
	#sectioncontent #projectnav ul li img a { border-bottom: none !important; text-decoration: none !important; }
/* ******************** */

#sectioncontent #programlist dl { 	
	margin: 0 20px 20px 0;
	padding: 0;
	color: #333;
	font-size: .82em;
	line-height: 1.4em !important;
	text-align: left;
}

#sectioncontent #programlist dl img { margin: 3px 10px 0 0; border: 1px solid #666; text-decoration: none; border: none; }

#sectioncontent #programlist  dt { 
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: bold;
	color: #510000;
}

#sectioncontent #programlist dd { 
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1.3em;
	padding-bottom: 10px;
	border-bottom: 1px dashed #666;
}

#sectioncontent #programlist dd span { font-weight: bold; color: #666; margin-bottom: 5px; }

#sectioncontent #programlist dd img { 
	margin: 8px 0 0 0; border: 1px solid #666; text-decoration: none; border: none;
}

#sectioncontent #programsummarybox { 
	float: right;
	width: 40%;
	margin: 0 20px 10px 10px;
	padding-left: 10px;
	border-left: 10px solid #FFCC33;
	font-size: .82em;
	color: #660000;
}
#programsummarybox h4 { 
width: 90%; background: #eee; padding: 2px; margin: 0 0 5px 0; border-bottom: 1px solid #999; }


}

#contact { margin: 0; padding: 0; }

#sectioncontent #contact dl {
	margin: 10px 0;
	padding: 0;
	color: #333;
	font-size: .79em;
	text-align: left;
}

#sectioncontent #contact dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#sectioncontent #contact dd {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1.3em;
}

#sectioncontent p.quote { border-top: 1px solid #333; border-bottom: 1px solid #333; font-size: 1.5em; font-style: italic; }

.imgLeft {
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #666;
}
.imgRight {
	float: right;
	margin: 5px 0 15px 15px;
	border: 1px solid #666;
}

/* Photo and Caption Display for News and Regular Content */
.photobox  { margin: 0 0 20px 0; padding: 0; width: 450px; }
.photobox .caption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #666; line-height:110%; margin: 3px 0 0 0; padding: 0; }
.photobox .caption span { font-weight: bold; }
.photobox img { margin: 10px 0 0 0; padding: 0; border: 5px solid #ccc !important; }


.photobox_right {
	float: right;
	width: 250px;
	margin: 5px 20px 15px 20px;
}

.photobox_right img { border: 5px solid #ccc; }

.photobox_right .caption{
	margin: 2px 0 0 0;
	font-size: .79em;
}

.prevent { margin: 0; padding: 0; }

#sectioncontent .expansiongroup {  width: 95%; background: #fff; border: none; }
#sectioncontent .expansionproject { font-family: Palatino, Georgia, "Times New Roman", Times, serif; padding: 0; list-style-type: none; margin: 0; padding: 7px 10px 0 10px; font-size: 1em; min-height: 80px;  }			
#sectioncontent .expansionproject img { float: left; margin: 7px 10px 0 0; border: 3px solid #999; }
#sectioncontent .expansionproject h3 { font-size: 1.3em; color: #990000; font-weight: bold; margin: 2px 0 0 0; }
#sectioncontent .expansionproject h3 a { text-decoration: none; color: #333; }	
#sectioncontent .expansionproject h3 a:hover { text-decoration: underline; color:  #c60; }	

/*#sectioncontent blockquote { 
	font-size: 130%;
	line-height: 140%;
	margin: 5px 50px 5px 20px;
	font-family: "times new roman", georgia, palatino, serif;*/
}*/

#sitemap { 
	margin: 0;
	padding: 0;
	font-size: .79em;
}

#sitemap ul { margin: 0 0 20px 0; }
#sitemap ul li { list-style-type: none; margin: 0 0 2px 0; }
#sitemap ul li ul { margin: 0 0 0 10px; }
#sitemap ul li ul li { list-style-type: none; margin: 0 0 2px 0; }

/*#sectioncontent ul li { font-size: 0.69em; line-height: 1.2em; text-align: left; margin: 0 0 5px 0 !important; list-style: none;  }*/

/* News items - news page */
.newsitem {
	width: 90%; min-height: 125px; margin: 0 0 10px 0; padding: 0; border-bottom: 1px dotted gray;}

.newsitem h3 { color: #510000; font-size: .90em; font-weight; bold; margin-bottom: 2px; }
.newsitem p { margin: 0; padding: 0;}
.newsitem p span { font-size: .79em; }
.newsitem span.newsplace { font-style: italic; font-size: .90em; }
.newsitem img { float: left; border: 1px solid #666; height: 100px; margin: 0 10px 0 0; }

/* Weather Box - participantinfo/environments page */
#weatherbox {
	float: right;
	margin: 0;
	padding: 0;
	border: 1px solid #eee;
}

/* Styles for program listings */
div.program {  width: 500px; margin: 10px 0 20px 0; padding:0; }
div.program fieldset {  /*background: #eee; */}
div.program legend {  } 
div.program p {font-size: .79em; }
.register { text-align: right; background: #600; color: yellow; width: 63px; padding: 0 6px; }
.register a { text-align: right; color: #FFCC00; font-weight: bold; text-decoration: none; border-bottom: none; }
div.program p span {color: #666; font-weight: bold; }
div.program ul { margin: 0 0 0 20px; padding: 0; list-style-type: none; }
div.program ul li { font-size: .79em; list-type-style: none; margin: 0; }
div.program h3 { background: #eee; margin: 0; padding: 2px;}
div.program h3 span { font-size: .79em; margin: 0 0 0 20px; font-weight: normal; }

/* Styles for lopons individual pages */
#sectioncontent .lopons { width: 90%; margin-bottom: 20px; min-height: 200px; }
#sectioncontent .lopons img { float: right; border: 1px solid #999; margin: 20px 10px 10px 20px; }
#sectioncontent .lopons h3 { margin: 0 0 3px 0 !important; }
#sectioncontent .lopons p { margin: 0; padding: 0; }
/* styles for lopon index page */
#lopons_leftcol { float: left; width: 50% }
#lopons_rightcol { float: right; width: 50% }
.lopon { height: 70px; background: #eee; padding: 0 10px 0 0; margin-right: 10px; }
.drupon { clear: both; width: 250px; height: 70px; margin: 0 auto;  background: #eee; padding: 0 10px 0 0; }
.lopon h3, .drupon h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; }
.lopon h3 a, .drupon h3 a { text-decoration: none; }
.lopon h3 a:hover, .drupon h3 a:hover { text-decoration: underline; }
.lopon img, .drupon img { float: left; border: 1px solid #666; margin-right: 10px; }



/* Styles for practice calendar page */

#practicecalendar {
	width: 450px;
	font-family : verdana, geneva, arial, helvetica, sans-serif;
	line-height : 12px;
	font-weight : normal;
}
#practicecalendar hr { margin: 10px 0; color: #ccc !important; }

#practicecalendar p {	}
	
/*#practicecalendar h3 { 
	color : #666;
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-size : 1em;
	font-weight : bold;
	text-align : left;
	margin : 5px 0 10px 0;	
}*/

#practicecalendar table { 
	font-size: .79em;
	width: 450px;
	text-align: left;
	border: 1px solid #eee;
}		
#practicecalendar td.date {
	width: 40px;
	text-align: center;
	color: #999;
	font-weight: bold;
	border: 1px solid #eee;
}
#practicecalendar td.observance {
	padding-left: 5px;
	width: 210px;
	text-align: left;
	color: #666;
	border: 1px solid #eee;
}
#practicecalendar td.thumb {
	width: 50px;
	text-align: center;
	border: 1px solid #eee;
}
#practicecalendar td.thumb img {
	border: 1px solid #666;
}

#lunarguide {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: .90em;
	line-height: 
}

#lunarguide dl { margin: 0; padding: 0; }
#lunarguide dt { margin: 0; padding: 0; font-weight: bold; }
#lunarguide dd { maring: 0 0 10px 0; padding: 0; }

#lunarguide p { font-size: .82em; }
#lunarguide p span { font-style: italic; }
/* -------------- end practice calendar styles -------------------- */

/* Mindrolling History styles */
#sectioncontent  { margin: 0; padding: 0; }
#sectioncontent  p { margin: 0 20px 10px 0; padding: 0; }
#sectioncontent p blockquote {
	font-weight: normal; 
	size: .75em; 
	margin: 10px 40px; 10px 10px; 
}
.italic { font-style: italic; }
#sectioncontent ul { margin: 10px 0 10px 30px; padding: 0; font-size: .90em; line-height: 1.4em; } 
#sectioncontent ul li { list-style-image: url(/images/graphics/bullet_gray.gif); margin: 0 0 3px 0;  }
#sectioncontent ul li img { margin-top: 5px !important; }
#sectioncontent ol { margin: 10px 0 10px 0; padding: 0;  } 
#sectioncontent ol li { margin: 0 0 3px 0; padding: 0;  }

#sectioncontent #prevnext { font-family: Verdana, Arial, Helvetica, sans-serif; width: 550px; margin: 15px 0 20px 0; padding: 0; border-top: 1px solid #ccc; }
#sectioncontent #prevnext p { text-align: center; }
#sectioncontent #prevnext a { text-decoration: none; border-bottom: none; }
#sectioncontent #prevnext a:hover { border-bottom: 1px solid #999; }

/* end Mindrolling History styles */


/* ------------ Expansion Projects ---------------- */

/* photo link navigation vertical */
#photonav {
	float: right;
	padding: 5px 2px 5px 5px;
	text-align: left;
	margin: 20px 15px 0 10px; 
	width: 200px;
	background: #eee;
	border: 1px solid #ccc;
}

#photonav p { font-size: .75em; line-height: 1em; margin: 2px 0 5px 0; }
#photonav .thumbnail { margin: 0; padding: 0; }
#photonav .thumbnail img {  margin: 2px 0 0 0; padding: 0; }
#photonav .thumbnail img a:link { border-bottom: red;  text-decoration: none; }
#photonav .thumbnail img a:hover  { border-bottom: green; text-decoration: none; }

/* photo link navigation horizontal */
#photonav_horizontal {
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	width: 504px;
	height: 56px;
	
}
#photonav_horizontal ul { margin: 0; padding: 0; background: #ccc;
	text-align: center; }
#photonav_horizontal ul li { margin: 0; padding: 0; display: inline; }
#photonav_horizontal ul li img {  height: 56px; margin: 0; padding: 0; }
#photonav_horizontal ul li img a:link { text-decoration: none; }
#photonav_horizontal ul li img a:hover  { text-decoration: none; }
#photonav_horizontal p { font-size: .75em; line-height: 1em; margin: 3px 0 5px 0; }

#enlargement {
	margin: 20px 0 0 0;
	padding: 0;
	width: 500px;
}

#enlargement img { margin: 0; padding: 0; border: 3px solid #ccc; }

#enlargement .caption { 
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	text-align: left;
	width: 500px;
	margin: 5px 0 10px 0;
	padding: 0;
}


/* ==================== Single column page with no left navigation ================ */
/* For most browsers */
#sectioncontentwide { float: left; width: 760px; padding: 20px; margin: -15px 0 0 0; background: #fff !important; }
/* IE Hack to for proper width of section content wide area. DO NOT REMOVE */
/* html #sectioncontentwide { width: 800px; background:#fff; }*/

}

#sectioncontentwide h2 { }
#sectioncontentwide h3 {  }
#sectioncontentwide p { width: 85%; }
#lgreturn { font-size: .79em; float: right; margin: 0 10px 10px 0; border-bottom: 1px solid #ccc; }
#sectioncontent ol { width: 85%; margin: 0 0 20px 0; }
#sectioncontent ol li { line-height: 1.3em; margin: 0 0 5px 40px; padding: 0; }
#sectioncontent #moreinfo { text-align: center; font-weight: bold; font-size: .82em; margin: 0 0 20px 0; }
.more { font-size: .79em;  }


#lastupdate {
	clear: both;
	font-size: 80%;
	margin: 50px 0 20px 0;
	text-align: left;
}


#photocredit {	
	width: 85%;
	margin: 20px 0 20px 0;
	padding: 0;
	font-size: .79em;
	line-height: 1.2em;
	color: #666;
	font-weight: normal;
	text-align: left;
}

#photocredit span { font-weight: bold; }

.quote { font-family: "times new roman", georgia, serif; font-size: 1.2em; line-height: 1.3em; color: #333; font-style: italic; margin: 20px 80px 10px 80px; text-align: center; }

#pagenav { margin: 0 0 0 0; padding: 0; font-size: 85%; text-align: center; }

/* Page Length Matcher DO NOT DELETE THIS STYLE!!!! */
/* This style makes sure that the child container for content does not extend outside and below than the containing parent */
#pagelength { clear: both; margin: 0 0 50px 0; }


/* Top margin adjust for most browsers */
#footerwrapper {
	clear: both;
	width: 100%;
	height: 25px;
	margin: 0 auto;
	background-color: #510000;
	text-align: center;
}


#footer {
	width: 1024px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	font-size: .79em;
	color: #fff;
}

#copyright { float: left; width: 510px; font-weight: bold; }
#footernav { float: right;  width: 510px; text-align: right; }

#footernav ul { margin: 0 10px 0 0; padding: 0; }
#footernav ul li { 	
	margin: 0 0 3px 0; 
	padding: 0; 
	text-align: left;	
	font-size: 0.90em;
	display: inline; 
	list-style: none;

}
#footernav ul li a { 
	/*margin: 2px 0 1px 0;*/
	padding: 0;
	font-weight: bold;
	background-color: transparent;
	color: #FFCC66;
	text-align: left;
	text-decoration: none;
	border-bottom: none;	
}
#footernav ul li a:hover { 
	/*margin: 2px 0 1px 0;*/
	padding: 0;
	font-weight: bold;
	background-color: transparent;
	color: #c30;
	text-align: left;
	text-decoration: underline;
	border-bottom: none;
}

.caption { color: #666; font-size: 80%; line-height: 1.2em; margin: 5px 0 0 0; }

/* =================== FORM STYLES =================== */

#formdisplay { margin: 0; padding: 0; width: 550px; background: #fff; }
#formdisplay h2 {font-size: 1.5em; color: #510000;  }
#formdisplay h3 {font-size: 1em; color: #510000; margin: 10px 0; }

/* ---------- For tables used in the forms -------------*/
#formdisplay table { width: 90%; font-size: .82em; margin: 0 0 10px 0px; text-align: left; }
#formdisplay tr { background: #eee; }
#formdisplay th { width: 100px; font-weight: bold; padding: 2px;  }
#formdisplay td { padding: 2px; word-wrap: none; }
#formdisplay table.indent { margin-left: 22px; }

/* Text styles */
#formdisplay blockquote { margin: 10px 0; }
#formdisplay p { width: 90%;  }
#formdisplay p.small { width: 100%; font-size: .82em; line-height: 1.4em;  margin: 0 0 10px 0; }
#formdisplay p.indent { margin-left: 26px; }
#formdisplay span.instruction { font-style: italic; font-size: smaller;}
#formdisplay span a { font-size: .79em; margin: 0 0 0 10px; }

/* --------- Form elements ------------------------------*/
fieldset { width: 520px; margin: 10px 0 10px 0; padding: 10px; }
fieldset h4 { background: #eee; }
fieldset p { font-size: .82em; }
fieldset ul, fieldset li {  font-size: .82em; list-style-type: none; }
legend { color: #900; font-size: 1em; font-weight: bold; margin: 0 0 5px 0; }
legend span { font-weight: normal; color: #282828; font-size: .79em; font-style: italic; }
label { font-size: .82em; font-weight: bold; padding: 3px 0; margin: 0 2px 0 0; }
input { }
textarea.comments ( width: 500px; height: 100px; font-size: .82em; border: 1px solid #282828; margin: 0 0 30px 0; )
input { 
	font-size: .82em; background: white;
}
.payradio { font-size: 1em; color: #600; font-weight: bold; margin: 0 0 15px 0; }
#buttonblock{ margin: 20px 0 0 0; padding: 0; }

/* Style to position Trustwave seal to the right and out of mouse path*/
#buttonblock #seal { float: right; } 
