@charset "UTF-8";

/* styles.css -- GOA website style sheet definition */

/*******************************************************************************

 Common for all pages.

 *******************************************************************************/

/* All pages with margin and padding zero and with a background color */
body {
   margin:0;
   padding:0;
   background-color:#5e136b;
}

img{
	border:none;
}

ul li{
	margin-top:10px;
}

/* Styles for the menu system at the top of the page is found in
   file ./SpryAssets/SpryMenuBarHorizontal.css */

/* Styles for the menu system at the bottom of the page */
#bottomMenuContainer {
	display: inline;
	margin-left: 25px;
}

#bottomMenuContainer a{
	padding-right: 10px;
	padding-left: 10px;
	color: #6c6a6a;
	font-family: "Arial Narrow", Arial, "Times New Roman";
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#bottomMenuContainer a:hover{
	color: #5e136b;
	text-decoration: underline;
}

#bottomMenuSiteMap a{
	padding-right: 12px;
	padding-left: 12px;
	color: #6c6a6a;
	font-family: "Arial Narrow", Arial, "Times New Roman";
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#bottomMenuSiteMap a:hover{
	color: #5e136b;
	text-decoration: underline;
}

/* The footer that goes at the bottom most part of each page */

#globalFooter {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif, "Palatino Linotype", Verdana, "Arial Narrow";
	line-height: 9px;
	color: #FFFFFF;
}

#globalFooter a{
	color: #FFFFFF;
	text-decoration: none;
}

#globalFooter a:hover, #globalFooter a:focus{
	color: #FFFFFF;
	text-decoration: underline;
}

/*******************************************************************************

 For the homepage.

 *******************************************************************************/
 
/* For the rotating menu system in the middle of the page */

#midPictureMenuMainBox {	
	background-image: url(images/middleSectionMenu/midBackgroundImage.gif);
	background-repeat: repeat;
	width: 624px;
}
#midLowerContent {
	width: 624px;
	display: block;
	margin-top: 8px;
}
#midLowerContentKnowDiv {
	background-image: url(images/mainBody/middlePaperBackground.jpg);
	background-repeat: no-repeat;
	height: 275px;
	width: 197px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}
#midLowerContentRight {
	display: inline;
	float: left;
	margin-left: 11px;
	margin-top: 9px;
}
#midPictureMenuChangeButtons {padding-bottom: 9px;
	padding-right: 16px;
}
#midPictureMenuSmallRect {
	padding-right: 7px;
	float: left;
	padding-left: 7px;
}
#midPictureMenuMiddleBlock {display: block;
}
#midPictureMenuManySmallRectDiv {
	padding-top: 7px;
	display: inline;
	width: 107px;
	margin-right: auto;
	margin-left: auto;
}
#midPictureMenuLargePic {padding-right: 9px;
	float: left;
	margin-right: -3px;
}
#midPictureMenuLargePicAndMenus {padding-top: 14px;
	padding-bottom: 15px;
	padding-left: 16px;
	margin-bottom: 15px;
}
#midLowerContentRightTopRight {
	width: 167px;
}

/* Did you know box in the middle of the page */

#didYouKnowText {
	color: #b83c4e;
	font-size: 24px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

#didYouKnowMainText {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif, "Palatino Linotype", Verdana, "Arial Narrow";
	color: #585757;
}

#didYouKnowMainText a{
	color: #585757;
	text-decoration: underline;
}

#didYouKnowMainText a:hover, #didYouKnowMainText a:focus{
	color: #5e136b;
	text-decoration: underline;
}

/* Start giving and blog sections at the middle of the page */

#startGivingCircleGoaBlogTexts {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif, "Palatino Linotype", Verdana, "Arial Narrow";
	padding-left: 10px;
	padding-top: 5px;
	color: #6c6a6a;
}

#startGivingCircleGoaBlogTexts a{
	color: #6c6a6a;
	text-decoration: underline;
}

#startGivingCircleGoaBlogTexts a:hover, #startGivingCircleGoaBlogTexts a:focus{
	color: #5e136b;
	text-decoration: underline;
}

/* Chapter news and events section at the middle of the page */

#chapterNewLinks a, #chapterNewLinks a:link, #chapterNewLinks a:visited{
	font-size: 11px;
	font-family: "Arial Narrow", Arial, "Times New Roman";
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	color: #6c6a6a;
	text-decoration: none;
}

#chapterNewLinks a:hover, #chapterNewLinks a:active{
	text-decoration:underline;
	color: #5e136b;
}

/* Styles for the column left to the rotating image menu system */

#leftColumnMainBody {
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 30px;
}

#leftColumnMainBodyText {
	font-family: Arial, Helvetica, sans-serif, "Palatino Linotype", Verdana, "Arial Narrow";
	font-size: 13px;
	color: #5e136b;
}

#leftColumnMainBodyText a{
	color: #b83c4e;
	text-decoration:underline;
}
#leftColumnMainBodyText a:hover, #leftColumnMainBodyText a:focus{
	color: #5e136b;
	text-decoration:underline;
}

#leftColumnMainBodyTableHeader    {
	color: #514f4f;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

/*******************************************************************************

 For all subpages

 *******************************************************************************/
 
/* Styles for rollover menu system on the left of each subpage is found in
   file ./SpryAssets/SpryMenuBarVertical.css 
   For the item that is currently being displayed, we don't want rollover
   behavior so it has this style. */
   
#subPageLeftMenuItemSelected
{
	display: block;
	cursor: pointer;
	background-color: #FFF;
	padding-left: 19px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #000;
	text-decoration: none;
	background-image:url(images/middleSectionMenu/midOnRectangle.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif, "Palatino Linotype", Verdana, "Arial Narrow";
	font-size:12px;
}

#subPageLeftSubMenuItemSelected
{
	display: block;
	cursor: pointer;
	background-color: #FFF;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left:20px;
	color: #000;
	text-decoration: none;
	background-image:url(images/middleSectionMenu/midOnRectangleSmall.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif, "Palatino Linotype", Verdana, "Arial Narrow";
	font-size:12px;
}

/* Left column of the page */

#subPageLeftBar {
	display: block;
}
#subPageLeftBarMainButton {
	padding-bottom: 54px;
	padding-left: 19px;
}

/* Big title of each page */

#subPageMainTitle {
	color: #5e136b;
	font-size: 38px;
	font-family: "Adobe Garamond Pro", Garamond, Arial, Georgia;
	margin-top: 5px;
	margin-bottom: 15px;
}

/* Decorations for the body text */
#subPageMainbodyQuoteXTop{
	color: #b83c4e;
	font-size: 36px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	line-height:30px;
}
#subPageMainbodyQuoteXBottom{
	color: #b83c4e;
	font-size: 24px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	line-height: 12px;
}
#subPageMainBodyQuotePerson {
	font-family: Arial, Helvetica, sans-serif, "Palatino Linotype", Verdana, "Arial Narrow";
	font-size: 12px;
	color:#999933;
	font-style:italic;
	font-weight:bold;
	margin-top:10px;
}

/* The text in the right hand column of each subpage. */

#subPageMainBodyText {
	font-family: Arial, Helvetica, sans-serif, "Palatino Linotype", Verdana, "Arial Narrow";
	font-size: 12px;
	color: #333333;
}

#subPageMainBodyText strong{
	font-weight:bold;
	color:black;
}

#subPageMainBodyText a {
	color: #b83c4e;
	font-weight: bold;
	text-decoration:underline;
}

#subPageMainBodyText a:hover, #subPageMainBodyText a:focus {
	color: #5e136b;
	font-weight: bold;
	text-decoration: underline;
}

#subPageDidYouKnowText {
	color: #b83c4e;
	font-size: 20px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}