/* ______ Global Styles */

th,td,p,.text {   font-family: Arial, Helvetica, sans-serif;  font-size: 12px; margin-right: 10px; font-weight: normal; color: #000000}

.text {
padding-right: 10px;
}

/*LINKS*/

a {  color: #0053a3; font-weight:bold; text-decoration: none;}
a:hover {  color: #0053a3; font-weight: bold; text-decoration: underline;}


/* ______ AMP Specific Classes */


/*ARTICLE PAGES*/

.title {   font-size: 20px; font-weight: bold;  color: #FFB715; }
.subtitle { font-size: 14px; font-weight: bold;  color: #333333; }
.author {  font-size: 12px; font-weight: bold; color: #333333; }
.date {   font-size: 12px; font-weight: bold; color: #555555; }
.form {  font-size: 12px; font-weight: bold; color: #333333}
.photocaption {  font-size: 10px; font-weight: normal; color: #333333; text-align: center; vertical-align: middle; clip:   rect(   ); padding-top: 3px; padding-bottom: 3px}
.docbox {border : 1px double Black; font-size : 13px; text-align : center; }

/*LIST PAGES*/

.listtitle { font-size: 13px; font-weight: bold; color: #0095b2;}
.bodygreystrong {font-size: 12px; font-weight: bold; color: #333333}

/*INDEX PAGE*/

.home {  } 
.homebody { font-size: 12px; color: #000000}
.hometitle {  font-size: 16px; font-weight: bolder; color: #006699; text-decoration: none}
.morelink { text-align: right;  display: block; } 

/*NAVIGATION*/

.breadcrumb { font-size: 12px; color: #333333; text-decoration:none; }
.subside { font-size: 12px; font-weight: bolder; color: #3f3f3f; font-family:Arial, Helvetica, sans-serif; padding-left: 15px; text-transform: uppercase; }
.sidelist { font-size: 12px;  color: #999999; padding-bottom: 5px; text-decoration:none; }
.go { font-size: 9px}

/*NEWS and PR PAGES    bodystronggrey*/

.newstitle { font-size: 18px; font-weight: bold; color: #000000}
.newssubtitle { font-size: 12px; font-weight: bold; color: #333333}
.bodystrong {font-size: 12px; font-weight: bold; color: #000000}       
.bodygrey {font-size: 12px; font-weight: normal; color: #333333}
     /*used in groups*/

/* PAGINATION CLASSES */

div.list_pager {
		text-align: right;
		float: right; 
		width: 90%; 
		position: relative;
		font-size: 11px;
		display: block;
		padding: 5px 5px 10px 5px;

}

div.list_pager a.pager_link {
		font-family: Arial, Helvetica, sans-serif; font-size: 9px
		margin-bottom: 5px;
}

.standout {
		font-weight: bold;
		text-decoration: none;
		font-size:14px;
}

a.standout {
		text-decoration: none;
}

/* ______ AMP Specific Classes for TOOLS */

/*CALENDAR*/
.eventsubtitle {font-size: 12px; font-weight: bold; color: #333333}
      /*used in groups*/

.eventtitle {font-size: 12px; font-weight: bold}
      /*used in groups*/

/*GROUPS & ENDORSEMENTS bodygrey, eventsubtitle,  eventtitle*/


/* LINKS MODULE */

.linktype { font-size: 13px; font-weight: bold;}
.links { padding: 3px; margin-left: 30px; }
.links a { font-size: 11px; }
.links img { float: left; padding: 5px; margin: 5px; border: 1px solid #666; }
.links br { clear: both; }
.links p { display: inline; font-size: 11px; font-weight: normal; color: #666; padding: 0px; padding-left: 4px; font-style: italic;  }
.links p a { color: #f00; font-size: 100%; font-style: italic;  }


/* GALLERY MODULE */
/* list of gallerys */
.gallerylist { padding: 5px; }
.gallerylist a { font-size: 14px; }
.gallerylist img { float: left; margin: 8px; border: 1px solid #666; }
.gallerylist br { clear: both; }
.gallerylist p { display: inline; font-size: 12px; font-weight: normal; color: #666; padding-left: 10px; }
.gallerylist p a { color: #f00; font-size: 100%; 
 font-size: 11px; font-weight: normal; font-style: italic; color: #666;  } 

/* indiv gallery page */
.gallerytitle { font-size: 16px; font-weight: bold; color: #333333; }
.gallery { padding: 0; margin: 0; border: 0; width: 100%; border: 0px solid #666; float: left; }
.gallerycon { width: 200px; height: 200px; float: left; margin: 10px; text-align: center; border: 0px solid #666; }         
.gallerycon img { float: center; padding: 5px; border: 1px solid #666; }
.gallerycap { padding: 5px; border: 0px solid #666; margin: 5px; }



/* FORMS  */

.udm_header { white-space: nowrap; background-color: #CCCCCC; padding: 5px; font-weight: bold; }

.udm_group_label { text-align:left; font-weight: bold; padding-bottom: 5px;}

.form_label_col {text-align:left; font-weight: normal; padding-bottom: 5px;}
.form_data_col  {text-align:left; font-weight: normal;  padding-bottom: 5px;}

/* _________ Design Specific  */

.masborder { border: 2px #000000 solid; }
.features { font-size: 10px; font-weight: bold; color: #000000}
.header { border: 1px #999999 solid; }
.leftnav { background: #EEEEEE;  border-right: 1px #999999 dashed; border-left: 1px #999999 solid;  }
.mainbody { border-right: 1px #999999 solid; padding: 20px;  }
.footer { border: 1px #999999 solid; background: #EEEEEE;  }

table.main_menu a {
text-transform: uppercase;
font-size: 13px;
text-decoration: none;
color: #000000;
}

table.main_menu a:hover {
text-transform: uppercase;
font-size: 13px;
text-decoration: none;
color: #850202;
}

p, h1, h2, td, tr, div{
font-family:Arial, Helvetica, sans-serif;
}

#email_box{
background-image:url("/img/black-box.gif");
width:161px;
height:56px;
display:block;
float:right;	
}

#endorsement {
	height: 25px;
	width: 778px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-align: center;
	padding-bottom: 9px;
	background-position: center center;
	background-image: url(http://www.designaction.org/custdownloads/websites/johnavalos/images/bgtile.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	padding-top: 15px;
}

#fp_intro{
margin-left:22px;

}

#fp_intro  h1{
color:#000000;
font-size:17px;
margin-top:10px;
margin-bottom:3px;
font-weight:bold;
}

#fp_intro  p{
color:#333333;
font-size:13px;
line-height:16px;
margin-bottom:7px;
margin-right:10px;
margin-top:0;
}


#fp_intro  a{
color:#0053a3;
font-size:13px;
text-decoration: none;
font-weight: normal;
}


#fp_intro  a:hover{
color:#0053a3;
font-size:13px;
text-decoration: underline;
font-weight: normal;
}


#fp_map h2{
margin-left:10px;
color:#990000;
font-size:17px;
line-height:20px;
margin-top:20px;
margin-bottom:0px;
}

#fp_map p{
margin-left:10px;
font-size:12px;
font-weight:bold;
margin-top:0px;
margin-bottom:10px;
}

#fp_main{
padding-top:25px;
background-image:url("/img/bg.gif");
background-repeat:repeat-x;


}

#fp_updates{
margin-left:20px;
}

#fp_updates .fp_col_top {
width:260px;
height:39px;
background-image:url("/img/camp_updates.gif");
}

#fp_updates .fp_col{
width:260px;
height:251px;
background-image:url("/img/bd_camp.gif");
}

#fp_updates .fp_col_footer{
width:260px;
height:13px;
background-image:url("/img/ft_camp.gif");
}

#fp_d11 .fp_col_top {
width:222px;
height:38px;
background-image:url("/img/we_11.gif");
}

#fp_d11 .fp_col{
width:222px;
height:251px;
background-image:url("/img/bd_d11.gif");
}

#fp_d11 .fp_col_footer{
width:222px;
height:13px;
background-image:url("/img/ft_d11.gif");
}

#fp_blog .fp_col_top {
width:225px;
height:38px;
background-image:url("/img/camp_blog.gif");
}

#fp_blog .fp_col{
width:225px;
height:251px;
background-image:url("/img/bd_blog.gif");
}

#fp_blog .fp_col_footer{
width:225px;
height:13px;
background-image:url("/img/ft_blog.gif");
}
img.nav_bt{
margin-left:1px;
margin-top: 1px;
}

img.first_bt{
margin-left:0px;
}

#footer{
margin-top:35px;
margin-bottom:30px;
text-align:center;
font-size:12px;
color:#666666;
}

#footer a {
color:#000000;
text-decoration:none;

}

.col_item {
padding-left:20px;;
padding-right:20px;;
padding-top:12px;
padding-bottom:6px;;
}

p.fp_date{
margin:0px;
font-weight:bold;
font-size:13px;
}

h3.col_title{
font-size:12px;
color:#990000;
}

a.blurb_more{
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#666666;
font-style:italic;
}

h3{
margin:0px;
}



p.fp_blurb{
margin:0px;
color:#666666;
font-size:12px;
}


body {
background-image: url(http://www.designaction.org/custdownloads/websites/johnavalos/images/bgtile2.gif);
background-position: center top;
background-repeat: no-repeat;

}



.nav_header{
display:none;
}
.nav_item{
margin-left:22px;
margin-right:20px;
padding-bottom:10px;
padding-top:10px;
border-bottom: 1px solid #FFB715
}




#email_box p{
color:white;
font-weight:bold;
margin-left:12px;
margin-top:-5px;
}

#email_box input{

border: medium none ;
margin-top: 12px;
margin-left: 10px;
margin-bottom: 0px;
padding: 2px; 
color: rgb(154, 167, 189);
font-size: 10px; 
width: 115px;

}


#in_updates{
margin-left:0px;
margin-top:20px;
}

#in_updates .in_col_top {
width:191px;
height:39px;
background-image:url("/img/campup_top.jpg");
}

#in_updates .in_col{
width:191px;
background-image:url("/img/bd_camp.gif");
}

#in_updates .in_col_footer{
width:191px;
height:19px;
background-image:url("/img/campup_bt.jpg");
}

#col_left{
margin-top:30px;
}
#col_main{
margin-top:30px;
}
#col_right{
margin-top:30px;
}


div.article_media {

margin-left:0;

}

