/*
Theme Name: FCJ
Theme URI: http://www.fcjrefugeecentre.org/
Description: FCJ Refugee centre
Version: 1.0
Author: Humberto Aldaz
Author URI: http://www.dbeto.com
*/


html, body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

ul li{
	font-style:normal;
	font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    line-height:18px;
	list-style-type: none;
	text-decoration: none;
}


p {
font-size: 12px;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
}

h1 {
	font-size:18px;
	color:#039;
	font-stretch:semi-expanded;
	font-variant:small-caps;
	font-weight: bold;
	}

h2 {
	font-size:16px;
	color:#039;
	font-stretch:semi-expanded;
	font-weight: bold;
	}
	
	
table tbody tr td {
	font-size: 12px;
    text-align: left;
    font-family:Arial, Helvetica, sans-serif;
	
}
	
	
	.contentArtTitle {
		font-family:Arial, Helvetica, sans-serif;
		padding-left: 4px;
		
	}
	.contentExcerpt {
		color: #244f4f;
		font-size: 10pt;
		margin-left: 3px;
	}

.MainBox {
	height:auto;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}





.header {
	height:200px;
	width:960px;
}

.header1 {
	margin:0;
	width:720px;
	height:200px;
	float:left;
	
}
.header2 {
	margin:0;
	width:240px;
	height:150px;
	float:left;
	background-image:url(Images/header2.jpg);
	
}


.Search {
	background-image:url(Images/header3.jpg);
	width:240px;
	height:50px;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	
}


	

/* content */

.ContentBox {
	width:725px;
	height:auto;
	float:left;
}

.Container {
	width:960px;
	height:auto;
	float:left;
}

.ContentBox2 {
	width:725px;
	height:auto;
	float:left;
}
.ContentBox2 ul li{
	font-style:normal;
	font-size: 12px;
    text-align: left;
    font-family:Arial, Helvetica, sans-serif;
    line-height:18px;
	list-style-type: disc;
}

.ContentBox2 p {
padding: 10px 20px 0 10px;
}
/*
MENUU /*/


#nav{
	font-size:12px;
	background-color:#3366CC;
	width: 960px;
	height: 30px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:15px;
}
/* Link Hovering Style */
	
#nav a:hover {
	color: #F90;
		}
	/* Menu Bar List */
	ul.dropdown {
		list-style:none;
		float:left;
		width:100%;
		padding: 0px;
		color: #F90;
		background: #3366CC;
	}
 
	ul.dropdown  li{
		float:left; 
		position:relative; 
		z-index:100;
	}
 
	ul.dropdown a {
		padding:12px; 
		color:#FFFFFF;
		text-decoration:none;;
		z-index:100;
	}

 
	/* Displays Links as Blocks */
	ul.dropdown li ul a {
		display:block;
		background-color:#3366CC;
	}
 
	/* The Sub Menus  */
 
	ul.dropdown ul {
		list-style: none;
		margin:0; 
		padding:0;
		width:150px; /* Width of the Drop Down Box */
		position:absolute; 
		background-color:#3366CC;
	}
 
	ul.dropdown li ul {
		top:24px; /* Drop the Drop Down Box 24px */
	background-color:#3366CC;
	}
 
	ul.dropdown ul ul {
		top:0;
		left:100%; 
	}
 
	ul.dropdown ul li {
		float:none;
	}
 
	ul.dropdown ul,
	ul.dropdown li:hover ul ul,
	ul.dropdown ul li:hover ul ul
	{ display: none; }
 
	ul.dropdown li:hover ul,
	ul.dropdown ul li:hover ul ,
	ul.dropdown ul li ul li:hover ul
	{ display: block;}
 
	ul.dropdown li * a:hover {
		color: #F90;
		background: #3366CC;
	}
	

/*sidebar*/
.RightBox {
	height:740px;
	width:230px;
	float:right;
	margin-left:5px;
}


.Donate {
	height:70px;
	width:152px;
	margin:10px 39px 10px 39px;
	text-align: center;
}

.News {
	height:190px;
	width:230px;
	margin-bottom:10px;
}


.NewsTitle{
	height:25px;
	width:230px;
	padding-top:10px;
	color:#FFF;
	background-color:#F90;
	font-size:12px;
	text-align:center;
}

.eachArticle {
	height:auto;
	width:230px;
	text-align: center;
	margin-top: 15px;
}

.articleTitle {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #3366CC;
	text-decoration: none;
}
.articleTitle a {
	color: #3f3f3f;
	text-decoration: none;
}


.Suscribe{
	height:105px;
	width:230px;
}

.Media {
	height:50px;
	width:230px;
	text-align: center;
}

.Face{
	width:230px;
	height:300px;
}



/*search*/

#searchForm {
  position: relative;
  border:0;
   margin-top: 5px;

}

#searchForm fieldset {
	border:1px;
	border-color:#03C;
	margin: 0;
	padding: 0;
}

#searchForm input.searchString {
	height:20px;
	font-size: 12px;
	text-transform: uppercase;
    height: 18px;

}
#searchForm input.searchGo {
	font-size: 12px;
	color:#FFF;
	text-transform: uppercase;
    height: 25px;	
	background-color: #F90;
	border:0px;
	cursor:pointer;

}

/*flash*/

.Flash{
	height:300px;
	width:720px;
	margin: 10px 5px 10px 0;
	display:block;
}


/* windows  */

.BoxL {
	border:0px;
	height:420px;
	width:355px;
	float:left;
	padding-right: 5px;
}
.BoxR{
	border:0px;
	height:420px;
	width:355px;
	float:left;
	padding-left: 5px;
}

.BoxLS {
	border:0px;
	height:200px;
	width:355px;
	margin-bottom: 10px;
}


.title {
	height:28px;
	width:355px;
	background-color: #06F;
	color:#FFF;
	font-style:normal;
	font-variant:small-caps;
	padding-top:12px;
	font-size:12px;
	text-align:center;
}




.title a {
	color:#FFF;
	font-style:normal;
	padding-top:12px;
	font-size:12px;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
}

.Img {
	height:160px;
	width:180px;
	display:block;
	float: right;
}

.Text {
	height:110px;
	width:155px;
	margin: 10px 10px 10px 10px;
	float:left;
	font-size:12px;
	text-align:left;
	}
.Sbtn{
	width:170px;
	height:26px;
	text-align:center;
	float:left;
	margin-bottom:4px;
}

/*FOOTER*/

.Footer {
	height:150px;
	width:940px;
	margin:10px 10px 10px 10px;
	float:left;
	}


.Slogo {
	height:80px;
	width:80px;
	float:left;
	margin-right:10px;
}


#Submenu {
	text-align:left;
	font-size: 12px;
	width:830px;
	height:20px;
	color:#3366CC;
	float:left;
	margin:5px 20px 10px 0;
	text-decoration:none;
	list-style:none;
	}
	
.Submenu {
	text-align:left;
	font-size: 12px;
	width:830px;
	height:20px;
	color:#3366CC;
	float:left;
	margin:5px 20px 10px 0;
    }
	

		
#Submenu a:hover {
	color: #F90;
		}


.Line{
	height:1px;
	width:940px;
	background-image:url(Images/Feet.png);
	margin:20px 0px 10px 0px;
}

.Credits{
	height:39px;
	width:830px;
	margin:5px 20px 5px 0;
	float:left;
	color:#666;
}

.M2 {
	height: 30px;
	width: 100%;
	background-color:#557bff;
	color: #fff;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	}

.M2 a {
	text-decoration: none;
	color: #fff;
	}
	
.M2 a:hover {
	text-decoration: none;
	color: #b5e6ff;
	}

	
.M2 ul li {
	float:left;
	margin-left:5px;
	margin-right:10px;
	color:#FFF;
	border-right: 1px solid white;
	vertical-align: middle;
	padding-right:10px;
	margin-top: 5px;
	list-style-type: none;
}

.Credit{
	height:22px;
	width: 940px;
	padding-top: 8px;
	background-color: #6d609f;
	font-size: 12px;
	text-align:center;
	color: white;
	text-shadow: #707274 1px 1px 1px;
	
}

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:center;}
#mc_embed_signup h2 {text-align: center; font-weight:normal; padding:0; margin:12px 0; font-size:12px;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:12px; font-weight: bold; height: 31px; line-height: 25px; margin: auto; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width:150px;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:12px; padding-bottom:10px; font-weight:normal;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:auto auto 10px auto; text-indent:5px; width:50%; min-width:150px;}
#mc_embed_signup input.button {display:block; width:35%; margin:auto; min-width:130px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}


.Post {
	width: 725px;
	height:160px;
	color: black;
	}
	
.Post1 {
	width: 200px;
	height:160px;
	text-align: left;
	margin-right: 10px;
	float: left;
	}
	

	
.Line2{
	height:1px;
	width:725px;
	background-image:url(Images/Feet.png);
	margin:20px 0px 10px 0px;
}

/*
Añadidos por Miguel
*/

#nav {
background-color: #9fa3d3;
border-top: solid 3px #2d14b8;
}

ul.dropdown {
background: #9fa3d3;
}

ul.dropdown a {
padding: 12px 5px 12px 12px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
text-shadow: #707274 1px 1px 1px;
}

ul.dropdown li ul a {
background-color: #9fa3d3;
}

ul.dropdown li * a:hover {
background: #9fa3d3;
}

div.nivo-caption {
background: #2d14b8;
}

div.title {
background-color: #2d14b8;
}

div.title a {
font-weight: bold;
}

.Footer {
height: 150px;
width: 960px;
margin: 10px auto;
float: left;
}

.Line {
height: 1px;
width: 960px;
background-image: url(http://www.fcjrefugeecentre.org/wp-content/uploads/2014/07/footer-line-new.jpg);
margin: 20px 0px 10px 0px;
}

.Credit {
background-color: #9fa3d3;
border-top: solid 2px #2d14b8;
width:960px;
}

div.RightBox {
width: 200px;
}

div.Donate {
margin: 10px auto;
}

div.News {
height: 190px;
width: 200px;
margin-bottom: 10px;
}

div.NewsTitle {
width: 200px;
background-color: #9fa3d3;
text-shadow: #707274 1px 1px 1px;
border-top: solid 6px #2d14b8;
margin-top: 20px;
}

div.eachArticle {
width: 200px;
text-align:left;
}

div.FollowTitle {
	height:25px;
	width:200px;
	padding-top:10px;
	color:#FFF;
	background-color: #9fa3d3;
	font-size:12px;
	text-align:center;
text-shadow: #707274 1px 1px 1px;
border-top: solid 6px #2d14b8;
margin-bottom: 15px;
margin-top:40px;
}

div.Face {
width: 200px;
height: 62px;
text-align:left;
}

div.Twitter {
	margin-top:20px;
}

div.YouTube {
	margin-top:10px;
}

div.RSS {
	margin-top:10px;
}


div.Media {
	display:none;
}


#mc_embed_signup label {
height:25px;
	width:200px;
	padding-top:10px;
padding-bottom:0px;
	color:#FFF;
	background-color: #9fa3d3;
	font-size:12px;
	text-align:center;
text-shadow: #707274 1px 1px 1px;
border-top: solid 6px #2d14b8;
margin-bottom: 15px;
margin-top:30px;
}


div.Suscribe {
width: 200px;
}