/*common html elements*/
 
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	/*background-color:  #AEE1E5;  */
	/*background-color: #79CED6; too dark */
	background-color:  #AFE2E6;
	color:#666666;
	font-size:100%;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	background-image: url(../images/background_page.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.altContent {
	background-image: url(../images/background_altContent.jpg);
	background-repeat: no-repeat;
	height: 193px;
	width: 500px;
	overflow: auto;
}

p  {
	font-size: 75%;
	color: #666;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 150%;
	top: 0px;
}
table tr td p  {
	font-size: 75%; 
}

h1  {
	font-size: 100%;
	font-weight: bold;
	color: #008FA1;
	margin-top: 0px;
	margin-bottom: 10px;
}

/*use this for page heads, it automatically puts the horizontal underline in*/
h1.pagename  {
	font-size: 120%;
	font-weight: bold;
	color: #EF719F;
	margin-top: 0px;
	background-image: url(../images/horizontal_line.gif);
	background-repeat: repeat-x;
	background-position:  left bottom;
	height: 35px; 
}
p.dividerline {
	background-image: url(../images/horizontal_line.gif);
	background-repeat: repeat-x;
	background-position:  left bottom;
	clear: both;
	width: 590px;
}

 

h2  { /* use for headings on pages, following the main pagename heading */
	font-size: 85%;
	font-weight: bold;
	color: #008FA1;
	margin-top: 0px;
	margin-bottom: 8px;
	clear: left;
}


h3  { /* use for subheadings on pages, within an h2 heading */
	font-size: 75%;
	font-weight: bold;
	color:  #EF719F; 	
	margin-top: 0px;
	margin-bottom: 0px;
	clear: left;
}
hr  {
	height:0px;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-top-color: #cbcb98;
	border-bottom-color: #f3f3f3;
	border-left-style: none;  
}
.sectionheadPara h2  { /* use for landing page headings */
	font-size: 75%;
	font-weight: bold;
	color: #008FA1;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: none;
}
.rightcol h3 { /* use for headings in right column */
	font-size: 75%;
	font-weight: bold;
	color: #008FA1;
	margin-top: 0px;
	margin-bottom: 0px;
}


/*these next two elements get rid of the dotted box Firefox always puts on visited links*/
a {
outline: none;
}

:focus {
  -moz-outline-style: none;
}

a:link  {
	color:   #008FA1;  
	text-decoration:underline;
}

a:visited  {
	color: #33B4C1; /* #66C7D0; original color */
	text-decoration:underline;
}
a:hover  {
	color:   #008FA1;  
	text-decoration:underline;
}


ul   { /*body unordered list*/
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	/* clear: both; */
}

li   { /*body lists*/
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	font-size:75%;
	line-height: 150%;
	margin-top:0px;
	margin-bottom:8px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
	padding-left: .7em;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0em .45em;
}
li.secondlist {
	font-size: 100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style-type: circle;
	margin-left:  1em;
	padding-left: 0px;
	margin-top: .5em;
	background-image: none;
}
ol   { /*body ordered list*/
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 2em;
	/* clear: both; */
}
ol li   { /*body lists*/
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	font-size:75%;
	line-height: 150%;
	margin-top:0px;
	margin-bottom:8px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
	background-image: none;
	list-style-image: none;
	list-style-type: decimal;
}

td p  {
	font-size: 100%;
	color: #666;
	margin-top: 0px;
	margin-bottom: 10px; 
}
img  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*Use for the small breadcrumbs used at the top of secondary pages, You old style sheet had h1.breadcrumbs put those were for section titles*/
#breadcrumbs  {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 70%;
	color: #008FA1;
	margin-top: 0px;
	margin-bottom: 30px;
}

#breadcrumbs a:link {
	text-decoration:none;
}

#breadcrumbs a:visited {
	text-decoration:none;
	color:#008FA1;
}

#breadcrumbs a:hover {
	text-decoration:underline;
	color:#008FA1;
}
/*use for the selected breadcrumb*/
.selected  {
	color:#EF719F;	
}
/*styles the little READ MORES... following the descriptive text on section head pages and the home page*/
.readmore  {
	font-family: Verdana, Geneva, sans-serif;
	color: #008FA1;
	font-size: 65%;
	font-weight: bold;
	margin-top: -3px;
	background-image: url(../images/ball_arrow.png);
	background-repeat: no-repeat;
	background-position: 0em;
	padding-left: 1.5em;
	padding-top: 0px;
	margin-bottom: 8px;
}

.readmore a:link  {
	text-decoration:none;
	font-weight: bold;
	color:  #008FA1;  
}

.readmore a:visited  {
	text-decoration:none;
	font-weight: bold;
	color:   #008FA1;  
}

.readmore a:hover  {
	font-weight: bold;
	text-decoration:underline;
	color: #008FA1;
}
/*styles the little LEARN MORES... in the alt content area of What's New on the home page*/
.altContent .readmore  { 
	font-size: 85%;
}

.altContent .readmore a:link  {
	text-decoration:none;
	font-weight: bold;
	color:  #008FA1;  
}

.altContent .readmore a:visited  {
	text-decoration:none;
	font-weight: bold;
	color:   #008FA1;  
}

.altContent .readmore a:hover  {
	font-weight: bold;
	text-decoration:underline;
	color: #008FA1;
}
#wrapper  {/*holds all divs and centers to page*/
	width:900px;
	margin-left:auto;
	margin-right:auto;
	position:relative;

}

#topLine { /*creates the pink line across the top and holds #topNav*/
	background-color: #F38AB4; 
	height: 18px;
	width: 900px;
}

#topNav  { /*holds the top nav items in the pink bar*/
	height: 28px;
	width: 212px;
	position: absolute;
	z-index: 150;
	left:688px; 
	top:0px;
}

#topArea  { /*holds the logo, donate box and search box*/
	width: 900px;
	height:96px;
	position:relative;
}

#logo  {/*holds the logo image*/
	width:287px;
	height:96px;
	float:left;
}

#donate  { /*holds donate button*/
	position:absolute;
	left:287px;
	height:96px;
	top:0px;
	width:293px;
	background-image:url(../images/background_donate.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 24px;
}

#searchBox {/*holds the search box on all pages*/
	width:300px;
	height:76px;
	float:right;
	text-align:right;
	padding-top:20px;
}

/*This styles the search box itself*/
.searchbox {
	margin-top: 0px;
	padding-top: 0px;
	border: 1px solid #39889E;
	height: 20px;
	margin-bottom: 6px;
}

#bylineSectionHead  { /*holds the byline image div and section head div*/
	width:900px;
	height:140px;
	position:relative;	
}


#byline { /*holds the byline image*/
	height:140px;
	width:500px;
	float:left;
}

#sectionTitle  { /*holds the sectin title image*/
	width:400px;
	height:140px;
	float:right;
}

#NavArea  { /*this div is needed to position the navbar over the section title picture, we didn't need this in the old design*/
	width:900px;
	height:32px;
	position:absolute;
	top:108px;
	left:0px;
	z-index:100;
}

#navbar  { /*holds the navigation and dropdown menus*/
	position:relative;
	z-index:100;
	height: 32px;
}

#content  { /*holds the sidebar, textarea and disclaimer divs. On old site this was called #contentSecond*/
	width:853px;
	padding-bottom:15px;
	padding-top:25px;
	padding-left:17px;
	padding-right:30px;
	background-color:#FFF;
	
}

#sidebar  { /*holds the sidenav div and the buttons. On old site this was called #sidebarSecond*/
	width:218px;
	float:left;
	margin-bottom: 20px;	
}

.sidebarButton  { /*styles the sidebar buttons to have space underneath*/
	margin-bottom:20px;	
}

#sidenav  { /*holds all the navigation items, this has the same name as old site*/
	width:218px;
	margin-bottom: 30px;
}

/*the next four tags style the main navigation items in the sidenav. The ones with the little ball arrows*/
#sidenav p  {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #008FA1;
}

#sidenav a:link  {
	text-decoration: none;
	color: #008FA1;
	background-image: url(../images/ball_arrow.png);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	padding-left: 1.5em;
	display: block;
}

#sidenav a:visited  {
	text-decoration: none;
	color: #008FA1; 
	/*color:#66C7D0; */
	background-image: url(../images/ball_arrow.png);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	padding-left: 1.5em;
	display: block;	
}

#sidenav a:hover  {
	text-decoration: none;
	color: #008FA1;
	background-image: url(../images/ball_arrow.png);
	background-repeat: no-repeat;
	/*background-position: 1.5em 0.1em; remove the shift-right action */
	background-position: 0em 0.1em;
	/*padding-left: 3em; remove the shift-right action */
	padding-left: 1.5em;
	display: block;		
}
/*the next five styles are for the submenus in the sidenav. I'm not sure what these would relate to in the old site. .thirnav or teritaryNav*/
#sidenav ul  {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#sidenav li  {
	font-family:Verdana, Geneva, sans-serif;
	color:#008FA1;
	font-size:75%;
	line-height: 120%;
	margin-top:0px;
	margin-bottom:8px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
	list-style-type: none;
	background-image: none;
	background-position: 0px 0px;
	padding-left: 0px;
}

#sidenav li a:link  {
	color:#008FA1;
	text-decoration:none;
	background-image: none;
	padding-left: 0px;
	background-position: 0px 0px;
}


#sidenav li a:visited  {
	color:#66C7D0;
	text-decoration:none;
	background-image: none;
	background-position: 0px 0px;
	padding-left: 0px;	
}

#sidenav li a:hover  {
	color:#EF719F;
	text-decoration:underline;
	background-image: none;
	background-position: 0px 0px;
	padding-left: 0px;
}

#sidenav li.selected  {
	color: #EF719F;	
}

#textarea  {  /*holds everything that goes in the textarea. Called textareaSecond in old site*/
	width:600px;
	float:right;
	min-height:300px;
	margin-bottom: 25px;
}

/*the next four items style the section head area. This is the area in the text on Section Head pages only, that has the image
and short desriptor of what that section is about. There really was no equivalent for this in the old site.*/
#sectionhead  {
	width:600px;
	margin-bottom:30px;
}

#sectionheadText  {
	background-image:url(../images/background_sectionheadBoxes.jpg);
	background-repeat: repeat-y;
	width:578px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #cccc99;
	border-left-color: #cccc99;
}

#sectionheadText p {
	width:300px;
	line-height: 160%;
}

#sectionheadText img  {
	width:223;
	float:right;
}
#sectionheadTextRecon  {
	background-image:url(../images/background_sectionheadBoxes.jpg);
	background-repeat: repeat-y;
	width:578px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #cccc99;
	border-left-color: #cccc99;
}
#sectionheadTextRecon p {
	width:400px;
	line-height: 160%;
}
#sectionheadTextRecon img  {
	width:125px;
	float:right;
}
li.gallery-allcaps {
	text-transform: uppercase;
	color: #008FA1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 68%;
	font-weight: bolder;
	background-image: url(../images/ball_arrow.png);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	padding-left: 1.5em;
	display: block;
	letter-spacing: 0.08em;
}
.detail-allcaps{ 
	color: #008FA1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bolder; 
	letter-spacing: 0.08em;
}
/*This styles the paragraphs on Section Head pages that have the little thumbnail pictures next to them. The pictures are just set with an .imageFloatLeft. These paras are set to dodge the pictures and not wrap around them*/
.sectionheadPara  {
	margin-left: 108px;
	min-height: 100px;
}
.subSectionheadPara  {
	margin-left: 108px;
	min-height: 70px; /* for use on interior landing pages ... set height slightly less */
}
.subSectionheadPara h2  { /* use for landing page headings */
	font-size: 75%;
	font-weight: bold;
	color: #008FA1;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: none;
}
/*this holds the .rightcol contents. In the old site we didn't have this parent div, but I needed it because I have an image at the
top and bottom of this div that has images that make the rounded corners*/
#rightColumnDiv  {
	width:190px;
	background-image:url(../images/background_right_column.jpg);
	float:right;
	margin-top: 0px;
	margin-right: 0px; 
	padding-bottom:  0px;
	margin-left: 10px;
	background-repeat: no-repeat;
}
/*These next two tags style the right column text area. This is the same name as the old site. You have additional styles for the old site like .rightcolNewsletter, .rightcolNewsletter h2, etc. Add those as you need them*/
.rightcol  {
	width:158;
	padding-left:15px;
	padding-right:15px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCC99;
	border-left-color: #CCCC99;
	margin-top: 0px;
	margin-bottom: 0px;	
}
.rightcol h3 { /* use for headings in right column */
	font-size: 75%;
	font-weight: bold;
	color: #008FA1;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
 
.rightcol p {
	line-height: 130%;
	margin-bottom:0px;
	padding-bottom: 10px;
}
#rightColumnDivNewsletter  {
	width:190px;
	background-image:url(../images/background_right_column.jpg);
	float:right;
	margin-top: 0px;
	margin-right: 0px; 
	padding-bottom:  0px;
	margin-left: 10px;
	background-repeat: no-repeat;
}
.rightcolNewsletter  {
	width:158px;
	padding-top: 15px;
	padding-left:15px;
	padding-right:15px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCC99;
	border-left-color: #CCCC99;
	margin-top: 0px;
	margin-bottom: 0px;
} 
.rightcolNewsletter h3 { /* use for headings in right column on newsletter pages */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #008FA1;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
.rightcolNewsletter p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 70%;
	line-height: 130%;
	margin-bottom:0px;
	padding-bottom: 10px;
} 
.rightcolNewsletter ul {
	font-family: Verdana, Geneva, sans-serif; 
	line-height: 130%;
	padding-bottom: 10px;
	margin-bottom: 0px;
	visibility: visible;
	margin-left: 0px;
	padding-left: 0em;
	padding-top: 0px;
	margin-top: 0px;
}
.rightcolNewsletter ul li {
	font-family: Verdana, Geneva, sans-serif;	
	font-size: 70%;
	line-height: 130%; 
}
.sidebarfloatright {
	float: right;
	width: 170px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #88b8c5; 
}
.sidebarfloatright p {
	padding-bottom: 10px;
	margin-bottom: 0px;
	visibility: visible;
}



#twoColumn {/*Holds the top_left_col and top_right_col. Is repeated on the page to hold the three distinct areas. Andrea has added this styling to main.css so it can be applied to the disclaimer area on secondary pages. */
	width:840px;
	margin-bottom:30px;
}

#top_left_col  {
	width:500px;
	float:left;
}

#top_right_col  {
	width:300px;
	float:right;
}
/*The next two style the disclaimer text. Not sure if this relates to .disclaimerform on the old site*/
.disclaimer  {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;		
}

.disclaimer a  {
	color:#666666;	
}
	
/*next four elements style the stuff in the bottominfo div. The old site also called this area bottominfo, but had different things in it. So I don't think there is a one to one correlation*/
#bottominfo  {
	width:840px;
	height:32px;
	background-image:url(../images/background_bottominfo.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding-left: 30px;
	background-repeat: no-repeat;
	overflow: hidden;
	padding-right: 30px;
}

#bottominfo p {
	margin-top: 8px;
	font-size: 11px;
	color: #FFF;
}

#bottominfo a  {
	text-decoration:underline;
	color:#FFF;
}

#bottominfo p.disclaimer  { /*styles the text of the disclaimer at the bottom of the pages*/
	color:#000000;
	font-size: 75%; 
}

#attribute  {
	float:right;	
}

/*use to clear columns of divs that sit side-by-side*/
.clearit  {
	clear:both;
	font-size: 1pt;
}

.imagefloatLeft  {
	float:left;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.captionImageFloatLeft {
	font-size: 75%;
	color: #008FA1;
	float: left;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 15px;
	font-weight: bold;
	border: 0px solid #000000;
	text-align: center;
	line-height: 150%;
}
.imagefloatRight  {
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 8px;
}

.captionImageFloatRight {
	font-size: 75%;
	color: #008FA1;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 0px;
	font-weight: bold;
	border: 0px solid #000000;
	text-align: center;
	line-height: 150%;
}
/*next five elements are used to style the addthis icons*/
#addthis  { 
	margin-bottom:10px;
	font-family: Verdana, Geneva, sans-serif;
	color: #008FA1;
	font-size: 75%;
	font-weight: bold;	
}

.addthis_button_email {
	text-decoration:none; 
}
.addthis_button_twitter {
	text-decoration:none; 
}
.addthis_button_facebook {
	text-decoration:none; 
}
.addthis_button_expanded {
	text-decoration:none; 
}
/* styles related to the store */
 #SecondMain {
	background-image: none;
 }
 
  
#store {
	width: 575px;
	clear: left;
	display: block;
	float: left;
	height: auto;
} 

.enlarge {
	font-size: 70%;
	font-style: italic; 
	padding-top: 0px;
	padding-bottom: 3px;
}
.productName {
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	padding-top: 0px;
	color:  #008FA1;
	font-weight: bold;
}
.productNameWide { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	padding-top: 0px;
	color:  #008FA1;
	font-weight: bold;
}
.productDescPartner  {
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom:  5px;
	color: #404073;
	line-height: 120%;
}
.productDescPartner240  {
	width: 240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom:  5px; 
	line-height: 120%;
}
.productDescFORCE {
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	padding-top: 10px;
	margin-top: -10px;
	margin-bottom:  5px; 
	line-height: 120%;
}
.productDescFORCEwide {
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	padding-top: 10px;
	margin-top: -10px;
	margin-bottom:  5px; 
	line-height: 120%;
}   
.productDescOptions {
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom:  0px; 
} 
.productDescHonor {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	padding-top: 0px;
	margin-top: 3px;
	margin-bottom:  0px; 
} 
.productDescPrice {
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom:  0px; 
} 
/* partner shops */
.CellLeftPartner  {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #008FA1;
	border-right-color: #008FA1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 280px;
} 
.CellRightPartner  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #008FA1;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	width: 280px;
} 

.booktitle { 
	font-weight: bold;
}
.brochurepara {
	width: 400px;
	float: left;
}

#wrapper #content #textarea   .journaltitle {
	font-style: italic;
}
td.coordtableleft {
	padding: 5px;
	border: 1px solid #EF719F;
}
td.coordtableright {
	padding: 5px;
	border: 1px solid #EF719F;
}
.CellTopEvents  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #39889E;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 830px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}
 
.eventsDiv, .newsDiv{
	background-image: url(../images/horizontal_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
/* added january 20, 2011 styles for the title in the info & research basics content area -- styling the link, visited, hover, and active states */ 
.p7HGM_panel_content  h2 a:link {
	text-decoration:none;
}
.p7HGM_panel_content  h2 a:visited {
	text-decoration:none; 
}

.p7HGM_panel_content  h2 a:hover {
	text-decoration:underline; 
} 
/* added February 28, 2011 styles for sign-up area on local groups pages */
div .signup {
	padding: 10px;
	background-color: #D8F1F3;

}

/* added July 7, 2011 styles for the curly quotes elements. Added to filter.css, too */
#roundedDiv {	
	border: 1px solid #cdcd9b;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-image: url(../images/background_quote.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 20px;
}
#roundedDiv.leftRightColumn  {
	width:355px;  
}
#roundedDiv.fullwidth  {
	width:568px;
}
#roundedDiv p   {
	margin-top: 5px;
	margin-bottom: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #008FA1;
}
.author {
	text-align: right;
	background-image: url(../images/background_close_quote.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 60px;
	min-height:43px;
}

.subSectionHead2 { 
	margin-bottom: 20px; 
}