

*
{
/*border: 0; */
margin: 0;
padding: 0;
}

img
{
border: 0px;
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	background: url(templateimages/bg.gif);
	line-height: 18px;
	color: #333333;
	
}

p{
	padding: 0px 0px 10px 0px;
	margin:0in;
	margin-bottom:.0001pt;
	/* font-size:10.0pt; 
	comment out for javascript text increase size function */
	font-family:"Arial";
	
}

p.slider {
	font-size:12.0pt;
}

P.gray {
margin:0in;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Arial";
color:#585858;
}

 h1{
	font-size:18px; 
	font-weight: 100;
	color: #e31836;
	text-align: center;
	text-shadow: #666 1px 1px 2px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
	line-height:normal;
	 /*font-size: 3em;  */margin: 20px 0;
}



 h2{
	font-size:18px;
	font-weight: 100;
	color: #000000;
	padding: 0px 0px 0px 0px;
	line-height:normal;
	text-shadow: #666 1px 1px 2px;
}


h3{
	font-size:22px;
	font-weight: 100;
	color: #000000;
	text-align: left;
	padding: 0px 0px 0px 0px;
	line-height:normal;
	text-shadow: #666 1px 1px 2px;
}

h4{
	font-size:14px;
	color: #e31836;
	text-shadow: #666 1px 1px 2px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
	line-height:normal;
	font-weight:bolder;
}

.h4_gray{
	font-size:14px;
	color: #666666;
	text-shadow: #666 1px 1px 2px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
	line-height:normal;
	font-weight:bolder;
}


h5{
	font-size:12px;
	font-weight: 100;
	color: #000000;
	
	padding: 0px 0px 0px 0px;
	line-height:normal;
	font-weight:bolder;
	text-shadow: #666 1px 1px 2px;
}

h6{
	font-size:12px;
	color: #e31836;
	text-shadow: #666 1px 1px 2px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
	line-height:normal;
	font-weight:bolder;
}


h7{
	font-size:14px;
	font-weight: 100;
	color: #000000;
	text-align: left;
	padding: 0px 0px 0px 0px;
	line-height:normal;
	text-shadow: #999 1px 1px 2px;
}

.news_date{
	font-size:12px;
	font-weight: 100;	
	color:#999;
	padding: 0px 0px 0px 0px;
	line-height:normal;
	font-weight:bolder;
	text-shadow: #e31836 1px 0px 1px;
}

.gray_new{
	font-size:12px;	
	color:#666666;
	padding: 0px 0px 0px 0px;
	line-height:normal;
	font-weight:bolder;
	text-shadow: #666 1px 1px 2px;
	display:inline;
}



li.uupdate  {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	line-height:20px;
}
ul{
	padding-left:10px;
	margin:0in;
	margin-bottom:.0001pt;
	font-size:10.0pt;
	font-family:"Arial";
}

li {
	color:#333333;
}

/* Link styling */

a:link, a:visited {
	 text-decoration: none;
}

a:active, a:hover {
	text-decoration: underline;
}

a {
	color: #e31836;
}

IMG.bio {
    display: block;
    margin-left: auto;
    margin-right: 20px;
	 }	
#main {
	width: 965px;
	margin: 0px auto ;
	padding: 0px 0px 0px 0px;
	background:url(templateimages/main.png) center repeat-y;}
	
#page_center {
	position:relative;
	left:10px;
}

#header {
	height: 102px;
	width:965px;
	
}

.neg {
	  position:relative;
	  top: 10px;
	  left: 525px;
	  width:100px;
	  }

.line { border-top: 1px solid #585858;}
#news_header_line {
	border-top: 3px solid #000;
	
}
.footer_line { border-top: 1px solid #585858;
			   position:relative;
			   
			   width:965px;
				}
				
.bottom_line { 
			   border-top: 1px solid #585858;
			   position:relative;
			   top:-11px;
			   left: 140px;
			   width:545px;
				}	
				
#bottom_line_affil { 
			   border-top: 1px solid #585858;
			   position:relative;
			   top:50px;
			   left: 520px;
			   width:165px;
				}					
				
.bottom_line_media_fp { 
			   border-top: 1px solid #585858;
			   position:relative;
			   top:-9px;
			   left: 30px;
			   width:640px;
				}				
					
.bottom_line_sm_media_fp { 
               border-top: 1px solid #585858;
			   position:relative;
			   left: -255px;
			   width:20px;
			   top: 20px;
			   height: 10px;
				}	
												
.bottom_line_sm { 
               border-top: 1px solid #585858;
			   position:relative;
			   left: -255px;
			   width:20px;
			   top: 20px;
			   height: 10px;
				}	
				
.bottom_line_contact_sm { 
               border-top: 1px solid #585858;
			   position:relative;
			   left: 5px;
			   width:20px;
			   top: 20px;
			   height: 10px;
				}	
				
#bottom_line_affil_sm { 
               border-top: 1px solid #585858;
			   position:relative;
			   left: 375px;
			   width:20px;
			   top: 90px;
			   height: 10px;
				}								
				
#affil_bottom_text {
	           position:relative;
			   top:70px;
			   left:410px;	
               width:90px;
			   height: 30px;
			   color: #7f7f7f;
			   font-weight: bold;
			   text-shadow: #999 1px 1px 2px;
			   font-size:18px;
				}
				
.contact_bottom_text {
	           position:relative;
			   top:-1px;
			   left:35px;	
			   color: #7f7f7f;
			   font-weight: bold;
			   text-shadow: #999 1px 1px 2px;
			   font-size:18px;
			
				}	
				
.media_text {
	           position:relative;
			   top:-1px;
			   left:-215px;	
			   color: #7f7f7f;
			   font-weight: bold;
			   text-shadow: #999 1px 1px 2px;
			   font-size:18px;
			
				}								
				
				
 table.affiliations_table {	
			   width: 180px;
			   position:relative;
			   left:390px;
			   top:80px;			 
				}				
 .nysut  {	
			   width:70px;	
			   text-align:center;	 
				}	
				
.aft  {	
			   width:70px;
			   text-align:center;		 
				}
											
.nea  {	
			   width:70px;	
			   text-align:center;	 
				}
				
.aflcio  {	
			   width:70px;	
			   text-align:center;	 
				}				
				
.question {
				width:200px;	
}




table .contact_us_table {
	        
			   width: 650px;
			   color:#292928;
			   position:relative;
			   top:10px;
			   
				}

				
.contact_us_label {
	         font-weight:bolder;
			 display:inline;
			 text-shadow: #666 1px 1px 2px;
				}					

							
.contact_us {
	           position:relative;
			   top:-10px;	
			   left: 0px;
			   height:120px;
			   width: 300px;
				}
				
#affil {
	           position:relative;
			   top:550px;	
			   left: 280px;
			   height:10px;
			   width: 150px;
				}				
				
.media_fp {
	           position:relative;
			   top:-0px;	
			   left: 270px;
			   height:10px;
			   width: 300px;
				}				
				
.affiliations {
	           position:relative;
			   top:-110px;	
				}				

.EventText { position:relative; left: 55px; top:-50px; max-width:250px; clear:none; padding:0px; }
#HPCalTable { width:325px; position:relative; left:75px; top:-30px;}
.HPCalTableTD {height:75px; width :500px;}
#VidTable { position:relative; left:-5px; top:10px; width:200px;}
.VidLink {  width:150px;}

.head_line { border-top: 1px solid #ECECEC;
			width:230px;
			margin: 0px 20px 0px 5px;}
			
.head_line_fr { border-top: 1px solid #585858;
			width:230px;
			margin: 0px 20px 0px 5px;
			position: relative;
			top: -10px;
			}			

#logo {	
		padding: 20px 0px 0px 0px;
		width: 155px;
		float:left;
		
}

#logo H2 a{

		font-family: Arial, Helvetica, sans-serif;
		color:#038760;
		font-size:18px;
		font-weight: bold;
		background: no-repeat;
		}

#logo a {
	text-decoration: none;
	font-size: 14px;
	color: #585858;
	font-weight: bold;
}
	
#logo H2 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	text-align:left;
}

#buttons{
	text-align:center;
	height: 100px;
	width: 700px;
	padding: 38px 0px 0px 0px;
	float: right;
	padding-left: 0px;
	background:url(templateimages/header_gradient.png)
	
	/*position:relative;
	left:-485px;
	top:-40px; */
}
#headarea{
	padding: 25px 0px 0px 0px;
		width: 785px;
		height: 95px;
		float:left;
		background:url(templateimages/header_gradient.png)
}

#header_logos {
 	vertical-align:text-top;
}

#border{
	height: 315px;
	width: 350px;
	border: 1px solid #585858;
	background:#494949;

}
#tabarea{
	position: relative;
	top: 80px;
	left: 525px;
	width: 110px;
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 100;
	display: block;
	float: left;
	text-decoration: none;
	color: #000000;
	text-align: center;
	height: 30px;
	text-transform: uppercase;
	
}


table .dual-buttons {
	width:400px;
	vertical-align:top;
}

td.dual-buttons{
vertical-align:top;	
}

#special_alert {
  
    position: relative;
    left:520px;
    width: 325px;
	top:10px;
}

#email_signup {
    background: none repeat scroll 0 0 #E31836;
    box-shadow: 0 0 5px #666666;
    height: 140px;
    left: 520px;
    margin: 0 0 12px;
    padding: 5px;
    position: relative;
    top: 15px;
    width: 416px;
}

.email_signup_left {
    width: 120px;
}

.email_signup_right {
    width: 120px;
}

.email_signup_title {
    width: 75px;
	color:#FFF;
}

#email_signup_headline {
	font-size:20px;
	font-weight: 100;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	line-height:normal;
	font-weight:bolder;
	height:20px;
	text-shadow: #666 1px 1px 2px;
}

.email_signup_descrip {
color:#E8E8E8;
font-weight:bolder;	
}

.email_signup_spacer {
width:10px;
}



.but {
}

.but_razd { height: 10px;
			width: 30px;
			float: left;}

#buttons .but:hover {
	background: url(../images/but_hover.png) center center no-repeat;
	color:#038760;
	text-decoration: underline;
	}
	
.but_t {background: url(../images/but_hover.gif) center bottom no-repeat;}




.top_left { float: left;
			width: 576px;
			height: 240px;
			}
			
.top_right { float: right;
			width:500px;
			height: 80px;
			background: url(templateimages/top_right.png);
			padding: 0px 20px 0px 0px;}

		
.circl_all {
		height: 19px; 
		vertical-align:top;
		padding: 290px 0px 0px 40px;}

.circl { background: url(templateimages/circl.png) left top no-repeat;
	height: 19px;
	width: 19px;
	margin: 0px 10px 0px 0px;
	float: left;
	display:block;}
.circl:hover {
	background:url(templateimages/circl_hov.png) left top no-repeat; }



#content{
	/*background: url(../images/content.png); */
	padding: 0px 0px 0px 0px;
	width: 500px;
}

#lower_content {
	height:855px;
}

.box {
	float: left;
	width: 172px;
	height: 230px;
	border: 1px solid #585858;
	padding: 5px 5px 5px 5px;
	}
	
.box_poll {
	float: left;
	width: 172px;
	height: 230px;
	
	padding: 5px 5px 5px 5px;
	}


.img_l {	float:left;
		margin: 3px 14px 3px 0px;
}

.img_r {	float: right;
		margin: 9px 10px 3px 10px;
}





.more {
	font-size:12px;
	color: #ffffff;
	text-decoration: underline;
}

.more:hover {
	font-size:12px;
	text-decoration: none;
}

.more2 {
	font-size:12px;
	color: #E31836;
	text-decoration: underline;
}

.more2:hover {
	font-size:12px;
	text-decoration: none;
}

.span_cont { color: #e31836;
			font-weight: bold;
			text-shadow: #999 1px 1px 2px;
			font-size:18px;
			
			 }
 #headlines { 
  color: #e31836;
			font-weight: bold;
			text-shadow: #999 1px 1px 2px;
			font-size:20px;
			
			 }
			 
			 
.span_cont_elec { color: #000000;
			font-weight: bold;
			text-shadow: #999 1px 1px 2px;
			font-size:18px;
			
			 }	
			 	
#elec_main_table {
	width:411px;
	border:none;
	
}	
		 	 
#elec_red_box_link {
	color:#000;
	font-weight:bold;
}
			 
.be_heard { color: #333332;
			font-weight: bold;
			text-shadow: #999 1px 1px 2px;
			font-size:18px;
			
			 }	
.calendar_icon_text { color: #e31836;
			font-weight: bold;
			text-shadow: #999 1px 1px 2px;
			font-size:14px;
			
			 }	

			 		 
.elec-sub-level1 ul {
	list-style-type: none;
	position: relative;
	left:40px;
}

.elec-sub-level2 ul {
	list-style-type:disc;
	position: relative;
	left:40px;
}

			 
.elec-sub { color:#666;
			font-weight: bold;
			text-shadow: #999 1px 1px 2px;
			font-size: 14px;
			 }		

.elec-sub1 { color:#000000;
			font-weight: bold;
			text-shadow: #999 1px 1px 2px;
			font-size: 14px;
			 }				 	 

.span_photo { color: #e31836;
			font-weight: bold;
			font-size: 16px; }

.span_cont_head { color: #e31836;
			font-weight: normal; 
			position: relative;
			text-shadow: #000 1px 1px 2px;
			left: 5px;
			width: 225px;
			}
			
.takeactionfax {
	width:40%;
}


#immed_rel {
	font-size:14px;
	font-weight: 100;
	color: #000000;
	text-align: left;
	padding: 0px 0px 0px 0px;
	line-height:normal;
	text-shadow: #999 1px 1px 2px;
}
	
#media_adv {
	font-size:14px;
	font-weight: 100;
	color: #000000;
	text-align: left;
	padding: 0px 0px 0px 0px;
	line-height:normal;
	text-shadow: #999 1px 1px 2px;
	text-decoration:underline;
}


#bottom {
	color: #585858;
	width:100px;
}

#bottom_tbl {
	position: relative;
	top:20px;
}


#bottom h1 { 
	color: #000000;
	font-size: 18px;
	font-weight: 100;
	text-align: left;
	padding: 15px 0px 0px 0px;
			}

#b_col1 {
	width: 260px;
	float: left;
	margin-left: 0px;
	border-style:solid;
    border-right:thick double #e31836;
	height: 385px;
}
#b_col2 {
	width: 230px;
	float: left;
	margin-left: 43px;
	border-style:solid;
    border-right:thick double #e31836;
	height: 385px;
}
#b_col3 {
	width: 200px;
	float: left;
	margin-left: 43px;
	text-align: left;
}

#b_col4 {
	width: 165px;
	float: left;
	margin-left: 60px;
	text-align: left;
}

.spis_bot {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.spis_bot li {
	padding: 7px 0px 0px 18px;
	background: url(templateimages/spis_bot.gif) 0px 12px no-repeat;
	}
	
.spis_bot a {
	color:#585858;
	text-decoration:none;
	font-weight: 100;
	display: block;
	font-weight: 100;}
.spis_bot a:hover {
	text-decoration: underline;
	}
	
.fu_i {
	padding: 0px 14px 0px 0px;
	vertical-align: middle ;
}

.spis_fu {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.spis_fu li {
	padding: 8px 0px 2px 0px;
	background: none;
	}
	
.spis_fu li a {
	color:#585858;
	text-decoration: none;
	}
	
.spis_fu li a:hover {
	text-decoration: underline;
}


.a_qn {
	font-size:12px;
	color: #e31836;
	font-weight:bold;
	text-decoration: none;
}

.a_qn:hover {
	font-size:12px;
	text-decoration: underline;
}

td { 
height: 25px;
margin:0in;
	margin-bottom:.0001pt;
	font-size:10.0pt;
	font-family:"Arial";

}

#site_footer{
	height: 200px;
	width: 965px;
	font-size: 13px;
	color: #E8E8E8;
	text-align: center;
	padding: 0px 0px 0px 0px;
	background: url(templateimages/footer_back_long.png) 0px 0px repeat-x;
	position:relative;
	left:-0px;
	
}

#site_footer a{
	color: #e8e8e8;
	
}

#background_bottom{
	background: url(templateimages/bg.gif) 0px 0px repeat-x;
    height: 40px;
	width: 965px;
	margin: 0px auto ;
	padding: 0px 0px 0px 0px;
	position: relative;
	left: -0px;
	color: #E8E8E8;
	font-size:16px;
}


#head_images {
	position: relative;
    left: 40px;
	top: 5px;
	width:760px;
	
}



#footer a{
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

#footer a:hover{
	color: #000000;
	font-size: 10px;
	text-decoration: underline;
}

.lh {
	line-height: 22px;
}

.site_footer_table_outside {
	width:5px;
}
.site_footer_table_inside {
	width:25px;
}

.site_footer_table_inside_sm {
	width:15px;
}

.site_footer_table_column1 {
	width:100px;
	text-align:left;
}

.site_footer_table_column4 {
	width:160px;
	text-align:left;
}
.site_footer_table_align {
	text-align:left;
}

.ben_contact_form_table {
  vertical-align:top;
  width:65px;	
}

table.ben_contact_form {
	width:300px;
}

table#welcome_page {
	width:500px;
	border:none;
	
}

.ben_info_table {
	width:600px;
	border: #000 outset;
}

.ben_info_table_header {
	width:600px;
	border:none;
	
}

.ben_info_table_header td {
	background-color:#000;
	color:#FFF;
	font-weight:bold;
}

.ben_info_col1_head {
width:50%;
text-align:center;
font-weight:bolder;	
}

.ben_info_col2_head {
width:25%;
text-align:center;
font-weight:bolder;	
}
.ben_info_col3_head {	
text-align:center;
font-weight:bolder;
}

.ben_info_col1 {
width:50%;
text-align:left;
border: #000  inset 1px;
color:#000;
}

.ben_info_col2 {
width:25%;
text-align:center;
border: #000  inset 1px;
color:#000;

}
.ben_info_col3 {	
text-align:center;
border: #000  inset 1px;
color:#000;

}

table#negotiations_article {	
			   width: 900px;
			   height:900px;			 
				}	
negotiations_article td {
	vertical-align:top;
}

#neg_article_spacer {
	width:250px;
}

table#negotiations_past {	
			   width: 610px;
			   padding: 0;
			   border:none;			 
				}
					
#negotiations_past_col1 {
	width:406px;
	
}

#negotiations_past_col2 {
	width:197px;
}

#neg_inform {
	font-weight:bolder;
	color:#333332;
}

#neg_sidebox {
	vertical-align:top;
}

#teach_ed_sidebox {
	vertical-align:top;
}

.red_bold_font{
  font-weight:bolder;
  color:#e31836;	
}

td.right_side_story {
vertical-align:top;
	
}

td#story_spacer {
width:250px;	
}

td#teach_ed_spacer {
width:50px;	
}

table#teach_ed {
width:900px;	
min-height:600px;
}
.teach_ed_charge{
vertical-align:text-top;
font-size:12px;
}

table#uupdate_story {
width:900px;	
height:1100px;

}
td#uupdate_article_text {
	width:500px;
}

#uupdate_story td{
	vertical-align:top;
}

#news_rel_location {
font-weight:bolder;
display:inline;
color:#e31836;	
}

table#news_rel {
 width:600px;	
}

#press_rel_right {
 width:600px;	
 text-align:right;
}
#press_immed_rel {
 color:#000;
 font-weight:bolder;
 font-size:16px;
}

#press_date_rel {
 color:#000;
 font-weight:normal;
 font-size:16px;
}
/*
scroll styles here
*/

.item { width: 940px; height: 439px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 500px; height: 439px; top: 100px;} 
.scrollable .items {
	width:20000em;
	position:absolute;
	top: -95px;
	left: -2px;
}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:20px;  margin:5px 0; padding-left: 220px;} 
.navi a { width: 20px; cursor:pointer; height: 20px; float:left; margin:0 0 0 3px; background:url(images/circl.png) no-repeat scroll top; display:block; font-size:1px;} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px;  background:url(images/circl_hov.png) no-repeat scroll top}

.header1
{
width: 500px; height: 349px;
padding-top: 90px;
background: url(templateimages/IMG_0226.JPG) no-repeat;
}

.header2
{
width: 500px; height: 349px;
padding-top: 90px;
background: url(templateimages/header2.jpg) no-repeat;
}

.header3
{
width: 500px; height: 349px;
padding-top: 90px;
background: url(templateimages/header3.jpg) no-repeat;
}

.header4
{
width: 500px; height: 349px;
padding-top: 90px;
background: url(templateimages/header4.jpg) no-repeat;
}

.cssCommentBox {
	width: 225px;
	border: 1px solid #999999;
	height: 475px;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: #999999;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	position: relative;
	left: -5px;
	box-shadow: 0 0 5px #000;
}

.cssCommentBoxBenefits {
	width: 225px;
	border: 1px solid #999999;
	height: 525px;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: #999999;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	position: relative;
	left: -5px;
	box-shadow: 0 0 5px #000;
}

.cssCommentBoxQuestionPage {
	width: 325px;
	border: 1px solid #999999;
	height: 525px;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: #999999;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	position: relative;
	left: -5px;
	box-shadow: 0 0 5px #000;
}


.cssClassFocused {
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 5px 0px 0px;
	height: 385px;
}
.cssClassFocusedBoxOuter {
	float: left;
	width: 225px;

	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
	padding: 0px 0px 13px;
}


.cssClassFocusedBox {
	width: 190px;
	border: 1px solid #e4e3e3;
	height: 279px;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: #7f7f7f;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	position: relative;
	left: -5px;
	box-shadow: 0 0 5px #000;
}

.cssClassFocusedBoxVid {
	width: 440px;
	border: 1px solid #e4e3e3;
	background-image: url("../images/gradient.jpg");
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: #e7e3cd;
	height: 150px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	position: relative;
	left: 15px;
	box-shadow: 0 0 5px #000;
	
}
.cssClassFocusedBoxPic {
	width: 440px;
	border: 1px solid #e4e3e3;
	background-image: url("../images/gradient.jpg");
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: #e7e3cd;
	height: 150px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	position: relative;
	left: -210px;
	top:180px;
	box-shadow: 0 0 5px #000;
}
.video_pic {
	width: 410px;
}

.video_pic_main_td {
	width: 195px;
}

.cssClassFocusedBoxChapters {
	width: 250px;
	border: 1px solid #e4e3e3;
	background-image: url("../images/gradient.jpg");
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: #e7e3cd;
	height: 70px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	position: relative;
	left: -10px;
	top:30px;
	box-shadow: 0 0 5px #000;
}

.cssClassFocusedBoxBenForms {
	width: 265px;
	border: 1px solid #e4e3e3;
	background-image: url("../images/gradient.jpg");
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: #e7e3cd;
	height: 100px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	position: relative;
	left: -5px;
}

.cssClassFocusedBoxQuestions {
	width: 325px;
	border: 1px solid #e4e3e3;
	background-image: url("../images/gradient.jpg");
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: #000;
	height: 90px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	position: relative;
	left: 15px;
	top:10px;
}

.cssClassFocusedBoxMainOffice {
	width: 225px;
	border: 1px solid #e4e3e3;
	background-image: url("../images/gradient.jpg");
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: #000;
	height: 90px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	position: relative;
	left: 25px;
	top:10px;
}

.cssClassFocusedBoxNoMargin {
	margin: 0px;
}
.cssClassFocusedBox h2 {
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
}
.cssClassFocusedBox h2 b {
	font: 19px/18px "Cuprum", serif;
	color: #5e5e5e;
	padding: 8px 0px 0px;
	display: block;
}
.cssClassFocusedBox h2 span {
	font: 11px "Verdana", "Geneva", sans-serif;
	color: #929292;
	display: block;
}
.cssClassFocusedBox h2 img {
	float: left;
	padding: 0px 5px 0px 0px;
}
.cssClassFocusedBox p {
	font: 12px/20px "Arial", "Helvetica", sans-serif;
	color: #757575;
	text-align: left;
	padding: 5px 0px 0px;
}
.cssClassFocusedBox span a {
	font: 700 11px/14px "Verdana", "Geneva", sans-serif;
	position: absolute;
	right: 10px;
	bottom: -2px;
}
.cssClassFocusedBox span a:hover {
	color: #585858;
	text-decoration: none;
	text-shadow: 0px 1px 0px;
}
.cssClassFocusedBox .cssClassTopPadding {
	padding: 10px 0px 0px;
}
/* Begin twitter style */
#twitter_update_list {
	font-size: 13px;
	line-height: 21px;
	list-style: none;
	}
#twitter_update_list li {
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #ECECEC;
	}	
#twitter_update_list span, #twitter_update_list span a {
	color: #585858;
	text-decoration: none;
	}	
#twitter_update_list a {
	color: #e41937;
	}
	
/* Begin Style information from old website */
.style7 {	font-size: xx-large;
	font-weight: bold;
}
.style2 {color: #333333}



.MsoNormal {
margin:0in;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Arial";
color:#333333;
}

P.MsoNormal {
margin:0in;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Arial";
color:#333333;
}

.MsoNormal_rel {
margin:0in;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Arial";
color:#333333;
display:inline;	
}

p.FAQItal {
margin:0in;
margin-bottom:.0001pt;
font-style: italic;
font-weight: bold;
color:#CF1519;

}

.OffTble {
width:500px;
border:none;	
}

.OffTitle {
width:470px;	
}


.style9 {
	font-family: Arial, Helvetica, sans-serif;
    color:#000;
}

.style8 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.style21 {font-size: 85%}
.style17 {font-size: small; font-family: Arial, Helvetica, sans-serif; color: #c20101; }


/* End Style information from old website */

.container {width: 400px; margin: 10px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 99%;
	position:relative;
	
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #ffffff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	background-color:#ffffff;
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 99%;
	height: 280px;
	background-image:url(../images/content_bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	position:relative;
	
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

/* Start Colorbox Style */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/colorbox/uupphoto/images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(/colorbox/uupphoto/images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(/colorbox/uupphoto/images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(/colorbox/uupphoto/images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/colorbox/uupphoto/images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(/colorbox/uupphoto/images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(/colorbox/uupphoto/images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(/colorbox/uupphoto/images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(/colorbox/uupphoto/images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#e31836; font-weight:bold;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(/colorbox/uupphoto/images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(/colorbox/images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/colorbox/images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/colorbox/images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/colorbox/images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/colorbox/images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/colorbox/images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/colorbox/images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/colorbox/images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* End Colorbox Style */


/* Start Fancybox Style */

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	/*background: transparent url('blank.gif'); */
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */
/*
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
*/

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


/* End Fancybox Style */

/* Start Solidblocksmenu Style */

/* This css file controls the main top horizontal menu for uupinfo.org */

.solidblockmenu ul{
margin: 0;
padding: 0;
float: right;
font: bold 13px Arial;
width: 945px;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(templateimages/blockdefaultfadefull.jpg) center center repeat-x;
position:absolute;
top: 120px;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: white;
background: transparent url(templateimages/blockactivefadefull.jpg) center center repeat-x;

}

.tabcontainer{
float:right;
clear: right;
width: 945px; /*width of 2nd level sub menus*/
height:1.7em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
background: transparent url(templateimages/blockactivefade.jpg) center center repeat-x;
position:absolute;
top: 155px;
box-shadow: 0px 3px 5px #888;
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/


}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
color:white;
height: 45px;
font-weight:bolder;
}

#sub1   {
color:#000;
}

#sub1 a  {
color:white;

}

#sub2   {
color:#000;
}

#sub2 a  {
color:white;

}

#sub3   {
color:#000;
}

#sub3 a  {
color:white;

}

#sub4   {
color:#000;
}

#sub4 a  {
color:white;
}

#sub5   {
color:#000;
}

#sub5 a  {
color:white;
}

#sub6   {
color:#000;
}

#sub6 a  {
color:white;
}

#sub7   {
color:#000;
}

#sub7 a  {
color:white;
}

#sub8   {
color:#000;
}

#sub8 a  {
color:white;
}

/* End Solidblocksmenu Style */


/* Start timelinestyle Style */
/* This css file controls the timeline section of uupinfo.org */



a {
	color: #e31836;
	text-decoration: none;

}
	a:hover,
	a.selected {
		color: #e31836;
	}


	
	
.sociales {
	text-align: center;
	margin-bottom: 20px;
}

	#timeline {
		width: 800px;
		height: 500px;
		overflow: hidden;
		margin: 100px auto;
		position: relative;
		background: url('../images/jQueryTimelinr_094/blackdot.gif') left 45px repeat-x;
	}
		#dates {
			width: 800px;
			height: 60px;
			overflow: hidden;
			
		}
			#dates li {
				list-style: none;
				float: left;
				width: 100px;
				height: 50px;
				font-size: 24px;
				text-align: center;
				background: url('../images/jQueryTimelinr_094/biggerdotblack.png') center bottom no-repeat;
			}
				#dates a {
					line-height: 38px;
					padding-bottom: 10px;
					text-decoration: none;
				}
				#dates .selected {
			        font-size: 38px;
				}
		
		#issues {
			width: 800px;
			height: 500px;
			overflow: hidden;
		}	
			#issues li {
				width: 800px;
				height: 500px;
				list-style: none;
				float: left;
			}
				#issues li img {
					float: left;
					margin: 10px 30px 10px 50px;
				}
				#issues li h1 {
					color: #e31836;
					font-size: 48px;
					margin: 20px 0;
					text-shadow: #000 1px 1px 2px;
				}
				#issues li p {
					font-size: 14px;
					margin-right: 70px;
					font-weight: normal;
					line-height: 22px;
					text-shadow: #ccc 1px 1px 2px;
				}
		
		#grad_left,
		#grad_right {
			width: 100px;
			height: 500px;
			position: absolute;
			top: 0;
		}
			
		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 170px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -76px;
			}
			#next {
				right: 0;
				background-image: url('../images/jQueryTimelinr_094/nextblack.png');
			}
			#prev {
				left: 0;
				background-image: url('../images/jQueryTimelinr_094/prevblack.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}

/* End timelinestyle Style */

/* Start slides global.css*/


/*
	Page style
*/


#container {
	width:580px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#rotator {
	width:505px;
	height:450px;
	position:relative;
	top: 60px;
	left: -2px;
}

#hprotator {
	width:505px;
	height:450px;
	position:relative;
	top: 25px;
	left: -2px;
}


#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:500px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:500px;
	height:320px;
	display:block;
}


.slides_container div.fax img {
	max-width:230px;
	
	
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:137px;
	left: 1px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:475px;
}

/*
	Pagination
*/

.pagination {
	margin:10px auto 0;
	width:150px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/slides/img/pagination.PNG);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:-10px;
	height:60px;
	width:490px;
	padding:0px 0px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	font-size:1.3em;
	line-height:1.2;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
	font-weight:bolder;
	
}

.cap-sub-text {

	font-size:.8em;
	line-height:1.4;
	color:#fff;
	padding:0px 0px 0 5px;
	position:relative;
	left:-5px;
	top:-8px;
	font-weight:normal;
	
}


/*
	Footer
*/

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}


/* End slides global.css */

/* Start tabalt style.css */
/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/



html { overflow-y: scroll; }
a { text-decoration: none; }
a:focus { outline: 0; }
#page-wrap { width: 340px; margin: 80px auto; }


/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px;  height:155px; }


/* Specific to example one */

#example-one { background: #eee; padding: 5px; margin: 0 0 12px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; height:285px; width:416px; position: relative; top:15px; left: 520px; }

#example-one .list-wrap { position:relative; top:5px; left:0px; width:390px; }

#example-one .nav { overflow: hidden; margin: 0 0 0px 0; position:relative; left:0px;  }
#example-one .nav li { width: 120px; float: left; margin: 0 10px 0 0; color:#FFF; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 3px; background: #111; color: white; font-size: 13px;  text-align: center; border: 0; font-weight:bolder; }
#example-oneb .nav li a { display: block; padding: 2px; background: #111; color: white; font-size: 10px; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: #ffffff; color: black; }

#example-one ul { list-style: none;  }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color:#E31836; font-weight:bolder;}
#example-one ul li a:hover { background: #000000; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover { background-color: #e31836; color: white; font-weight:bolder; }
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover { background-color: #e31836; color: white; font-weight:bolder; }
#example-one ul li.nav-three a.current, #example-one ul.prof li a:hover { background-color: #e31836; color: white; font-weight:bolder; }
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover { background-color: #FE4902; color: white; font-weight:bolder; }

.take-action-link-text {
	position: relative;left:70px; top:-30px; height: 1px; font-size:12px; width:310px;
}

/* Specific to example one - benefits */

#example-one-ben { background: #eee; padding: 10px; margin: 0 0 20px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; height:275px; width:410px; position: relative; top:-5px; left: 515px; top: 15px;}

#example-one-ben .nav { overflow: hidden; margin: 0 0 0px 0;    }
#example-one-ben .nav li { width: 123px; float: left; margin: 0 10px 0 0; }
#example-one-ben .nav li.last { margin-right: 0; }
#example-one-ben .nav li a { display: block; padding: 2px; background: #111; color: white; font-size: 13px; text-align: center; border: 0; font-weight:bolder; }
#example-oneb-ben .nav li a { display: block; padding: 2px; background: #111; color: white; font-size: 10px; text-align: center; border: 0; }
#example-one-ben .nav li a:hover { background-color: #ffffff; color: black; }

#example-one-ben ul { list-style: none;  }
#example-one-ben ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; color:#E31836;}
#example-one-ben ul li a:hover { background: #000000; }
#example-one-ben ul li:last-child a { border: none; }

#example-one-ben ul li.nav-one a.current, #example-one-ben ul.featured li a:hover { background-color: #d30000; color: white; }
#example-one-ben ul li.nav-two a.current, #example-one-ben ul.core li a:hover { background-color: #d30000; color: white;  }
#example-one-ben ul li.nav-three a.current, #example-one-ben ul.test li a:hover { background-color: #d30000; color: white; }
#example-one-ben ul li.nav-four a.current, #example-one-ben ul.classics li a:hover { background-color: #FE4902; color: white; }

/* End tabalt style.css */



/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */


div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 4500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}
