/* Sub Page CSS Document */

/* Generic Styles */
h1 {color:#134e77; font-family:"Times New Roman", Times, serif; font-size:26px; margin:0 0 1em 0}
h2 {color:#134e77; border-bottom:1px solid #134e77; font-family:"Times New Roman", Times, serif; font-size:20px; margin:1em 0 0}
div + h2, div + p {margin-top:0}
h3 {font-size:14px; margin-bottom:0}
h3 + p {margin-top:0}

/*---------- Main ----------*/
#main {min-height:430px}
/*---------- Larger, main area of content. Currently located to the left ----------*/
#content {float:left; width:540px}
	#content address {font-style:normal; line-height:normal}
	#content li {margin-bottom:1em}
	#content li li {margin-bottom:.5em; line-height:normal}
	/* Expandable List View */ 
	.sf_expandableList li {float:left; list-style:none; margin:0 5px 5px 0 !important; width:540px}
		.sf_expandableList h3 a {color:#fff; background:#1a4671 url(/images/bkg-button-look.gif) repeat-x; text-decoration:none; display:block; text-align:center}
		.sf_expandableList h3 a:hover {background:#97b4d1 url(/images/bkg-button-look-hover.gif) repeat-x}
	.sf_listItemBody li {list-style-type:disc}
	#fullContent dt {text-align:center}
	/* List of events */
	.sf_eventsList li {margin-bottom:1em; border-bottom:1px dashed #FC9}
	.sf_eventTitle {margin-bottom:0 !important; border-bottom:none; font:18px/20px Arial, Helvetica, sans-serif !important}
		.sf_eventTitle a {text-decoration:none}
	.sf_eventPriod {margin-top:0}
	/* Event details */
	.sf_eventBasicInfo {margin-top:1em !important}
	.sf_socialBookmarks {margin-top:20px !important}
/*---------- Smaller area of content to the side. Currently located to the right, with a blue background. ----------*/
/* Ghosted thumbprint and bottom rounded corners achieved through a background here. */
#aside {float:right; width:203px; background:#134e77 url(../images/bkg-aside.jpg) 0 100% no-repeat; color:#fff; line-height:18px}
	/* A little extra markup to get the top rounded corners in there. */
	#aside #topCorners {height:9px; background:url(../images/bkg-aside-top-corners.gif) no-repeat}
	/* Needed this DIV for padding because of the rounded corners DIV above. Padding on the containing #aside DIV would not have allowed the top rounded corners to extend to the edges. */
	#asideContents {padding:0 10px 10px}
		#asideContents dl, #asideContents dd {margin:0; padding:0}
		#asideContents dt {color:#fdbe66; font-style:italic; font-size:12px; margin-top:1.5em} 
		#asideContents dl + dt {margin-top:0}
.clear {clear:both}