body {
	margin:0px;
	padding: 0px;
	border-top-width: 5px;
	border-right-width: 0px;
	border-bottom-width: 5px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #A59885;
	background-color: #FBFaea;
	border-top-style: solid;
	border-top-color: #A59885;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0px;
	line-height: 16px;
	padding: 0px 10px 0px 10px;
}


#wrapper {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: left;
	padding: 15px;
	height: auto;
	}
	
#header {
	width:800px;
	height:92px;
	background: url(images/rule_horizontal.png)  repeat-x left bottom;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	padding-top: 0px 0px 5px 0px;
	}

/* #inspiration is upper left-hand box in header*/	
#inspiration {
	width:153px;
	height: 82px;
	float: left;
	background: url(images/rule_vertical.png)  repeat-y right top;
	padding: 0px;
	margin: 0px;
	}
#inspiration img {
	border: 1px solid #A59885;
}

#logo {
	width:480px;
	background: url(images/rule_vertical.png) repeat-y right top;
	height: auto;
	position: relative;
	float: left;
	margin: 0px 8px  0px 0px;
	padding: 0px 11px 0px 7px;
	}
	
#inspirelogo {
	width:138px;
	border: 1px solid #a59885;
	background: #fbfaea url(images/rule_vertical.png)  repeat-y -10px top;
	padding: 0px;
	height: auto;
	float: left;
	position: relative;
	margin: 0px;
	}				
/* #content is entire block below the header. It contains the #sidebar-left, #sidebar-right and the #maincontent*/
#content {
	width: 800px;
	height:auto;
	padding: 0px;
	margin: 15px 0px 15px 0px;
	position: relative;
	float: right;
	background: url(images/blogspot_img/rule_vertical-big.png) repeat-y left top;
	}

#sidebar-left {
	width: 135px;
	float: left;
	height: auto;
	margin: 0px;
	padding: 0px 5px 0px 15px;
	}
#blogspot {
	padding: 0px;
	width: 125px;
	margin-bottom: 10px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#blogspot p {
	color: #FFFFFF;
	background-color: #A59885;
	padding: 5px 4px 5px 4px;
}
#blogspot a:link, #blogspot a:visited {
	font-size: 8px;
	text-decoration: none;
}
#blogspot a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}

/* #maincontent is in middle of #sidebar-left and #sidebar-right. it contains the main copy.*/
#maincontent {
	width: 480px;
	height: auto;
	float: left;
	position: relative;
	margin: 0px 10px 0px  0px;
	padding: 0px 5px 10px 5px;
	}
a:link, a:visited {
	color: #333333;
}
a:hover {
	color: #BE0000;
	text-decoration: none;
}

#maincontent h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	color: #009933;
	text-align: center;
	line-height: 20px;
	margin: 10px 0px 0px  0px;
	padding: 15px 0px 10px 0px;
	background: url(images/blogspot_img/dot-h1.gif)  no-repeat center top;
}
/* use #maincontent h1 img to have bottom dots appear on h1. The top dots are automatically included in h1*/
		
#maincontent h1 img {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
#maincontent h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC9900;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
}

#maincontent ul {
	margin:0px;}
#maincontent li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	list-style-type: none;
	line-height: 16px;
	padding: 0px;
	margin: 0px 0px 0px 60px;
}

#sidebar-right {
	padding: 0px 5px 0px 5px;
	float: left;
	height: auto;
	width: 135px;
	position: relative;
	margin: 0px;
	}	
#bigimage {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 480px;
	z-index: 1500;
	position: static;
	left: 0px;
	top: 0px;
	}
/* #category is for placement of PH, GD, FA or IL icon. Apply .PH-Icon, etc to this div */
#category {
	}	
	
#navbar {
	margin: 0px;
	padding: 0px;
	float: none;
	position: relative;
	}	
#navbar ul {
	margin: 0px;
	background: url(images/blogspot_img/dot-menu.png) no-repeat center bottom;
	height: auto;
	width: 125px;
	padding: 15px 0px 0px 0px;
	list-style-type: none;
}	

#navbar li a:link, #navbar a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	text-transform: uppercase;
	color: #333333;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.5px;
	display: block;
	padding: 15px 0px 14px 0px;
	list-style-type: none;
	height: 9px;
	width: 125px;
	background: url(images/blogspot_img/dot-menu.png) no-repeat center top;
	margin: -4px 0px 0px 0px;
}

#navbar ul li a:hover {
	font-weight: bold;
	color: #BE0000;
}

#navbar li.current a {
	font-weight:bold;
	}

#aboutus {
	width: 115px;
	border: 1px solid #a59885;
	height: auto;
	margin: 0px 0px 10px  0px;
	padding: 0px 5px 10px 5px;
	}
#aboutus p, #rss p {
	color: #a59885;
	margin: 0px;
	padding: 0px 7px 0px 7px;
	background-color: #FBFAEA;
	}
	#rss p {
	font-size:10px;
	}
.paddingbottom {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.maincontent-headline-itallic {
	font-style: italic;
	font-variant: normal;
	text-transform: none;
}

.medalist {
	font-weight: bold;
	color: #A5988B;
}
.school {
	font-style: italic;
}
.listindent {
	text-indent: 50px;
}
#aboutus h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: none;
	color: #333333;
	text-align: center;
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 20px 0px;
	background: #FBFAEA url(images/blogspot_img/dot-menu.png) no-repeat center 30px;
	}
#rss h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: none;
	color: #333333;
	text-align: center;
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	background-color: #FBFAEA;
	}
#bigimage-caption {
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 2500;
	bottom: 10px;
	height: 30px;
	width: 225px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	top: 255px;
	left: 250px;
	text-transform: uppercase;
	line-height: 15px;
	}			
.bigimage-caption-italic {
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
}

#rotatingcontent {
	}
.PH-Icon, .GD-Icon, .IL-Icon, .FA-Icon {
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 2000;
	left: 15px;
	top: 10px;
	height: 50px;
	width: 50px;
}
.PH-Icon {
	background: url(images/Categories/PH.png) no-repeat 0px 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Categories/PH.png', sizingMethod='crop');
}
.GD-Icon {
	background: url(images/Categories/GD.png) no-repeat 0px 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Categories/GD.png', sizingMethod='crop');
	}
.IL-Icon {
	background: url(images/Categories/IL.png) no-repeat 0px 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Categories/IL.png', sizingMethod='crop');
	}
.FA-Icon {
	background: url(images/Categories/FA.png) no-repeat 0px 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Categories/FA.png', sizingMethod='crop');
	}
.byline-by {
	font-size: 10px;
	font-style: italic;
	font-variant: normal;
	text-transform: none;
	color: #333333;
}
.byline-name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #333333;
}	
#footer {
	background: url(images/rule_horizontal.png) repeat-x left top;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	text-align:center;
	clear:both;
	}
#footer p {
	color: #A59885;
	margin: 10px;
	padding: 0px;
	clear:both;
	font-size:9px;
	}	
#footer, #footer a:link, #footer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #A59885;
	text-decoration:none;
	}
#footer a:hover {
	text-decoration:underline;
	}			
#advertising {
	height: auto;
	width: 125px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#rss {
width:120px;
	background-color: #FBFaea;
	padding:2px;
	border: 1px solid #a59885;
	margin: 10px 0px 0px 0px;

}
.ads {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer ul li {
	display: block;
	padding: 0px 10px 0px 10px;
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	background: url(images/rule_vertical.png) repeat-y right top;
	float: left;
}

#footer li.clear-footer-rule {
	background-image: none;
}	

#footer li.current a {
	text-decoration:underline;}
blockquote {
	margin: 0px;
	width: 300px;
	padding: 0px 0px 10px 0px
}
h3 {
	font-weight: bold;
	color: #A59885;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
h4 {
	font-weight: bold;
	color: #009933;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.KO-text {
	color: #FFFFFF;
}
/* these classes are for spry tables */
.hover {
cursor:pointer;
}
.selected {
font-weight:bold;
color:#CC3300;
}
.even {
background: #FBFAEA;
}
.odd {
background: #FFffff;
}

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	width:300px;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #FBFaea;
	border:solid 1px #A59885;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: hidden;
	margin: 0px;
	padding: 2px;
	height: 300px;
}

.AccordionPanelContent img{
display:block;
padding:0px;
}
.AccordionPanelTab h3 {
	margin: 0px;
	padding: 2px 2px 4px 18px;
	background: url(images/gallery/tab_closed.gif) no-repeat left 50%;
} 
.AccordionPanelOpen .AccordionPanelTab h3 {
	background:none;
	}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {

}
.AccordionPanelOpen .AccordionPanelTabHover {

}


/* RSS styles */
   

 .rss_box {

 }
 
 .rss_title, rss_title a {

 }
 
 .rss_items {
  	list-style-type: none;
	margin:0px;
	padding:9px;
	
}


.rss_item a:link, .rss_item a:visited, .rss_item a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height:1.5;
	font-style: normal;
	text-transform: uppercase;
	color: #333;	
text-align: left;
	text-decoration: none;
	letter-spacing: 0.5px;
padding:0px 0px 4px 0px;}

.rss_item a:hover { 
text-decoration:none;  
color: #BE0000;
}
	
.rss_date {

}