/* ALL CSS hacks for IE6 and IE7 are contained in separate stylesheets, which are called up with the Conditional Comment contained in head.php */

/* several stylesheets are used - nav.css (left navigation menu), r-col-1.css (right side login box, babel translator) print.css (to control print functions from any browser), IE6.css, IE7.css and defaults.css. The full listing and location can be found in /include/head.php - which contains all head information below the page <title>. */

body { width:100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	display: block;
	font-family: serif;
	color: #ffffff;
	font-weight: bold;
	background-color: #000066; /* standard dark blue used in all color elements */
	}

/* #header controls graphical placement contained within /include/header.php */

#header {			/* css hack is required to fool IE6 - found in IE6.css */
	padding-left: 4px;
	margin: 0;
	width: 900px;
	}

img.logoL {			/* css hack is required to fool IE6 - found in IE6.css */
	margin-top: 30px;
	margin-right: 3px;
	}


/* Left Navigation Column - see nav.css */


/* Center Content Section */

div.main {			/* Containing element for all center column styles */
	width: 644px;
	margin-left: 6px;
	margin-right: 8px;
	margin-bottom: 10px;
	border: 5px solid #a5cfdc;  /* standard light blue hex value */
	font-family: serif;
	float: left;
}

h2.sectitle {			/* Page/Page Section Titles - contained within blue border - topmost container after
				div.main*/
	width: 632px;
	text-align: left;
	background-color: #a5cfdc;
	color: #000066;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 12px;
	}

h2.failed { 			/* E-Form Page Settings - eform/gform/_lib/failed.php */
	text-align: center;
	color: #ff0000;		/* red */
	margin-top: 40px;
	}

h2.thanx { 			/* E-Form Page Settings - eform/gform/_lib/thankyou.php */
	text-align: center;
	color: #33ff00;		/* green */
	margin-top: 40px;
	}

h3	{   /* Standard, centered h3 */
	color: #a5cfdc;
	text-align: center;
	margin-bottom: 0;
	}

h3.subjustify {			/* Full Justification used for letters at top of glossary .php */
	color: #a5cfdc; 
	text-align: justify;
	padding-left: 12px;
	margin-bottom: 5px;
	}

h3#glossarylink {			/* Vertical letters for each section of glossary .php */
	color: #a5cfdc; 
	padding-left: 12px;
	margin-bottom: 5px;
	text-align: left;
	}

h4.subtitle {			/* Justify Left Titles contained within text area - used within sections on index.php */
	color: #a5cfdc; 
	text-align: left;
	padding-left: 12px;
	margin-bottom: 5px;
	}

h4.centertitle {		/* Centered titles within text area - used on events.php for actual event listing */
	color: #a5cfdc;
	text-align: center;
	margin-bottom: 5px;
	}

p {	/* Standard Paragraph */
	padding-left: 12px; /* standard margin between vertical blue box and any text */
	padding-right: 12px;
	margin-top: 0;
	}

p.centered {			/* used on eform/gform/_lib/thankyou.php and failed.php */
	text-align: center;
	}

p.top {	/* First Paragraph under blue-background section title */
	padding-left: 12px; /* standard margin between vertical blue box and any text */
	padding-right: 12px;
	margin-top: 15px;
	}

p.attrib { /* used below quote to attribute author */
	text-align: center;
	margin-top: 0;
	}

p.include {      /* Used to keep above text block close to above paragraph 
			i.e "Endorsements include the following candidates:" */
	padding-left: 12px;
	margin-top: 0;
	margin-bottom: 0;
	}

p.indent {       /* indents block of text within normal paragraph page - see meeting information on index page */
	padding-left: 48px;
	margin-top: 0;
	}

p.indent-a {       /* indents block of text within normal paragraph page - like "include", permits following indented
			text box to suck up as if part of same paragraph - similar to p.include, but with no space between preceding <p> element - much as this comment should appear */
	padding-left: 48px;
	margin-top: 0;
	margin-bottom: 0;
	}

p.indent-b { padding-left: 48px; } /* used in donations.php */

p.indent2 { padding-left: 72px } /* used in donations.php */

p.indent2-a { padding-left: 72px; margin-bottom: 0; }

p.indent2-b { /* Used For Mission Statement at top of bylaws.php - full justification */
	padding-left: 72px;
	padding-right: 18px;
	margin-top: 0;
	text-align: justify;
	}

p.indent3 {       /* indents block of text within normal paragraph page - smaller font-size - see events.php */
	padding-left: 48px;
	margin-top: 0;
	font-size: 90%;
	}

sup { font-size: 60% } /* Used to encase the "th" within "30th" and all other supercase text */

div.bottom { margin-bottom: 0px; } /* not yet used - reserved for bottom disclaimer - yet to be written */

/* following hr styles are based from hr#nav in nav.css */

hr.gloss { /* used underneath vertical letters on glossary.php */
	color: #a5cfdc; 
	width: 40px;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 16px;
	margin-left: 6px;
	text-align: left;
	}

hr.index { /* horizontal rule used on Issues, News and Links index pages underneath geographical designation */
	color: #a5cfdc; 
	width: 175px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 10px;
	}

hr.index2 { /* horizontal rule used on Issues, News and Links index pages to separate geographical areas */
	color: #a5cfdc; 
	width: 500px; /* longest hr.index - used on multiple index pages */
	float: center;
	font-size: 6px;
	margin-top: 6px;
	margin-bottom: 20px;
	}

hr.index2-bot { /* horizontal rule used on Issues, News and Links index pages to separate geographical areas */
	color: #a5cfdc; 
	width: 500px; /* longest hr.index - used on multiple index pages */
	float: center;
	font-size: 6px;
	margin-top: 6px;
	margin-bottom: 0px;
	}

hr.index0b { /* used to separate subtopic from preceding content */
	color: #a5cfdc; 
	width: 100px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 0px;
	}

/* incremental increases in hr length to better fit under section titles */

hr.index-a { /* horizontal rule used on Issues, News and Links index pages underneath geographical designation */
	color: #a5cfdc; 
	width: 60px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 0px;
	}


hr.index0a { /* horizontal rule used on Issues, News and Links index pages underneath geographical designation */
	color: #a5cfdc; 
	width: 100px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 0px;
	}

hr.index0 { /* horizontal rule used on Issues, News and Links index pages underneath geographical designation */
	color: #a5cfdc; 
	width: 140px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 0px;
	}

hr.index3 { /* same as hr.index, but wider */
	color: #a5cfdc; 
	width: 220px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 0px;
	}

hr.index3a { /* same as hr.index, but wider */
	color: #a5cfdc; 
	width: 260px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 0px;
	}

hr.index4 { /* same as hr.index, but wider */
	color: #a5cfdc; 
	width: 300px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 0px;
	}

hr.index5 { /* same as hr.index, but wider */
	color: #a5cfdc; 
	width: 320px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 0px;
	}

hr.index5a { /* same as hr.index, but wider */
	color: #a5cfdc; 
	width: 360px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 0px;
	}

hr.index5b { /* same as hr.index, but wider */
	color: #a5cfdc; 
	width: 380px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 0px;
	}

hr.index6 { /* same as hr.index, but wider */
	color: #a5cfdc; 
	width: 420px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 0px;
	}

hr.index7 { /* same as hr.index, but wider */
	color: #a5cfdc; 
	width: 440px;
	float: center;
	font-size: 3px;
	margin-top: 0;
	margin-bottom: 0px;
	}



table { /* standard table - centered - see members/precinct-maps.php, and ALL Issues, News and History index pages */
	width: 100%;
	text-align: center;
	margin-top: 10px;
	}


	td {     /* Standard <td> */
		width: 50%;
		padding-bottom: 10px;
		}


		span.eboard { font-size: 120%; } /* Used for NAME of Eboard Officer - executive-board.php */

	td.justify { /* used on links1.php, link2.php, etc. - contains explanatory text below website links */
		text-align: justify;
		vertical-align: top;
		width: 50%;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 90%;
		font-weight: bold;
		}

	td.justify2 { /* used on links1.php, link2.php, etc. - contains explanatory text below website links */
		text-align: justify;
		vertical-align: top;
		width: 50%;
		padding-left: 173px;
		padding-right: 173px;
		font-size: 90%;
		font-weight: bold;
		}

	td.search {  /* used on links1.php, link2.php, etc. - suggested search phrases */
		font-weight: bold;
		font-size: 90%;
		}

	td.subject { /* used on links1.php, link2.php, etc. - see Agriculture/Seven Deadly Myths */
		text-align: center;
		font-size: 130%;
		font-style: italic;
		font-weight: bold;
		color: #a5cfdc;
		}

table.left {  /* used in eform/gform/form.php */
	margin: 12px;
	text-align: left;
	width: 100%;
	}

		/* Specific to eform/gform/form.php: */

		td.eformL { width: 15%; }
		td.eformC { width: 2%; }
		td.eformR { width: 83%; }
		td.dataleft {padding-left: 100px; padding-top: 20px; font-size: 90%; } 
		td.dataleft2 {padding-left: 114px; padding-top: 5px; padding-bottom: 20px; font-size: 80%; } 
			span.left {padding-left: 30px; } /* used for second line of "allowed files" in form.php */

table.bylaws { /* justified table - see bylaws.php */
	margin-left: 12px;
	margin-top: 10px;
	width: 100%;
	text-align: justify;
	}

		td.bl-l {  /* Standard Section numbers in bylaws.php  - column left */
			width: 52px;
			vertical-align: top;
			float: left;
			}

		td.bl-r {   /* Standard Section text in bylaws.php  - column right*/
			width: 556px;
			float: left;
			}

table.bylaws2 { /* justified table used for SUBSECTIONS in bylaws.php */
	margin-left: 72px;
	margin-right: 12px;
	text-align: justify;
	margin-top: 0px;
	}

		td.bl-li {             /* SUBSECTION Letter in bylaws.php - left indented column*/
			width: 20px; 
			vertical-align: top;
			float: left;
			}

		td.bl-ri {		/* SUBSECTION Text in bylaws.php - right indented column*/
			float: left;
			width:  528px;
			float: left;

			}

	table.membership {   /* Used for "membership/dues" level part of bylaws.php (article 3, sect. 5) */
			width: 420px;
			float: left;
			text-align: left;
			padding-left: 130px;
			}

			td.left { width: 65%; }
			td.right { width: 35%; }

table.nested {   /* nested table - see officials.php */
		color: #ffffff;
		width: 50%;
		float: left;
	}

		td.officialsl {  /* left column - used in officials.php inside nested table*/
				width: 35%;
				text-align: center;
			    }

		td.officialsr {  /* right column - - used in officials.php, inside nested table */
				width: 65%;
				text-align: center;
			    }

				span.off1 {font-size: 130%; } /* Representatives Name - officials.php */
				span.off2 {font-size: 95%; } /* Representative's Phone Number - officials.php */


/* centered, nested table found in officials.php at Congressional Representative */

table.nested-cL {  /* left space holder for centered, nested table - uses one <tr><td>&nbsp;</td></tr> w/o class */
		color: #ffffff;
		width: 25%;
		float: left;
		height: 127px;
	}

table.nested-cC {  /* centered, nested table - data container */
		color: #ffffff;
		width: 50%;
		float: left; 
	}

table.nested-cR {   /* right space holder for centered, nested table - uses one <tr><td>&nbsp;</td></tr> w/o class */
		color: #ffffff;
		width: 25%;
		height: 127px;
		float: right;
	}




th.subtitle {			/* subtitles contained at within /e-form/gform/form.php */
	color: #a5cfdc;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 20px;
	font-size: 120%;
	}

th.indexth { /* Index Pages - Issues, News, History, Links */
	font-size: 160%;
	color: #a5cfdc;
	text-align: center;
	}

a:link.textlink {  /* Standrd for Links contained within text */
	color: #a5cfdc;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	}

a:visited.textlink {
	color: #a5cfdc;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	}

a:hover.textlink {
	color: #000066; 
	background-color: #a5cfdc;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	}

a:link.textlink2 {  /* Smaller font-size - used for text in links?.php */
	color: #a5cfdc;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 95%;
	}

a:visited.textlink2 {
	color: #a5cfdc;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 95%;
	}

a:hover.textlink2 {
	color: #000066; 
	background-color: #a5cfdc;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 95%;
	}

a:link.textlink3 { /* used for event comments on event.php - 110% of parent element */
	color: #a5cfdc;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 110%;
	}

a:visited.textlink3 {
	color: #a5cfdc;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 110%;
	}
a:hover.textlink3 {
	color: #000066; 
	background-color: #a5cfdc;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 110%;
	}

a:link.letterlink {  /* used for letters at top of Glossary.php */
	color: #a5cfdc;
	text-decoration: underline;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 100%;
	}

a:visited.letterlink {
	color: #a5cfdc;
	text-decoration: underline;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 100%;
	}

a:hover.letterlink {
	color: #000066; 
	background-color: #a5cfdc;
	text-decoration: underline;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 100%;
	}

a:link.h3 {  /* used to navigate within Links section at top and bottom of links?.php */
	color: #a5cfdc;
	text-decoration: underline;
	font-weight: bold;
	font-size: 120%;
	}

a:visited.h3 {
	color: #a5cfdc;
	text-decoration: underline;
	font-weight: bold;
	font-size: 120%;
	}

a:hover.h3 {
	color: #000066; 
	background-color: #a5cfdc;
	text-decoration: underline;
	font-weight: bold;
	font-size: 120%;
	}


/* officials.php - same as .textlink without padding - padding required on .textlink */


a:link.off { 
	color: #a5cfdc;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	}
a:visited.off { 
	color: #a5cfdc;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	}
a:hover.off { 
	color: #000066;
	background-color: #a5cfdc;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	}

/* members/precinct-maps.php - same as .textlink without padding and without italics */

a:link.prec { 
	color: #a5cfdc;
	text-decoration: underline;
	font-weight: bold;
	}
a:visited.prec { 
	color: #a5cfdc;
	text-decoration: underline;
	font-weight: bold;
	}
a:hover.prec { 
	color: #000066;
	background-color: #a5cfdc;
	text-decoration: underline;
	font-weight: bold;
	}


a:link.textlink-b { /* large links justify left - used for downloadable files at top of bylaws.php) - justify left*/
	color: #a5cfdc;
	text-decoration: none;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	}

a:visited.textlink-b {
	color: #a5cfdc;
	text-decoration: none;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	}

a:hover.textlink-b {
	color: #000066; 
	background-color: #a5cfdc;
	text-decoration: none;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	}

.textlink-c { text-align: center; }

a:link.textlink-c { /* same as "textlink-b, centered */
	color: #a5cfdc;
	text-decoration: none;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	}

a:visited.textlink-c {
	color: #a5cfdc;
	text-decoration: none;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	}

a:hover.textlink-c {
	color: #000066; 
	background-color: #a5cfdc;
	text-decoration: none;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	}

a:link.textlink-c2 { /* Used on History, Issues, News and Links index pages for subject links */
	color: #a5cfdc;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	}

a:visited.textlink-c2 {
	color: #a5cfdc;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	}

a:hover.textlink-c2 {
	color: #000066; 
	background-color: #a5cfdc;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	}

a:link.cal-link { /* text link for calendar entries in events.php */
	color: #a5cfdc;
	text-decoration: underline;
	font-size: 105%;
	font-weight: bold;
	}

a:visited.cal-link {
	color: #a5cfdc;
	text-decoration: underline;
	font-size: 105%;
	font-weight: bold;
	}

a:hover.cal-link {
	color: #000066; 
	background-color: #a5cfdc;
	text-decoration: underline;
	font-size: 105%;
	font-weight: bold;
	}

img.left {float: left; 
	margin-right: 5px;
	}

img.right {float: right; 
	margin-left: 5px;
	}




/* Right Column Formatting - see r-col.css */