/* Main stylesheet for the TransParentcy web site. */
/* */
/*  Copyright (c) 2001-2007 TransParentcy, TransParentcy.org */
/* */
/* All rights reserved. {Last Updated, October 2007} All material and information is protected. */
/* */
/* Author: Paula Funatake */


/* main body for all pages */
/* */
body {
	font-family: Calibri, Verdana, Arial, sans-serif;
	text-align: center;
	color: #000000;
	font-size: medium;
	padding-top: 0.5em;
	margin-right: 1em;
	}

a:active {
	color: #CCCCCC;
	background-color: #BADCDC;
}
a:hover {
	background-color: #CCFFCC;
	}
/* pages are divided horizontally into 3 main sections.
/* page header band including logo image and page quote */
#pageheader {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* this is a wrapper div to allow creating a navigation */
/* and content columns of equal height */
#mainpage {
	margin: .2em 0 0 0;
	padding: 0;
	}

/* page footer for all pages */
/* */
#pagefooter {
	clear:both;
	margin: 1em 0 0 0;
	padding-top: 1em;
	padding-bottom: 2em;
	border-top: solid #336666 medium;
	border-bottom: none;
	border-left: none;
	border-right: none;
	text-align: center;
	font-size: 85%;
}

/* the text at the top-right of every page */
/* */
#pagequote {
	float: right;
	clear: right;
	padding: 0 0 0 0;
	width: auto;
	text-align: right;
	font-size: small;
	font-weight: bold;
	margin-right: 1.5em;
	}

/* navigation section */
#navcolumn {
	float: left;
	clear: left;
	width: 10em;
	margin: 3em 2px 2px 0;
	padding: 0 0 1px 0;
	}
#navcolumn a {
	text-decoration: none;
	color: #0000CC;
	}
#navcolumn a:hover {
	font-weight: bold;
	background-color: #CCFFCC;
	text-decoration: underline;
	}
#navcolumn ol {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 2em 0 0;
	font-size: small;
	font-weight: bolder;
}
#navcolumn ol li {
	margin: .2em;
	padding: .3em;
	text-align: center;
	background-color:#81C0C0;	
}
#navcolumn ul {
	list-style: none;
	margin: 1em 0 0 0;
	padding: 0 0 0 1em;
	font-size: small;
	text-align: left;
}

/* main page content section */
/* non-IE (aka Firefox) wraps text under our nav column */
/* and if we max the height of the nav column our footer section */
/* does not display, so the workaround is to set a left margin on our */
/* page content so it "stays" in a single, fixed column.*/
#pagecontent {
	margin: 3em 0 0 10em;
	text-align: left;
	display: block;
}

/* subnav div to hold top of page navigation links */
#subnav {
	margin: 4em 5em -2em 10.5em;
	text-align: left;
	border-bottom: solid #81C0C0 3px; 
	padding-bottom: 0;
	}
#subnav a {
	text-decoration: none;
	color: #0000CC;
	}
#subnav a:hover {
	font-weight: bold;
	text-decoration: underline;
	}
#subnav ul {
	list-style: none;
	margin: 0 0 -2px 0;
	padding: 0;
	}
#subnav ul li {
	display: inline;
	background-color:#81C0C0;
	font-size: small;
	font-weight: bold;
	margin: 0 .7em 0 0;
	padding: .1em .5em 0em .5em;
	}

/* sub section of page content */
#subsection {
	clear: both;
	border-top: solid #336666 medium;
	border-bottom: solid #336666 medium;
	border-left: none;
	border-right: none;
	border-color: #336666 ;
	margin: .2em 0 .2em 0;
	padding-bottom: 0em;
}

/* special section divs */
#specialsection {
	clear: both;
	width: 85%;
	margin: 0 0 0  0;
	padding: 0 0 0 0;	
}
/* special home page stuff */
#homeOnly {
	clear: both;
	width: 65%;
	border: ridge #009999;
	margin: 2em 0 .2em 12em;
	padding: .2em 0 .2em 0;
}
/* page copyright section */
#copyright {
	padding-top: .5em;
}

/* image styles */
#logo {
	paddidng: 0 0 0 0;
	margin: 0 0 0 1em;
}

/* utilitarian styles */
#aligncenter {
	text-align: center;
}
#alignright {
	text-align: right;
}
#italicize {
	font-style: italic;
}

/* special format elements */

/*right aligned paragraph or text */
#nextpage {
	text-align: right;
}
#makebold {
	font-weight: bold;
}
#trademark {
	font-size: 75%;
	text-transform: uppercase;
	vertical-align: super;
}
#footnote {
	vertical-align: super;
	font-size: 65%;
}
#attention {
	width: 85%;
	border: ridge #009999;
	margin: 0;
	padding: .2em;
}

/* main header title for each page */
/* */
h1 {
	font-size: 150%;
	text-align: left;
	color: #489191;
}
h2 { 
	font-size: 125%; 
	text-align: left; 
	color: #489191; 
}
h3 { 
	font-size: 110%; 
	text-align: left; 
	color: #489191; 
}
h4 { 
	font-size: 100%; 
	text-align: left; 
	color: #489191; 
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: .3em;
}
h4.biography {
	margin-bottom: 0;
}
h5 {
	font-size: 105%;
	font-style: italic;
	padding-bottom: 0;
	margin-bottom: -1em;
}

/* special header when used in the banner area */
#logoheader { font-size: 125%; text-align: right; color: #009999; }

#subtitle { text-align: center; }

/* if a subheader is used adjust its size to be smaller than */
/* its parent */
span.subheader { font-size: 70%; }

/* if a listing does not have a link, give it a highlight */
/* using the site's base color scheme */
span.nolink { color: #cc33cc; }

/* to isolate quoted text from another person or article */
#quote { font-style: italic }



/* fieldset for the contact form */
fieldset {
	width: 100%;
	margin: .5em 0 0 0;
	padding: 0;
	border: 0 none #FFF;
	background-color:#D2FFFF;
}
fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none;
}
fieldset li {
	float: left;
	clear: left;
	width: 98%;
	padding-bottom: .5em;
}
label {
	float: left;
	width: 7em;
	margin-right: 1em;
	font-weight: bold;
	font-size: smaller;
}
label.label2 {
	float: left;
	width: 9.5em;
	margin-right: 1em;
	font-weight: bold;
	font-size: smaller;
}
fieldset.submit {
	float: none;
	width: auto;
	border: 0 none #FFF;
	padding-left: 7.5em;
}