/* CSS Document */
html,body{ font-family: "Microsoft Sans Serif"}
html{
	background-image: url(../images/css/bg_html1.jpg);
	background-repeat:repeat-x;
	background-color: #cccccc;}
body{background-color: #999999;
	background-repeat:repeat;
	border: thin #FFFFFF solid;
	max-width: ;
	margin-left: 5%; 
	margin-right:5%; 
	margin-top: 5%;
	margin-bottom: 5%}
div#hd a{background: url(../images/css/hdeader_new copy.jpg) 0 0 no-repeat; /*Change height to fit image*/
	width:1200px;
	height:300px;
	width:auto;
	margin-top:10px;
	display:block;}
div#hd a:hover{background-position: -1200px 0;}
div#hd a:active{}
div#bd{background-color: #FFFFFF;}
div#bd p{ 
	font-size: 100%;
	margin-left:40px;
	padding-bottom:10px;
	padding-top:15px;
	padding-left:0px;
	padding-right:25px;
	text-indent:20px;
	line-height:130%;
	word-spacing:1.5px;}
div#bd h1{
	font-size:197%;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:20px;}	
div#bd h2{
	font-size:182%;
	margin-left:15px;
	margin-right:15px;
	border-top:2px black solid;
	border-bottom:2px black solid;
	padding-top:2px;
	padding-bottom:2px;
	background-color: #FFFFCC;
	width:auto;
	color:#141370;
	}	
div#bd h3{
	font-size:153.9%;
	margin-left:20px;
	margin-right:15px;
	background-color:;
	width:;
	color: #000000;}	
div#ft{background-image: url(../images/ft_filler.jpg); height:150px; background-repeat:no-repeat}
div#nav2{background-image: url(../images/css/bg_carbon_fiber_3a.jpg); 
	background-repeat:repeat-x;
	background-position:top;
	background-color:#CCCCCC;
	padding-bottom:0px;
	padding-top:20px;
	height:75px;
	font-size:197%;
	font-weight:bolder;
	width:100%;}
div#nav2 p{
	margin:0px;}
div#nav2 ul{
	margin-top:40px;
	margin-bottom:30px;
	margin-right:10px;
	margin-left:5px;}
div#nav2 li{}
div#nav2 li a{ font-size:100%;
	color:#0000FF}
div#nav2 li a:hover{ 
	font-size:138.5%;
	background-color:#0000FF;
	color:#FFFFFF}
div#nav2 li a:active{}
div#nav2 li a:focus{}
div#nav2 li a:visited{}
div#nav2_close{
	background-image: url(../images/css/bg_carbon_fiber_3a.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:75px;
	width: 100%}

div#map{margin-left:50px; border:thin black solid; } /*Google Map API*/

p.elegant{margin-left:25px;
	margin-right:25px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:25px;
	padding-bottom:25px;
	letter-spacing:1px;
	word-spacing:2px;
	line-height:120%;
	text-align: justify;}
*.elegant{
	}

*.instruction{
	margin-left:40px; margin-right:20px; margin-top:15px; margin-bottom:15px;
	padding-top:5px; padding-bottom:5px;
	letter-spacing:.75px;
	word-spacing:1.5px;
	line-height:115%;
	text-align: left;
	border-top: 1px solid black; border-bottom: 1px solid black}
li.instruction{list-style:none; list-style-type:none}
p.instruction{}

*.shrinkwrapped{float:right}
*.shadowed{background-image:url(../images/css/opacityTile_33percent.png); background-position:right bottom; background-repeat:no-repeat;}
*.shadowed-rt{background-image:url(../images/css/opacityTile_33percent.png); background-position:right 20px; background-repeat:no-repeat;}
*.shadowed-lb{background-image:url(../images/css/opacityTile_33percent.png); background-position:left -80px; background-repeat:no-repeat; padding-right:2px; padding-bottom:2px}

a{display:inline;color: #000099;padding:0px}
h1, h2, h3, h4, h5{font:monospace}
h1{font-size:197%}
h2{font-size:167%}
h3{font-size:146.5%}
h4{font-size:123.1%}
h5{font-size:100%}

p:first-letter {font-size: 123.1%;}
p:first-line { letter-spacing:1px; word-spacing:2px;}

*.date {color: #999999; font-style:italic; font-size:77%;}
/*Use "left" OR "right" CLASS to position callout & quotes*/
*.callout{
	width: 200px;
	padding:6px;
	margin: 10px 40px 10px 30px;
	position: relative;
	top: 10px;
	font-size:137.1%;
	line-height:normal;
	font-weight:bold;
	text-align:;
	color:white;
	background-color:#0054A5;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:6px solid black;
	border-top:6px solid black;
	letter-spacing:normal;
	}

blockquote{
	width:85%;
	margin:10px auto;
	position:relative;
	left:0%;
	text-align:justify;
	line-height:1.3em;
	color:black;
	padding-top:25px;
	padding-left:40px;
	background-image:url(../images/css/quotes_2_open_smaller.jpg);
	background-position: 40px 30px;
	background-repeat:no-repeat;
	z-index:0;}
blockquote div{
	padding-bottom:10px;
	padding-right:15px;
	margin-right:30px;
	background-image:url(../images/css/quotes_2_close_smaller.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	border:#CCCCCC 1px solid}
blockquote p{
	font-size: 100%;
	margin-left:0px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:20px;
	text-indent:0px;
	line-height:130%;
	word-spacing:1.5px;
	font-weight: bold}
blockquote cite{
	margin-top:10px;
	display:block;
	text-align:right;
	margin-right:75px;
	font-size:93%;
	border: #CCCCCC 1 px solid;}
*.blockquote_source{
	margin-top:0px;
	display:block;
	color:#FF0000;
	text-align:right;
	font-size:93%}
*.blockquote_date{
	margin-top:0px;
	display:block;
	color:#999999;
	text-align:right;
	font-size:93%}
*.text-white{font-variant:small-caps; color:#FFFFFF;}
*.text-indent{ text-indent:20px;}
*.text-indent_hang{text-indent:-20px; padding-left:20px}
*.text_largebold{font-size:146.5%;}
*.bg_color_uaw_blue{background-color:0054a5}
*.bg1{background-color: #EEEEEE;}
*.bg2{background-color: #141370 }
*.bg3{background-color:#FFFFFF;}
*.bg4{background-image: url(../images/css/ltblue2blue_2.jpg); background-repeat:repeat-x}
*.bg5{background-image:url(../images/css/white2gray.jpg); background-repeat:repeat-x}
*.bg6{background-image:url(../images/css/blue2white_x.jpg); background-repeat:repeat-x; background-position:bottom}
*.bg7{background-image:url(../images/css/white2gray_y.jpg); background-repeat:repeat-y; background-position:right}
*.bg8{background-image:url(../images/css/blue2white_y.jpg); background-repeat:repeat-y; background-position:left}
*.bg9{background-image:url(../images/css/gray2white_y.jpg); background-repeat:repeat-y; background-repeat:left}
*.bg10{
	background-image:url(../images/css/gray2white_y.jpg);
	background-repeat:repeat-y;
	background-repeat:;
	background-image:url(../images/css/white2gray_y.jpg);
	background-repeat:repeat-y;
	background-position:left;
	}
*.bg11{
	background-image:url(../images/css/bg_30px_blu_2_wht.jpg);
	background-repeat:repeat-x;}
*.bg12{background-image: url(../images/css/bg_carbon_fiber_trans.jpg); background-repeat:repeat-x;}

*.bg_leather{background-image:url(../images/css/leather.jpg); height:75px; width:auto; background-repeat:no-repeat;
	background-position: top left; z-index:1; margin: 0px -20px -10px -20px; padding:0px -20px -10px -10px; position:relative}
	
*.bg_carbon_fiber{background-image: url(../images/css/bg_carbon_fiber_3aa.jpg); background-repeat:repeat-x; height:75px}
*.bg_carbon_fiber_blank{
	background-image: url(../images/css/bg_carbon_fiber_3a.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:75px;
	max-width:180px;}
*.bg_gradient_html{background-image:url(../images/css/#0054A5_2_#CCCCCC.jpg)}
*.border{
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;}
*.border_gray{border: thin solid #666666;}
*.border1{border:thin solid #000000}

*.centeredImage{
	background-color: #CCCCCC;
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;}
*.inline {display:inline; line-height:normal; padding:0px; margin:0px}
*.repeat{background-repeat:repeat-x;}

*.spacer{margin-left:800px}
*.space_pad_bottom{padding-bottom:20px}
*.space_pad_top{padding-top:20px}
*.space_pad_left{padding-left:20px}
*.space_pad_right{padding-right:20px}

*.space_margin_bottom{margin-bottom:20px}
*.space_margin_top{margin-top:20px}
*.space_margin_left{margin-left:20px}
*.space_margin_right{margin-right:20px}

*.space_margin_main{padding-left:20px; padding-right:20px}
*.margin_top {margin-top:50px}
*.margin_bottom {margin-bottom:50px}

*.spacer_col{margin-bottom:10px; margin-top:10px;}

*.left {float:left; margin-left:0;}
*.right {float:right; margin-right:0;}

/*Navigation Menu*/
div#nav_horiz_menu {
	position: relative;
	margin-bottom: 20px;
	width:100%;
	position: bottom;
	padding:0;
	left:0;
	right:0;}
ul#menu{
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	display:;
	height:20px;
	font-weight:bold;
	text-transform:lowercase;
	background: #000000;
	font-family:"Trebuchet MS";
	font-size:131%;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:2px solid #000000;
	color: #FFFFFF;}
ul#menu li{
	display:inline;
	margin:0;
	padding:0;
	width:100%}
ul#menu li a{
	display:inline;
	float:none;
	color: #CCCCCC;
	text-decoration:none;
	font-weight:bold;
	padding:0 2% 0 2%;
	height:28px;}
ul#menu li a:hover{
	color: #FFFFFF;
	background-color:#0054a5;
	border-top:0px solid #0066FF;}
a:link {color: #0000FF;}

/* Officials & vcard display */
*.vcard{
	border:1px black solid;
	height: 65px;
	width:auto;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:20px;
	background-color:#141370;
	}
*.officials_info{
	margin-left:75px;
	color:#FFFFFF;
			}
*.officials_photo{
	border: ;
	position: relative;
	left:5px;
	top:-60px;
	width:60;
	
}

/*RSS XML XML XML XML XML XML XML XML XML XML RSS RSS RSS RSS RSS RSS RSS RSS RSS RSS RSS Feed*/
div#rss_feed{ background-image: url(../images/css/gray2white_y.jpg);
	background-repeat:repeat-y;
	background-color: #FFFFFF;
	border-left:1px #000000 solid;
	margin-left:0px; }

.labelfield{ /*CSS for label field in general*/
	color:brown;
	font-size: 85%;}
.datefield{ /*CSS for date field in general*/
	color:red;
	font-size: 50%;}

#example1 li{ /*CSS specific to demo 1*/
	margin-bottom: 4px;}

#example2 div{ /*CSS specific to demo 2*/
	margin-bottom: 5px;}
#example2 div a{ /*CSS specific to demo 2*/
	text-decoration: none;}

#example3 p{ /*CSS specific to demo 3*/
	padding-left:;
	text-indent:15px;
	margin-bottom: 5px;
	border-bottom:1px #000000 solid;
	font-size:85%}
#example3 a{ /*CSS specific to demo 3*/
	display: block;
	color: #0054A5;
	text-decoration:none;
	text-indent:5px;
	font-size:100%;
	margin-left:-10px;
	padding-top:0px;
	margin-bottom:-10px;
	padding-right:5px;
	line-height:110%;
	letter-spacing:1px;
	word-spacing:1.75px;
	font-weight:bold;	}
#example3 a:hover{font-size:116%;}
#example3 a:visited{color: #666666}
#example3 li{ /*CSS specific to demo 3*/
	padding-left:30px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px #999999 solid;
	font-size:93%}

code{ /*CSS for insructions*/
	color: red;}


/*Photo Card*/
.card-left, .card-right, .card {
       float:left;
       width:150px;
       margin:0 15px 15px 0;
       padding:10px 0;
       text-align:center;
       background:white;
       border-right:1px solid #ccc;
       border-bottom:1px solid #ccc;
	   border-left:1px solid #ccc;
	   border-top:1px solid #ccc;
       font-size:100%;
       }
.card-right {
       float: right;
       margin: 0 0 15px 15px;}
.card{float:none}
*.card-title{ font-style:italic}
*.card-photo{text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;}
*.card-desc{font-size:100%}
*.card-info{color:#0000FF}


/* Clearing Floats Standard & Advanced Solution/Hacks */
*.clear{clear:both}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix1 {display: inline-block;} /*Original Clearfox Hack*/
.clearfix {clear:both; display: block; height:0px; font-size:1px; line-height:0px;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/
.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
	display: none;}
.paginationstyle{ /*Style for demo pagination divs*/
	width: 250px;
	text-align: center;
	padding: 2px 0;
	margin: 10px 0;}
.paginationstyle select{ /*Style for demo pagination divs' select menu*/
	border: 1px solid navy;
	margin: 0 15px;}
.paginationstyle a{ /*Pagination links style*/
	padding: 0 5px;
	text-decoration: none;
	border: 1px solid black;
	color: navy;
	background-color: white;}
.paginationstyle a:hover, .paginationstyle a.selected{
	color: #000;
	background-color: #FEE496;}
.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
	border: 0;
	padding: 0;}
.paginationstyle a.imglinks img{
	vertical-align: bottom;
	border: 0;}
.paginationstyle a.imglinks a:hover{
	background: none;}
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
	color: #000;
	background-color: yellow;}
	
/*Accordian Menu CSS */
.arrowlistmenu{width: 160px;margin-left:15px;} /*width of accordion menu*/
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px Arial;
	color: white;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	background-color: black;
	background-image: url(../js/AccordianMenu/titlebar_blue.jpg);
	background-repeat: repeat-x;
	background-position: left center;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(../js/AccordianMenu/titlebar-active_red.jpg);}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;} /*bottom spacing between each UL and rest of content*/
.arrowlistmenu ul li{padding-bottom: 2px;} /*bottom spacing between menu items*/
.arrowlistmenu ul li a{
	color: #A70303; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
	background-image: url(../js/AccordianMenu/arrowbullet.png);
	background-repeat: no-repeat;
	background-position: left center;}
.arrowlistmenu ul li a:visited{color: #A70303;}
.arrowlistmenu ul li a:hover{color: #A70303;background-color: #F3F3F3;}/*hover state CSS*/

	
/* END CSS Document */