/* ______ Global Styles */

body {
background: #4e2318;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif; 
}

th,td,p,.text {   font-family: Arial, Verdana,  sans-serif;  font-size: 12px; line-height: 16px; margin-right: 3px; font-weight: normal; color: #000000}

/*LINKS*/

a {  color: #531402; text-decoration: none}
a:hover {  color: #531402; text-decoration: underline}


/* ______ AMP Specific Classes */


/*ARTICLE PAGES*/

.title {   font-size: 22px; font-weight: normal;  color: #f46602; line-height: 24px;}
.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: 12px; font-weight: bold; color: #f46602 }
.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: 10px; color: #666666;  }
.subside { font-size: 12px; font-weight: bolder; color: #531402; }
.left_nav { font-size: 11px; margin: 0px 0px 0px 0px;  padding: 0; padding: 20px; }
.nav_element {
border: 1px solid #edeedd; 
width: 217px; 
}
.left_nav ul {  list-style-image: url(/img/circ_inside_detail_07.gif); list-style-type: image;list-style-position: outside; margin: 6px 6px 6px 5px;  padding: 5px 5px 5px 5px; font-weight: bold; color: #531402; font-size: 11px; width: 160px;}
.left_nav li {  margin: 0;  padding: 3px 3px 3px 2px; font-size: 11px;}
.sidelist { font-size: 12px; font-weight: bolder;color: #531402; padding-bottom: 5px }
.go { font-size: 9px}

/*NEWS and PR PAGES    bodystronggrey*/

.newstitle { font-size: 18px; line-height: 20px; font-weight: bold; color: #ff6600}
.newssubtitle { font-size: 14px; line-height: 16px; font-weight: bold; color: #000000}
.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: 300px; height: 250px; 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; font-weight:normal;
padding-bottom:20px;}
.form_data_col  {text-align:left; font-weight: normal;  padding-bottom: 5px;}

.form_span_col textarea { width: 330px; }

.form_data_col input { width: 200px}

/* _________ 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 { color: #f36501; font-size: 12px; font-weight: bold; text-align: left; margin-bottom: 10px; }
.footer a { color: #f36501; font-size: 12px; font-weight: bold;}
.footer2 { color: #f36501; font-size: 9px; margin:0px; text-align: left;  }
.lang_links {
color: #788203;
font-size: 10px;
font-weight: bold;
}

.home_mission {
color: #531402;
font-size: 13px;
}

.rowlight { background: #F3F4E9; }
.rowdark { background: #EAEBD7; }
.fptitles { color: #788203; font-size: 14px; font-weight: bold; }
.fpnavs { color: #444444; }
.fpnavs a {  color: #788203; }
.fpimg { }
.fpmore { color: #788203; font-style: italic; }

.sptitles { color: #F26500; font-size: 12px; font-weight: bold; display: block; margin: 4px; }
.spmore { color: #F26500; font-style: italic; font-weight: bold; display: block; margin: 4px; }
.spimg { border: 2px solid #FFECDA; display: block; width: 130px; height: auto; margin: 4px; }
.spdesc{margin:4px;}

/* dropdown nav's */

#nav, #nav ul {
	float: left;
width: auto;
	list-style: none;
	line-height: 1.1em;
	/*background: white;*/
	text-transform:none;
	color: #5d6c03;
	font-weight:700;
	padding: 0;
	margin: 0 0 0 0;
	font-size:11px;	
	font-family: Arial, Helvetica, Verdana, sans-serif; 
}


#nav a {
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
text-transform:none;
font-size: 11px;
font-weight: bold;
}

#nav a:hover {
color: #FFFFFF;
text-transform:none;
font-weight: 700;
}

#nav li {
	float: left;
	padding: 0;
font-size: 11px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	w\idth: 170px;
	font-weight: normal;
	text-transform:none;
	color: #5d6c03;
	background: #788203;
    border-bottom: 5px solid #f26500;
opacity:1;
filter:alpha(opacity=100);
	margin: 0;
z-index:100;
}

#nav li li {
	width: 170px;
}

#nav li ul a {
	width: 12em;
	padding: 6px 10px 2px 14px;
}

#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 {
	background: #f26500;
	
}

li#no-color:hover, li#no-color.sfhover {
background:transparent;
}



/* pledge form styles */
	  #pledge_container{
font-family: Arial, Verdana,  sans-serif;  
font-size: 12px; 
line-height: 17px; 
font-weight: normal; 
color: #000000;
width: 801px;
margin: 0 auto;
	}

	  .side_img{
width: 71px;
height: 625;
		border: 0px;
		background: url('http://www.designaction.org/custdownloads/websites/CIRC/img/side.gif') no-repeat;
		float: left;


	}
	

	   #text{
		float: left;
width: 334px;
height: 630;
margin-top: 25px;
	}


	   #text p{

margin-left: 20px;
margin-right: 20px;

	}

 #text_bg{
width: 333px;
background-color: #ffebc4;
padding-top: 10px;
padding-bottom: 10px;
	}

#form_box{
background: url('http://www.designaction.org/custdownloads/websites/CIRC/img/pledge_header.gif') no-repeat;
		float: left;
		width: 307px;
height: 574px;
border: 1px solid #003399;
margin-left: 15px; 
margin-top: 25px; 
padding-top: 25px; 
		}

#form_box_body{ margin: 15px;}

/* new designs */ 

.clear {
clear: both;
}
#wrapper {
background: url(/img/circ_menu_01.gif) top left repeat-x; 
}
#container {
width: 100%;
background: url(/img/circ_bg_new.gif) top center no-repeat;
text-align: center;
}
#main {
text-align: left;
margin-left:auto;
margin-right: auto;
width: 902px;
background: #FFFFFF;
}
#header {
background: url('/img/title-logo.png') top left no-repeat;
width: 906px;
}

#logo {
float: left;
width: 660px;
height:106px;
background:transparent;
padding:0px;
margin:0px;
}

#emailsignup {
padding:0px;
margin:0px;
float: left;
width:242px; 
height:106px;
background: url(/img/circ_menu_04.gif) top left no-repeat;
}
#emailsignup-padder {
padding:10px 10px 0px 14px;
}
#body {

}
#body-left { 
width: 652px; 
float: left;
}
#body-left-padder { 
padding: 30px 35px 35px 50px; 
}
#body-right { 
width: 250px; 
float: left;
}
#body-right-padder { 
}
#footer {
background: #fef3e8;
border-top: 1px solid #fabb8b;
}
#footer-fair {
width:600px;
float: left;
}
#footer-links {
width:600px;
float: left;
}
#footer-padder {
padding: 15px;
}
#footer-signin {
width: 200px;
height: 90px;
float: left;
}
#member-login {
font-size: 12px;
font-weight: bold;
color: #788203;
text-transform: uppercase;
display: block;
margin-bottom: 5px;
margin-left: 11px;
}
#body-padder {
position: relative;
padding: 0 15px 0 15px;
}
/* Homepage Slideshow*/
#slideshow {
background: #edeedc;
}
.slide-body {
	opacity:.80;
	filter:alpha(opacity=70);
	height: 135px;
	width: 410px;
	position: absolute;
	left: 399px;
	top: 8px;
}
#jsbox {
position: relative;
padding:0;
margin:0;
}
#jsbox_inside {
padding:0;
margin:0;
position: relative;
}
#slide-img-box {
height:260px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
}
.slide-image {
display:none;
position:absolute;
}
.slide-image-con {
width:385px;
height:260px;
overflow:hidden;
position:absolute;
}
#slide-image-1 {
display:block;
}
#slide-prog-box {
height:95px;
margin:0;
padding:0;
width:391px;
position: absolute;
left: 407px;
top: 170px;
}
#slide-prog-content {
height:91px;
overflow:hidden;
position: relative;
width:400px;
}
#slide-prog-content-padder {
float:left;
margin:0;
width:491px;
position: relative;
overflow:hidden;
}
.slide-prog-slider {
left:600px;
position:absolute;
}
#slide-prog-slider-1 {
left:0;
}
.slide-prog-padder {
float:left;
margin:6px;
padding: 0px;
position: relative;
}
a.prog-link {
background: #cccccc;
border: 0;
display: block;
overflow: hidden;
}

a:hover.prog-link {
}
.slide-prog {

margin:0px;
padding: 4px;
position: relative;
}
.slide-title {
	color: #4e2318;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 20px 10px 15px;

padding: 0 0 2px 0;
text-transform: uppercase
}
.slide-text {
		margin: 5px 10px 5px 15px;
font-size: 11px;
color: #555555;
font-weight: bold;
line-height: 15px;
}
.slide-read-more a {
		color: #f26500;
		font-style: italic;
text-align: right;
font-weight: bold;
margin-right: 15px;
}
.slide-read-more {
		margin: 10px 10px 10px 10px;
		color: #f26500;
		font-style: italic;
text-align: right;
} 

.index-nav-padder {
padding: 3px 8px 3px 8px;
}
.index-spacer {
width: 12px; 
float: left;
height: 400px;
}
#index-bottom {
width: 675px;
float: left;
}
#index-alerts h4, #index-news h4, #index-resources h4, #index-members h4{
margin: 0;
}

#index-alerts h4 a, #index-news h4 a, #index-resources h4 a, #index-members h4 a{
color: #e75e14;
margin: 4px 0;
display: block;
}

#index-alerts {
width: 215px;
border-top: 2px solid #d4d7af;
border-bottom: 2px solid #d4d7af;
border-left: 1px solid #edeedd;
border-right: 1px solid #edeedd;
float: left;
}
#index-news {
width: 215px;
border-top: 2px solid #d4d7af;
border-bottom: 2px solid #d4d7af;
border-left: 1px solid #edeedd;
border-right: 1px solid #edeedd;
float: left;
}
#index-resources {
width: 215px;
border-top: 2px solid #d4d7af;
border-bottom: 2px solid #d4d7af;
border-left: 1px solid #edeedd;
border-right: 1px solid #edeedd;
float: left;
}
#index-members-area {
overflow: scroll;
border: 2px solid #d4d7af;
height: 210px;
font-size: 14px;
}
#index-members-area-padder {
padding: 20px;
}
#index-members {
width: 672px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
}
#index-spotlight {
float: left;
width: 185px;
}

.index-alerts {
font-size: 13px;
}
.index_item_padder {
margin-bottom: 10px;
}
.news_item_title {
color: #4e2318;
font-weight: bold;
}
.news_item_text {
color: #333333;
}
.news_item_text_padder {

}
.news_item_more a {
color: #776d11;
font-weight: bold;
font-style: italic;
}
div.article_media {
display:block;
margin-left:0px;
padding:0em;
}

#search-side{
float:left;
width: 185px;
}

#search-title{
font-weight: bold;
color: #776d11;
}

#Content_Search{
margin-left: 20px;
}

#search-submit{
border: 1px solid #FABB8B;
background: #FEF3E8;
margin-top: 5px;
}