/* ______ Global Styles */

th,td,p,.text {   font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; font-weight: normal; color: #000000}

h1 {  text-align:left; font-size: 18px; font-weight: bold;  color: #db7b00; }
h2 {color:#283D04; font-size:16px;}

/*LINKS*/

a {  color: #0066CC; text-decoration: none}
a:hover {  color: #000099; text-decoration: underline}


/* ______ AMP Specific Classes */


/*ARTICLE PAGES*/

.title {   font-size: 18px; font-weight: bold;  color: #db7b00; }
.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*/

.description{
float:left;
width:400px;
}
.listtitle { font-size: 16px; font-weight: bold; color: #283D04; }

.listtitle:hover{ font-size: 16px; font-weight: bold; color: #283D04; }

.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: 9px; color: #444444; }
.subside { font-size: 12px; font-weight: bolder; color: #513212; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.sidelist { font-size: 10px;  color: #333333; padding-bottom: 5px }
.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: Verdana, 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;  }


	a img{ border: none;}
	body{
		text-align: center;
		background: #f2f2f2;
		margin: 0px;
		padding: 0px;
	}
	
	#container{
		width: 945px;
		margin: 0px auto;
		text-align: left;
	}
	
	#features{
		width:780px;
		height: 69px;
		background: url("/img/cfjc_index_02.gif") no-repeat;
	}

.sp_box{margin-left: 100px;}
a.sp_title{color: #283d04;text-decoration: underline;}
a.sp_title:hover{color: #283d04;text-decoration: underline;}

#signup_padder{text-align: right;margin-right: 17px;}
#signup_padder a{color: #db7b00; text-decoration: underline;}
#signup_padder a:hover{color: #db7b00; text-decoration: underline;}


h1#front_title{color: #db7b00;}
.front{padding:10px 20px;}
.front_desc{height: 210px;}
#front{ 
bottom:0;
font-size:20px;
left:24px;
position:absolute;
}
#front a{color: #db7b00; text-decoration: underline;}
#front a:hover{color: #db7b00; text-decoration: underline;}

	
	#signup{
		height: 67px;
		background: url("/img/cfjc_index_03.gif") no-repeat;		
	}
	


	#action{
		width: 431px;
		height: 351px;
		background: url("/img/cfjc_index_13.jpg") no-repeat;		
	}

#content{}

#content_padder_front{
position: relative;
height: 310px;
}

	#blog{
		width: 307px;
		height: 179px;
		background: url("/img/cfjc_index_18.gif") no-repeat;
                display: none;	
	}
	
	#donate{
		width: 329px;
		height: 179px;
		background: url("/img/cfjc_index_19.jpg") no-repeat;		
	}
	
	#updates{
		width: 608px;
		height: 179px;
		background: url("/img/cfjc_index_20.gif") no-repeat;		
	}

#blog_padder, #donate_padder, #updates_padder{
margin: 10px 20px;
}

#blog_title, #donate_title, #updates_title{
color: #db7b00;
font-size: 24px;
margin-bottom: 10px;
}

a.blog_txt, li.blog_item, #blog_box, #donate_txt{color: #838383; font-size: 10px;}

a#grn_link{
font-variant: small-caps; 
color: #3e8359;
text-transform: underline;
} 

a#grn_link :hover{
font-variant: small-caps;
color: #3e8359;
text-transform: underline;
font-style: italic;
} 


#right_nav{padding: 0px 25px;}

#main{width: 560px;
float: left;
}

#main_padder{padding:0 10px 0 20px;}

#sidenav{
width: 385px;
float: left;
background: url('/img/cfjc_side_2.gif') repeat-y transparent;
}

.sidenav_content{width:310px; margin: 7px auto;}




	#footer{
		width: 944px;
		height: 74px;
		background: url("/img/cfjc_index_21.gif") no-repeat;
		clear: both;
	}

#footer_padding{
color:#707070;
font-size:12px;
padding:30px 10px;
}

#footer_padding a, #footer_padding :hover{
color: #707070;
text-decoration: underline;
}

/* DROPDOWN NAV MAGICK */

#navbox{width: 715px;}

#nav, #nav ul {
	float: left;
width: 715px;
	list-style: none;
	line-height: 1;
	background: transparent;
	color: #fbfbfb;
	font-weight:;
	padding: 0;
	margin: 0 0 0 0;
	font-size:12px;	
	font-family: Arial, Helvetica, Verdana, sans-serif;
top: 120px;
text-transform: uppercase;
}

#nav a {
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	color: #707070;
	background: #fff;
font-size: 10px;
}

#nav a:hover {
	color: #db7b00;
	background: #fff;

}

#nav li {
	float: left;
	padding: 0;
font-size: 10px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	w\idth: 200px;
	font-weight: normal;
	color: #070707;
	background: #fff;
opacity:1;
filter:alpha(opacity=100);
	margin: 0;
z-index:100;
}

#nav li li {
width:200px;
}

#nav li ul a {
	padding: 4px 5px 2px 6px;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	
}

#nav li:hover, #nav li.sfhover {
	color: #db7b00;
background: #fff;
}

/*___________ Training/Mentor UDM Display */

.train_item{margin-bottom: 5px;}

.train_label{color:#283d04;}

.train_data{}

.train_name{color:#283d04;font-size: 1.2em; text-transform:capitalize; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em;}

.train_name a{color:#283d04;font-size: 1.1em; text-transform:capitalize; }

.train-org{font-variant: small-caps;}

form#udm_search span.go, form#udm_search input, form#udm_search select {
vertical-align:inherit;
}

#udm_search .go {
font-size:12px;
margin-right:15px;
font-weight:bold;
margin-top:5px;
}

#udm_search .go br{
margin:5px;
display:block;
}

#udm_search select.go {
margin-left:0;
border:1px solid #aaa;
width: auto;
}