/*  STYLE SHEET for my web site  */

/* medium brown =  #8A4A0E - links and accent color, border for footer, spacercolor accent  */
/* very dark brown = #1d090b - almost black - page title, headers, bold text, and breadcrumbs  */
/* very light brown =  background  #fff8dc - makes the light background for the top bar and left column  */ 
/* gray = Links Visited #8B8987   - a dark gray so that the text is not lost on the page */
/* purple 1 = Links Focus #ff00ff  */
/* red = Links hover  #ff0000 - hey, red is red  */
/* purple 2 = Links active #8943BB  */

a:link {color:#7c7c7c;}
a:visited {color:#8B8987;}
a:focus {color:#ff00ff;}
a:hover {color:#ff0000;}
a:active {color:#8943BB;}

h1,h2 {color:#1d090b; font-family:"verdana", sans-serif;letter-spacing:.5em }
h3 {color:#1d090b; font-family:"verdana", sans-serif;letter-spacing:.2em }
h4 {color:#1d090b; font-family:"verdana", sans-serif;}
p {font-size:.9em; font-family:"verdana", sans-serif; line-height:1.3em; }
li {font-size:.9em; font-family:"verdana", sans-serif; line-height:1.3em; }

hr {size="10"; width="10%" align="center"; color="#1d090b";}

/* p2 = slighlty smaller font, regular spacing */
p.p2 {font-size: .9em; font-family:"verdana", sans-serif; line-height:1em; }

/* pagetitle = teal bold, widely spaced for page titles only */
p.pagetitle {font-size:1.3em; font-weight:bold; color: #017B70; font-family:"verdana", sans-serif;letter-spacing:.5em; line-height:1px; }

/* headertitle = teal bold, widely spaced for AAUW header bar  only */
p.headertitle {
	font-size: 2em;
	font-weight: bold;
	color: #017B70;
	font-family: "verdana", sans-serif;
	letter-spacing: .1em;
	line-height: normal;
}


/* justbold = just bold text */
.justbold {font-size:.9em; font-weight:bold; font-family:"verdana", sans-serif;}

/* brownbold = brown bold text */
.tealbold {font-size:1.1em; font-weight:bold; color: #017B70; font-family:"verdana", sans-serif;}

/* brownboldsmall = brown bold text that is smaller */
.tealboldsmall {font-size:1em; font-weight:bold; color: #017B70; font-family:"verdana", sans-serif;}

/* textbig = regular color text that is larger */
.textbig {font-size:1.15em; font-weight:normal; color: #1d090b; font-family:"verdana", sans-serif;}

/*   take this out -- table {border:4px single 1d090b; padding:0px; font-family:"verdana", sans-serif;}

/* sidebar = Table of Contents which is the left navigation  */
.sidebar {font-size:1.25em; background: #017B70; border:2px double #1d090b; font-family:"verdana", sans-serif; vertical-align:top; text-align:left; padding:5px; border:4px double #1d090b;}

/* toc = Table of Contents which is the left navigation  */
.tocdetail {font-size:1.25em; background: #8A4A0E; border:2px double #017B70; font-family:"verdana", sans-serif; vertical-align:top; text-align:center; padding:2px; }

/* right sidebar = Right side bar  */
.rightsidebar {font-size:1.0em; background:#017B70; border:2px double #017B70; font-family:"verdana", sans-serif; vertical-align:top; text-align:left;  border-spacing="0"; padding:2px; border:4px double #017B70;}

/* mainpage = main Page which is the middle content */
.mainpage { font-family:"verdana", sans-serif; vertical-align:top; text-align:left; padding:20px; border:4px double #017B70;background:#ffffff;}

/* topbar = Top row, middle section with the name of the site */
.topbar  {
	background: #FFFFFF;
	font-family: "verdana", sans-serif;
	vertical-align: middle;
	text-align: center;
	border: 4px double #017B70;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	letter-spacing: normal;
}

/* navbar = Second row, middle section with the navigation of the site */
.navbar  {
	font-size: 1em;
	color: #017B70;
	background: #FFFFFF;
	font-family: "verdana", sans-serif;
	vertical-align: middle;
	text-align: center;
	border: 4px double #017B70;
	padding: 1px 1px 1px 4px;
}

/* topends=  Top row, end sections for color, logo or picture */
.topends {
	font-size: 1em;
	background: #FFFFFF;
	font-family: "verdana", sans-serif;
	vertical-align: center;
	text-align: left;
	border: 4px double #017B70;
	padding: 2px;
}

/* breadcrumb at top of pages to keep track of where you are    */
.breadcrumb {font-size:.9em; color:#1d090b; font-family:"verdana", sans-serif;}

/* footer = Footer table  */
.footer {font-size:.8em; background: #ffffff; font-family:"verdana", sans-serif; vertical-align:middle; text-align:middle; border:4px double #017B70; border-spacing="2";}

/* toplogo= Logo table  */
.toplogo {font-size:1em; background: #fffab2; font-family:"verdana", sans-serif; vertical-align:middle; text-align:middle; border:4px double #cba887; border-spacing="2";}

/* datatable= Data table  */
.datatable {font-size:.9em; background: #ffffff; font-family:"verdana", sans-serif; vertical-align:middle; text-align:left;}

/* datatable2= Data table 2 -  for columns of information that you want separated by borders */
.datatable2 {font-size:.9em; background: #ffffff; font-family:"verdana", sans-serif; vertical-align:top; text-align:left; border:4px double #9c6b55; border-spacing="2"; padding2px;}

.center {text-align:center}
.right {text-align:right}
.top {text-align:top}

/* create a class for the page pictures to float on the RIGHT */
.pictureright {margin-top:7px;margin-left:7px;margin-right:7px;float:right; clear:left;}

/* create a class for the page pictures to float on the LEFT */
.pictureleft {margin-top:7px;margin-left:7px;margin-right:7px;float:left; clear:right;}