* { margin: 0; padding: 0 } /* Global Whitespace Reset */







html, body {

	background-color: #223360;

	background-image: url(graphics/blue_background.gif);

    background-position: top center;

    background-repeat: repeat-y;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 10pt;

	color: #FFFFFF;

	margin: 0px auto;

	padding: 0px;

}







#wrapper {

	margin: 0px auto;  /* This centers the content */

	width: 800px;

	height: 100%;

	/* border: 1px double red; */

	/* margin-top: 20px; */



}







#header {



	background-image: url(graphics/banner4.jpg);

	background-repeat: no-repeat;

	width: 800px;

	height: 202px;



}







#marquee{

	background-color: #000000;

	text-align: center;

	height: 20px;

	border-bottom: 1px solid red;

	border-top: 1px solid red;

}



#left_column {

	width: 170px;

	float: left;

	text-align: inherit;

	background-image: url(graphics/image5.jpg);

}



#right_column {

	/* width: 600px; */

	float: right;

    width: 630px;

    background-color: white;

    color: black;

	background-image: url(graphics/silver_background.gif);

	background-repeat: repeat-y;

}



#footer {

	clear: both;

	background-color: #000000;

	width: 800px;

	height: 68px;

	border-top: 1px solid red;

}



#footer a {

    color: white;

}





#center {

	text-align: center;

}





ul {

	margin: 0px;

	list-style: none;

	width: 170px;

	}



ul li {

	position: relative;

    z-index: 2;

	float: left;

	width: 170px;

	}



li ul {

	position: absolute;

	left: 170px;

	top: 0;

	display: none;

   	}



ul li a {

	display: block;

	text-decoration: none;

	color: #FFF;

	padding: 5px 0px 5px 10px;



    border-bottom: 1px solid #808080;



	background: url(./graphics/image2.jpg);

	}



li a:hover {

	background: url(./graphics/image3.jpg);

	text-decoration: none;

	color: white;



}



li:hover ul, li.over ul {

	display: block;

    border-top: 1px solid #808080;

    border-right: 1px solid #808080;

    border-left: 1px solid #808080;

    margin-top: -1px;

    width: 210px;

    background: url(./graphics/image3.jpg);

}



ul li ul li a {

    width: 200px;

}







/* Fix IE. Hide from IE Mac \*/

* html ul li { float: left; height: 1%; }

* html ul li a { height: 1%; }

/* End */



p {

	padding: 10px 20px 10px 10px;

	font-size: 11pt;



}



p s {

	padding: 10px 20px 10px 10px;

	font-size: 9pt;

}



a img {

    border: 0px;

}



a {

    color: #202020;

}



a:hover {

	color: #223360;

}



#faqs p {

    padding-left: 40px;

}







#faqs ul {

    list-style-type: decimal;

    list-style-position: outside;

    padding-left: 65px;

    border: 0;

    width: 500px;

}



#faqs ul li {

    z-index: 1;

	float: left;

	width: 400px;

}



#uaw_facts ul {



}





#uaw_facts ul li {

    list-style: none;

    padding: 0 0 0 20px;

    background: url(/graphics/bullet.gif) no-repeat;

}



h1 {

	font-size: 14pt;

	font-family: Arial, Verdana;

	padding: 20px 0 10px 20px;

    color: #223360;

	/* text-decoration: underline; */

}



h2 {

    font-size: 12pt;

    font-family: Arial, Verdana;

    padding: 10px 0 0 20px;

    font-style: italic;

}



h3 {       /* h3 isn't used, but you get the idea.  Go with smaller text for each "H" */

    font-size: 11pt;

    font-family: Arial, Verdana;

    padding: 0 0 0 20px;

    font-style: italic;

}



h4 {
	font-size: 11pt;
	
	font-family: Arial, Verdana;
	
	padding: 0 0 0 20px;
	
	font-style: italic;
	
	text-decoration: underline;	
	

}

/* Brian, I stuck these in, little smaller print, more content on page. */





h6 {

	font-family: Arial, Verdana;

	padding: 0px 0px 10px 30px;

	font-size: 9pt;

}







h5 {

	font-family: Arial, Verdana;

	font-size: 9px;

}



/* Brian, also stuck these in, get forms to validate. */



.formtext {

	font-size: 9pt;

	}



.forminput, .formtextarea {

	color: #202020;

	border: 1px solid #808080;

	margin: 2px;

	padding: 2px 3px 2px 5px;

	font-size: 9pt;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	background-color: #BFBFBF !important;

	overflow: auto;

	}



.forminput {

    width: 200px;

	}



.shortforminput {

    color: #BFBFBF;

    width: 20px;

    border: 1px solid #808080;

    margin: 2px;

    padding: 2px 3px 2px 5px;

    font-size: 9pt;

    font-family: Arial, Verdana, Helvetica, sans-serif;

    background-color: #202020 !important;

    overflow: auto;

	}





.formbuttons {

    background-color: #E0E0E0;

	padding: 0px 3px 0px 3px;

	margin: 2px;

	color: #000000;

	border-top-color: #808080;

	border-left-color: #808080;

	border-bottom-color: #404040;

	border-right-color: #404040;

	border-width: 1px;

	font-size: 9pt;

	font-family: Arial, Verdana, Helvetica, sans-serif;

    }



/* stuck this in to get the form to center. */



.center {

	margin-left: auto;

	margin-right: auto;

}





#feedback {

    background-color: #FFFFFF;

    background-image: none;

    height: 330px;

    width: 550px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 20px;

    margin-bottom: 20px;

    border: 1px solid #223360;

}



#feedback h1 {

    color: #223360;

    font-size: 14pt;

	font-family: Arial, Verdana;

	padding: 10px 0 10px 20px;

}



#feedback p, input {

    padding-left: 20px;

    color: #606060;

    font-size: 10pt;

}



#feedback label {

    padding-top: 10px;

    font-weight: bold;

    clear: both;

    display: block;

}









#commentform {

  padding: 0 0 0 20px;

}



.comment_text {

  width: 506px;

  margin-bottom: 10px;

}



.commentbutton {

  float: right;

  margin-right: 20px;

}



#comment_header hr {





    border: 1px dotted #404040;

    margin: 0px auto;

}



.commentname {

    font-weight: bold;

    font-size: 9pt;

}



.saywhat {

    font-size: 9pt;

}





#thecomment hr {

    height: 0;

    border: 0;

    border-top:1px solid #505050;





}