/***********************************************/
/* RisingStar_styles.css                            */
/* KP For Serendipity Design                    */
/* Created March 31, 2010                       */
/***********************************************/



body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f7f4ee;
}

/******* Global Text Styling *******/
.PageHeader {
	font-size: 22pt;
	font-weight: bold;
	color: #66608E;
	background-color: transparent;
	margin: 0 0 20px 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.1;
}

.ParagraphHeader {
  font-size: 14pt;
  font-weight: bold;
  color: #0B4598;
  background-color: transparent;
  margin: 0;
  padding: 0 0 0 0;
}

.BodyCopy {
  font-size: 11pt;
  line-height: 1.3;
}
#BodyCopy p {
  font-size: 11pt;
  line-height: 1.3;
}
#BodyCopy a:link, #BodyCopy a:visited {
	font-weight: normal;
	color: #004A82;
	text-decoration: underline;
}
#BodyCopy ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: decimal;
}
#BodyCopy li {
	font-size: 11pt;
	padding: 0;
	margin: 0;
}

.SmallerTextHeader{
	font: bold 12pt Geneva, Arial, Helvetica, sans-serif;
	color: #66608E;
}
.SmallerText {
	font: normal 10pt Arial,sans-serif;
	color: #000000;
}
#SmallerText a:link, #SmallerText a:visited {
	font-weight: normal;
	color: #0B4598;
	text-decoration: underline;
}
#SmallerText ul {
	margin: 0;
	padding: 0;
	border: none;
	list-style-position: outside;
	list-style-type: decimal;
}
#SmallerText li {
	font-size: 9pt;
}


.ImageLeft{
	float: left;
	border: solid black 1px;
	margin: 6px 10px 0 0;
}
.ImageRight{
	float: right;
	border: solid black 1px;
	margin: 6px 0 0 10px;
}



/******* Layout Elements *******/
#MasterContainer {
	position: relative;
	width: 837px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../sitewide-images/MasterContainerShadow.jpg);
}

#ContainerBottomShadow{
	background-image: url(../sitewide-images/MasterContainerShadowBottom.jpg);
	width: 837px;
	position: relative;
	background-repeat: no-repeat;
	height: 10px;
	}


/******* Main Header - all pages  *******/
#Header {
	height: 156px;
	position: relative;
	left: 10px;
	width: 817px;
	background-image: url(../sitewide-images/header_logo-photo.jpg);
}


/******* Note: Main Site Navigation Contained in RisingStar-PopUpNav.js *******/


#BlueGradBelowNav {
	clear: both;
	padding: 0;
	width: 817px;
	height: 27px;
	background-image: url(../sitewide-images/BlueGradBelowNav.jpg);
	margin-top: 0px;
	left: 10px;
	position: relative;
	margin-bottom: 30px;
}

/******* Big Content Column Full Span for 1-column *******/
#FullWidthContentBlockImg {
	position: relative;
	width: 727px;
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	line-height: 130%;
	background-image: url(../sitewide-images/bkg-light-star.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
#FullWidthContentBlock {
	position: relative;
	width: 727px;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 130%;
}
#FullWidthLine {
	position: relative;
	width: 727px;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	border-bottom: solid #CCCCCC 1px;
	margin: 10px 0 20px 0;
}

/******* Equal Columns for 2-column     OK    *******/
#EqualLeftContentBlock {
	position: relative;
	width: 338px;
	float: left;
	line-height: 130%;
	margin-right: 20px;
	margin-left: 30px;
}
#EqualRightContentBlock {
	position: relative;
	width: 338px;
	float: right;
	line-height: 130%;
	margin-right: 30px;
	margin-left: 20px;
}


/******* Big Content Column on Right for 2-column *******/
#BigRightContentBlockBkg {
	position: relative;
	width: 420px;
	float: right;
	margin-right: 30px;
	margin-left: 20px;
	line-height: 130%;
	background-image: url(../sitewide-images/bkg-light-star.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
/******* Big Content Column on Right for 2-column - No Background Image *******/
#BigRightContentBlock {
	position: relative;
	width: 420px;
	float: right;
	margin-right: 30px;
	margin-left: 20px;
	line-height: 130%;
}

/******* Big Content Column on Left for 2-column *******/
#BigLeftContentBlockBkg {
	position: relative;
	width: 420px;
	float: left;
	line-height: 130%;
	margin-right: 20px;
	margin-left: 30px;
	background-image: url(../sitewide-images/bkg-light-star.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
/******* Big Content Column on Left for 2-column - No Background Image *******/
#BigLeftContentBlock{
	position: relative;
	width: 420px;
	float: left;
	line-height: 130%;
	margin-right: 20px;
	margin-left: 30px;
}

/******* Small Content Color Block on Left for 2-column *******/
#SmallLeftColorBlock {
	border: solid #f69679 2px;
	background-color: #fffbcc;
	position: relative;
	width: 200px;
	float: left;
	padding: 10px;	
	margin-right: 20px;
	margin-left: 30px;
}

/******* Small Content Color Block on Right for 2-column *******/
#SmallRightColorBlock {
	border: solid #f69679 2px;
	background-color: #fffbcc;
	position: relative;
	width: 200px;
	float: right;
	padding: 10px;	
	margin-right: 30px;
	margin-left: 20px;
}

/******* Small Content Column on Right for 2-column *******/
#SmallRightColumn {
	position: relative;
	width: 200px;
	float: right;
	margin-right: 30px;
	margin-left: 20px;
}

/******* Small Content Column on Left for 2-column *******/
#SmallLeftColumn {
	position: relative;
	width: 200px;
	float: left;
	margin-right: 20px;
	margin-left: 30px;
}

/******* Bottom Navigation Block for All Pages  *******/
#SiteInfo{
	font-size: 9pt;
	color: #000000;
	padding: 10px 10px 10px 10px;
	text-align: left;
	left: 10px;
	margin-left: 10px;
	margin-right: 10px;
	clear: both;
	height: auto;
	background-color: #fefacd;
}
#BlueGrad-SiteInfo{
	background-image: url(../sitewide-images/BlueGrad-SiteInfo.jpg);
	width: 817px;
	background-repeat: repeat-x;
	height: 29px;
	clear: both;
	margin: 0 10px 0 10px;
	background-position: center bottom;
}
#SiteInfo a:link, #SiteInfo a:visited {
	font-weight: normal;
	color: #0B4598;
	text-decoration: underline;
}