/* BASIC PROPERTIES FOR NAVIGATION FRAMES */
body {
	background: #000040 url("../graphics/bgblack.gif") fixed; 	/* controls background*/
	font-family: sans-serif; 	/* controls look/style of text*/
	font-size: medium;  	/* controls size of text*/
	color: #ffffff; 	/* controls color of text*/
	margin-top: 0; 	/* next 4 lines control margins*/
	margin-left: 3;
	margin-right: 0;
	margin-bottom: 0;
	}
	
body.navTop {
/*	border-bottom: 3px solid #ff0000;*/ 	/* adds a red line to bottom of top frame (if desired, delete comment markers))*/
	background-image: url("../graphics/bgtop.gif"); 	/* controls background image for top frame*/
	}

body.navLeft {
/*	border-right: 3px solid #ff0000;*/ 	/* adds a red line to left frame (if desired, delete comment markers)*/
	height: 100%; 	/* prevents frame from being less than full height of browser window*/
	}

/* STYLES FOR BLOCKS and POSITIONING */

h2.navLeft { 	/* controls layout of larger links/headings in left frame*/
/*	background-color: #ff0000;*/
	border: 1px solid #ff0000; 	/* controls red box around links/headers*/
	text-align: center; 	/* makes text be centered*/
	font-size: smaller; 	/* controls size of text*/
	font-weight: bold; 	/* makes text bold*/
	letter-spacing: .2em; 	/* stretches text sideways a bit*/
	}
	
div.navLeft { 	/* controls layout of smaller links in left frame*/
	margin-top: .3em; 	/* creates vertical spacing*/
	margin-left: 1.3em; 	/* indents from left edge*/
	text-indent: -.6em; 	/* further indents 2nd line, if link contains two lines*/
	font-size: smaller; 	/* reduces text size*/
	}
	
/* STYLES FOR LINKS */

A { 	/* controls basic appearance of links for navigation frames*/
	color: #ffffff; 	/* white*/
	text-decoration: none; 	/* not underlined*/
	font-weight: bold; 	/* but bold*/
	}

A:hover { 	/* this makes the links look different when the mouse touches them*/
   text-decoration : underline; 	/* underlined*/
   color: #ff0000; 	/* and red*/
   }
   
A.navLeft { 	/* in case you want to make the links on the left side look different*/
	}
	
A.navLeft:visited { 	/* and if they should look different after they've been used*/
   }
   
A.navleft:hover { 	/* in case you want links on the left side to look different*/
   }
   
A.navTop { 	/* this modifies the links in the top frame a bit*/
	margin-left: 20px; 	/* these two space them out a bit*/
	margin-right: 20px;
	font-size: small; 	/* this reduces their size a bit*/
	}
	
A.navTop:hover { 	/* in case you want further variation*/
   }
   
A.navTop:visited { 	/* in case you want further variation*/
   }
	
/* STYLES FOR FONTS, etc */

h1 { 	/* this basically applies only to the words at the very top of the site*/
	margin-bottom: 0; 	/* reduces distance between header and links*/
	color: #ffffff; 	/* white*/
	font-size: large; 	/* large*/
	text-align: center; 	/* centered*/
	}
	
.topmap {  	/* style for the paragraph containing the links in the top frame*/
	text-align: center; 	/* center the whole thing*/
	border-top: 1px solid #ff0000; 	/* put a red line above it*/
	}

img { 	/* sets properties for all images in left and top frames*/
	border: 0; 	/* makes it so that no images will have borders in the top or left frames*/
	}
	
img.topLeft { 	/* sets properties specifically for the IBEW bug*/
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	}

img.topRight { 	/* sets properties specifically for the flag*/
	margin-left: 10px;
	margin-right: 10px;
	float: right;
	}
	
/* 	Miscellaneous Styles */
.copyright { 	/* to control the look of the copyright statement (currently at bottom of left frame)*/
	text-align: center;
	font-size: small;
	color: #ffffff;
	float: bottom;
	}
	
li.fist { 	/* in case you want to put a small version of the lightning-fist beside each link, as a sort of bullet point*/
	list-style-type: outside;
	list-style-image: url("../graphics/fist.gif")
	}
	
/* 	PLAIN TAG TO COPY AND PASTE
blah {
	}
	
	*/