/*common styles for all pages*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	font-size:100%;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px; 
}
.secondPageBody  { /*this is new and styles the second pages to have a background image*/ 
	margin-bottom: -20px;
	background-color: #FFFFFF;
}
p {
	font-size:80%;
	margin-top: 0px; 
	color: #404073;
}
li  {
	font-size:80%;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #404073;
}
li.secondlist {
	font-size: 100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style-type: square;
	margin-left: -1em;
	padding-left: 0px;
	margin-top: .5em;
}
ul.acknowledge {
	margin-top: 0px;
}
li.acknowledgelist {
	margin-top: 0px;
	margin-left: -3em;
	padding-left: 0px;
	margin-bottom: 0px;
	list-style-type: none; 
}
h1  { /*for page titles, just use an H1 and capitalize the letters*/
	font-size:90%;
	font-weight:bold;
	color:#017B89;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

h1.pagename {
	color:#39889E;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;	
}
h2 {
	font-size:90%;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #39889E;
	clear:left;
	font-family: Arial, Helvetica, sans-serif;
}
h2.events {
	margin-top: 15px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #404073;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
form  {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.gobutton { 
	margin-bottom: -8px;
}


label {
	font-size: 80%;
	margin-top: 0px;
}
dt {
	font-size: 80%;
	padding-top: 10px;
	font-weight: bold;
}
dd {
	font-size: 80%;
	margin-left: 5px;
}
a:link  {
	color:#017B89;
	text-decoration:underline;
}

a:visited  {
	color:#5E5E92;
	text-decoration:underline;
}

a:hover  {
	color:#5E5E92;
	text-decoration:underline;
}
.imageBorder {
	border: 1px solid #000000;
	margin-top: 5px;
}
.imageFloatRight {
	float: right;
	border: 1px solid #000000;
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 0px;
}
.imageFloatRightNoBorder {
	float: right;
	border: 0px solid #000000;
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 0px;
}
.captionImageFloatRight {
	font-size: 75%;
	color: #39889E;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 0px;
	font-weight: bold;
	border: 0px solid #000000;
	text-align: center;
	line-height: 150%;
}
.imageFloatLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #000000;
	padding: 0px;
}
.imageFloatLeftNoBorder {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px; 
	padding: 0px;
}
.imageFloatLeftBlueBorder {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #39889E;
	padding: 0px;
}
.imageFloatRightBlueBorder {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	border: 1px solid #39889E;
	padding: 0px;
}
.captionImageFloatLeft {
	font-size: 75%;
	color: #39889E;
	float: left;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 15px;
	font-weight: bold;
	border: 0px solid #000000;
	text-align: center;
	line-height: 150%;
}

/*divs that are used for positioning*/
#wrapper  {
	width:850px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-image: url(../images/background_contentSecond.gif);
	background-repeat: repeat-y; 
}
#topLineHome  {  
	background-color: #F8B9CC;
	position: absolute;
	height: 8px;
	width: 850px;
	left: 0px;
	top: 0px;	
}
#topLine { /*just creates the pink line across the top*/
	background-color: #F8B9CC; 
	height: 8px;
	width: 850px; 
}
#topAreaHome {/*holds the logo, byline, donate button and top nav items */
	position: absolute;
	height: 138px;
	width: 850px;
	left: 0px;
	top: 8px;	
}
#topArea  { /* holds the logo, byline, donate button and top nav items */
	height: 130px;
	width: 850px;
} 
#logoHome  { /*holds the logo*/
	height: 138px;
	width: 299px;
	position: absolute;
	left: 0px;
	top: 0px;	
}
#logo  { /*holds the logo*/
	height: 130px;
	width: 299px;
	float: left;
}
#bylineDonate  { /*holds byline and donate button*/
	position: absolute;
	left: 299px;
	top: 0px;	
}

#topNavHome { /*holds the top nav items*/
	position: absolute;
	height: 25px;
	width: 240px;
	left: 610px;
	top: 0px;
	text-align: right;
}
#topNav  { /*holds the top nav items*/
	height: 25px;
	width: 240px;
	text-align: right;
	float: right;
}
#navbarHome  { /*holds navigation with dropdowns*/
	width: 850px;
	position: absolute;
	left: 0px;
	top: 138px;
	height: 25px;
	z-index: 200;
}
#navbar  { /*holds navigation with dropdowns*/
	width: 850px;
	position: relative;
	height: 25px;
	z-index: 200;
}
#content  { /*used for top page content only. Holds the sidebar, textarea and bottominfo*/
	width: 850px;
	left: 0px;
	top: 163px;
	position: absolute;
	z-index: 100;
}

#contentSecond  { /*used for the secondary page content only. Holds the sidebar, textarea and bottominfo*/
	width: 850px;
	z-index: 100;
}

#sidebar  { /*used for top page content only. Holds the search area, sidenav and sponsors box*/
	width: 221px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#sidebarSecond  {/*used for secondary page sidebar. Changes the sidebar 
to have the light purple background instead of white on top page. Holds the search area and sidenav*/
	width: 221px;
	float: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-color: #EFEFF4;
}

#sidenav  { /*used for the sidenavigation on both top and secondary pages. Holds the tree menu*/
	width: 201px;
	padding: 10px;
}
 
.survey {
 font-size: 13px;
 font-weight: bold;
 color: #39889E;
 text-align: left;
 margin-top: 10px;
 margin-left: 8px;
 margin-right: 5px;
}
 
.surveyButton{
	margin-top: 10px;
	
}
.journaltitle {
	font-style: italic;
}
/* third order navigation that goes at the top of each text area */
.thirdnav { 
	margin-bottom: 15px;
	padding: 0px; 
}
.thirdnav ul {
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 0px;
}

.thirdnav li.inline {
	display: inline; 
	font-weight: normal;
	color: #327689;
}
.thirdnav ul li a:link { 
	color: #327689;
}
.thirdnav ul li a:visited { 
	color: #327689;
}
/* end */


#searchBox  { /*holds the search box on all pages*/
	background-color: #E0EFF2;
	font-weight: bold;
	color: #017B89;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
/*This styles the search box itself*/
.searchbox {
	margin-top: 0px;
	padding-top: 0px;
	border: 1px solid #39889E;
	height: 20px;
}
#textarea  { /*used for top page only where you don't want any padding in the textarea because
you have multiple divs within that area that have to span the full width of the textarea*/
	width: 627px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	position: absolute;
	left: 223px;
	top: 0px;
	z-index: 200;
	height: 774px;
	padding-bottom: 0px;
}
#textareaOverlay  { /*used for top page  to hold the shim.gif that maps a link to voices page */
	width: 625px; 
	position: absolute;
	left: 223px;
	top: 0px;
	z-index: 300;
	height: 250px;
}
#textareaSecond  {/*used for secondary pages where you do want padding in the textarea to indent the text*/
	width: 611px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-top: 25px;
	padding-left: 15px;
	background-color: #FFFFFF;
	float: right;
}

#sectionTitle  {/*used for section titles for each page, the pink bar with reversed text that appears at 
the top of the page*/
	width: 610px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF; 
	background-color: #E390BA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;
	padding-left: 16px;
	padding-top: 8px;
	text-transform: uppercase;
	float: right;
}
h1.breadcrumbs { /*used for section titles for each page, the pink bar with reversed text that appears at 
the top of the page -- some pages use this code and some use sectionTitle above */
	width: 610px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF; 
	background-color: #E390BA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;
	padding-left: 16px;
	padding-top: 8px;
	text-transform: uppercase;
	float: right;
}
 
#sectionTitle   a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#sectionTitle  a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#sectionTitle  a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#sectionTitle   a:active {
	color: #FFFFFF;
	text-decoration: none; 
}
h1.breadcrumbs  a:link {
	color: #FFFFFF;
	text-decoration: none;
}
h1.breadcrumbs  a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
h1.breadcrumbs  a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
h1.breadcrumbs  a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#tertiaryNav  {/*used for the navigation that appears at the top of the pages where you need
tertiary navigation*/
	color:#017B89;
	width:612px;
	font-size:80%;
	margin-bottom: 15px;
}

 
	
/* back to top style */

.totop {
	float: right;
	margin-top: .1em;
}
.rightcol {
	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; 
}
.rightcol p {
	padding-bottom: 10px;
	margin-bottom: 0px;
	visibility: visible;
}
.rightcolNewsletter {
	float: right;
	width: 170px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #88b8c5;
	background-color: #CCE0E6;
	border-top-width: 1px;
	border-top-style: solid; 
	border-top-color: #88b8c5;
	border-bottom-width: 1px;
	border-bottom-style: solid; 
	border-bottom-color: #88b8c5;
}
.rightcolNewsletter h2 {
	padding-bottom: 10px;
	margin-bottom: 0px;
	visibility: visible;
	color: #FFFFFF;
}
.rightcolNewsletter p {
	padding-bottom: 10px;
	margin-bottom: 0px;
	visibility: visible;
}
.rightcolNewsletter ul {
	padding-bottom: 10px;
	margin-bottom: 0px;
	visibility: visible;
	margin-left: 0px;
	padding-left: 1em;
	padding-top: 0px;
	margin-top: 0px;
}
.rightcolnoleftborder {
	float: right; 
	width: 230px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.rightcolnoleftborder p {
	padding-bottom: 10px;
	margin-bottom: 0px;
}
.brca {
	font-weight: normal;
}
 
.pressrelease {
	text-indent: -20px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}
.glossaryterm {
	font-weight: normal;
}
.sameboat {
	float: right;
	border: none;
	display: inline;
	margin-top: -30px;
	padding-right: 230px;
}
.disclaimerform {
	width: 300px;
	font-size: 75%;
}
.more {
	font-style: italic;
}

iframe {
	clear: both;
}

#twoColumn  {/*this holds the two columns at the top of the homepage, top_left_col and top_right_col*/
	width: 627px;
	background-image: url(../images/background_2_col_box.gif);
	background-repeat: repeat-y;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#top_left_col  {/*holds the Spotlight box on the top page*/
	background-color: #FAEBEF;
	width: 385px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	float: left;
}

#top_right_col  {/*holds the Annual Conference box on the top page*/
	background-color: #D7D7E4;
	width: 240px;
	float: right; 
}

#top_span_col  {/*holds the Join the FORCE Community box on the top page. This spans the two above*/
	background-color: #E5F3F4;
	width: 627px;
	padding-bottom: 10px;
}

#top_boxText  {/*holds the text in these areas, since you need the full width for
the graphic titles, this div pads the text below the column head*/
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#top_boxText p  {/*styles the paragraphs in these boxes to be black since it is purple on all the other pages*/
	color: #000000;
}



#sponsorBox  {/*holds the sponsor box on the top page*/
	width: 201px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 400px; 
}
#sponsorBox h1 { /*holds the h1 tag in the sponsor box*/
	display: none; /* causes the link to Support Our Corporate Partners to not display */
}
#bottominfo  {/*holds the bottom info on the top page which is styled slightly
differently than when on the secondary pages*/
	width: 627px;
	margin-top: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E390BA;
	padding-top: 3px;
	clear: both; 
}

#bottominfoSecond  { /*holds the bottom info on the secondary pages*/
	width: 610px;
	margin-top: 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E390BA;
	padding-top: 10px;
	clear: both;
}
#bottominfo p  {
	font-size: 65%;  
	padding-top: 10px;	
}
#bottominfoSecond p  {
	font-size: 65%; 
	padding-top: 10px;	
}
#bottominfo p.disclaimer  { /*styles the text of the disclaimer at the bottom of the pages*/
	color:#017B89;
	font-size: 75%; 
}
#bottominfoSecond p.disclaimer  { /*styles the text of the disclaimer at the bottom of the pages*/
	color:#017B89;
	font-size: 75%; 
}
 

.clearit  { /*is used in a couple of places to clear divs that sit side by side and make the equal in length*/
	clear:both;
}
#randomPictures {
	height: 252px;
	width: 627px;
}
div.plainrow {
	clear: both;
	padding-top: 0px;
	width: 98%;
	margin-top: 25px;
	display: block;
}
div.plainrow span.left { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 48%;
	text-align: left;
	padding-right:  5px; 
}
div.plainrow span.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 48%;
	text-align: left;
}
div.rrrow { /* Styles for the reading room */
	clear: both;
	padding-top: 0px;
	width: 98%;
	margin-top: -20px;
	display: block; 
	margin-bottom: 25px;
	
}
div.rrrow span.left { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 48%;
	text-align: left;
	padding-right:  5px; 
}
div.rrrow span.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 48%;
	text-align: left;
}
div.rrrow span.left p { 
	margin-bottom: 3px;
}
div.rrrow span.left h2 { 
	margin-bottom: 3px;
	margin-top: 15px;
}
div.rrrow span.right p { 
	margin-bottom: 3px;
}
div.rrrow span.right h2 { 
	margin-bottom: 3px;
	margin-top: 15px;
}
/* end Styles for the reading room */

div.sponsorrow {
	clear: both;
	padding-top: 0px;
	width: 98%;
	margin-top: 25px;
	display: block;
	height:140px;
}
div.sponsorrow span.left {  
	float: left;
	width: 150px;
	text-align: left;
	padding-right:  5px; 
}

div.sponsorrow span.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 73%;
	text-align: left;
}
td.featured {
	padding: 5px; 
	margin-bottom: 10px; 
	border: 1px solid #39889E;
	background-color: #E0EFF2; 
	}
.booktitle {
	font-style: italic;
	font-weight: bold;
	clear: both;
}
/*The div where the conference heading goes */
#conferenceTitle  { 
	left:10px;
	top:161px;
	width:600px;
	height:50px;
	z-index:2;
	font-size: 100%;
	color: #666699;
	font-weight: bold;
	text-align: center;
}
#conferenceLogos { 
	left:10px;
	top:231px;
	width:600px;
	height:50px;
	z-index:2;
	text-align: center;
}
#conferenceAtmosphere { 
	left:630px;
	top:161px;
	width:150px;
	height:120px;
	z-index:2;
	color: #39889E;
	font-size: 65%;
	font-weight: normal;
	text-align: center;
}
.collaboration {
	font-size: 80%;
	margin-top: 0px;
	font-weight: normal;
}
.italic {
	font-style: italic;
}
.voicesblurb {
	width: 135px;
}
@media print { 
#topArea  { /* holds the logo, byline, donate button and top nav items */
	height: 130px;
	width: 450px;
} 
#logo  { /*holds the logo*/
	height: 130px;
	width: 299px; 
	margin-left: -18px;
}
#navbarHome  {  
	display: none;
}
#navbar, #topNav , #bylineDonate {  
	display: none;
}
#sidebar, #sidebarSecond   {
	display: none;
}
#sidenav  { 
	display: none;
}
#tertiaryNav  {
	display: none;
}

#textarea, #textareaSecond  {
	width: 7in;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-top: 25px;
	padding-left: 0px;
	background-color: #FFFFFF;
	float: left;
}
#twoColumn  {/*this holds the two columns at the top of the homepage, top_left_col and top_right_col*/
	width: 7in;
	background-image: none;
	background-repeat: repeat-y;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float: left;
	margin-left: -200px;
}
#randomPictures {
	height: 252px;
	width: 7in;
	margin-left: -200px;
}
#top_span_col  {/*holds the Join the FORCE Community box on the top page. This spans the two above*/
	background-color: #FFFFFF;
	width: 6.5in;
	margin-left: -200px;
}
#top_right_col  {/*holds the Spotlight box on the top page*/
	background-color: #FFFFFF;
	width: 240px;
	float: left; 
}
#sectionTitle  {/*used for section titles for each page, the pink bar with reversed text that appears at 
the top of the page*/
	width: 610px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF; 
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	height: 25px;
	padding-left: 0px;
	margin-left: -7px;
	padding-top: 8px;
	text-transform: uppercase;
	float: left;
}
h1.breadcrumbs { /*used for section titles for each page, the pink bar with reversed text that appears at 
the top of the page -- some pages use this code and some use sectionTitle above */
	width: 610px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF; 
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;
	padding-left: 0px;
	margin-left: -7px;
	padding-top: 8px;
	text-transform: uppercase;
	float: left;
}
 
#sectionTitle   a  {
	color: #000000;
	text-decoration: none; 
}
h1.breadcrumbs  a  {
	color: #000000;
	text-decoration: none;
}
h1.pagename {
	color:#000000;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;	
}
h2 {
	font-size:90%;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #000000;
	clear:left;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
	padding-bottom: 0px;
} 
p {
	font-size:80%;
	margin-top: 0px; 
	color: #000000;
}
li  {
	font-size:80%;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #000000;
}
#bottominfo, #bottominfoSecond  {  
	width: 610px;
	margin-top: 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 10px;
	clear: both;
}
#bottominfo p.disclaimer  { /*styles the text of the disclaimer at the bottom of the pages*/
	color:#000000;
	font-size: 75%; 
}
#bottominfoSecond p.disclaimer  { /*styles the text of the disclaimer at the bottom of the pages*/
	color:#000000;
	font-size: 75%; 
}
 
a:link, a:visited, a:hover, a:active, p a:link, p a:visited, p a:hover, p a:active {
	color: #000000;
	text-decoration: none;
	margin-right: 6px;
	margin-left: 6px;
} 
}