
@import url("msch_news.css");
@import url("msch_fce.css");
@import url("msch_search.css");
@import url("msch_forms.css");

body {
	margin-top: 0px;
	margin-left: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;

color: #535353;
	background-color: #fff;
	height: 100%;	
	z-index: 0;
}

h1 {
	margin-top: 0px;
	font-size: 16px;
	font-weight: lighter;
	color: #619636;
	/* background: url(../images/layout_v3b_h1_bg.gif); */
	/* background-position: 1px 13px; */
	/* background-repeat: repeat-x; */
	

	
}

h2 {
	font-size: 14px;
	font-weight: lighter;
		color: #619636;
 margin-bottom: 10px;	
}

h3 {
	font-size: 12px;
	font-weight: bold;
		/*color: #535353;*/
		color: #619636;
		margin-bottom: 5px;
	
}

p.bodytext {
	margin-top: 0px;
	padding-top: 0px;
}

.csc-textpic-caption {
	color: #619636;
	display: block;
	width: 100%;
	font-size: 10px;
	padding-top: 5px;
	line-height: 1.1em !important;
	letter-spacing: 0em !important;
	
}

p.align-right {
	text-align: right;
	margin-top: 0px;

}



#supercontainer {
	
	width: 1056px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	/* z-index: 1; */
}

#headercontainer {
	float: left;
	width: 100%;
	height: 200px;
	margin: 0px;
	background: url(../images/layout_v3b_02.jpg);	
}

#logo {
	float: left;
	margin-top: 0px;
	margin-left: 40px;
	width: 140px;
	height: 120px;
}

#slogan {
	float: left; 
	margin-top: 20px;
	margin-left: 40px;
	width: 520px;
	height: 100px;
	margin-right: 40px;
}

* html #slogan {
	margin-left: 20px;
	margin-right: 20px;
}

#righttop {
	float: left;
	width: 225px;
	height: 125px;
	background-image: url(../images/layout_v3b_auxmenu.gif);
	background-repeat: no-repeat;
	color: #545e5e;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 10px;
}

#auxmenu {
	float: left;
	margin-top: 5px;
	width: 200px;
	height: 20px;

}

ul.auxmenu {
	margin: 0px;
	padding: 0px;
	
}
ul.auxmenu li {
	display: inline;
	list-style: none;
}

ul.auxmenu a {
	color: #5e5e5e;
	text-decoration: none;
	margin-right: 10px;
	font-size: 10px;
}

ul.auxmenu li a {
	color: #5e5e5e;
	text-decoration: none;
	margin-right: 8px;
	font-size: 10px;
}



#socialnetworkstop {
	float: left; 
	margin-top: 30px;
	height: 40px;
	width: 205px;
	background: #fff;
	text-align: right; 

}

/* SEARCH */

#search {
	float: left;
	margin-top: 5px;
	width: 205px;
	height: 18px !important;
}

#searchfield {
	width: 100px;
	height: 14px;
	background: #fff;
	border: 1px solid #dfe0df;
	margin-left: 10px;
	font-size: 1em;
	padding: 2px;
	color: #535353;
}

input {
	color: #535353;
}


input#submitbutton {
	border: 0px;
	background: none;
padding: 0px;
color: #535353;
}


#country {
   float: left;
	width: 135px;
	height: auto;
	margin-top: 8px;
	margin-left: 45px;
	color: #619636;
	font-size: 15px;
	display: inline;
}
#horimenu {	
	float:left;
	margin-top: 3px;
	width: 676px;
	height: auto;
	
	margin-left: 15px;

	display: inline;

}

#donation {
	float: right;
	width: 125px;
	margin-right: 35px;
	margin-top: 6px;
	
}





/* --------------------------------------- */

#maincontentcontainer {
	float: left; 
	width: 1056px;
	min-height: 400px;
	height: auto;
	background-color: #fff;
		background: url(../images/layout_v3b_05.jpg);
	background-repeat: repeat-y;
	line-height: 1.2em;
	letter-spacing: 0.03em;
}

#leftcontainer {
	float: left; 
	width: auto;
	width: 178px;
	min-height: 200px;
	height: auto; 
	margin-left: 36px;
	/*display: none;*/
	
}
* html #leftcontainer {
	margin-left: 18px;
}
	
#middlecontainer {
	float: left;
	margin-left: 35px;
	width: 440px;
	min-height: 400px;
	height: auto;
	color: #535353;
	font-size: 11px;
	text-align: left;
	/*display: none;*/
}

#middlecontainer a, #rightcontainer a {
	color: #619636;
	text-decoration: none;
}
#middlecontainer a:hover, #rightcontainer a:hover {
	color: #507b2d;
}



#middlecontainer div#img {
	width: 440px;
	height:     187px;
	/* background: url(../images/testimg.jpg);   */                                                                                                 
}

#content {
	margin-top: 25px;
	width: 100%;
	height: auto;
}

#rightcontainer {
color: #535353;
	font-size: 11px;
	float: left; 
	margin-left: 35px;
	width: 295px;
	height: auto;
	
}

#rightnews {
	float: left;
	width: 100%;
	height: auto;
}

#rightcontent {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
}

#rightcontent h2 {
		color: #78b943 !important;
	font-size: 12px !important;
	font-weight: bold;
	padding-left: 35px;
	background: url(../images/newsbox_title_bg.gif);
	background-position: bottom left; 
	background-repeat: no-repeat;
	margin-bottom: 5px;
	
}

#homecontainer {
	float: left; 
		margin-left: 36px;
	width: 654px;
	height: 500px;
	display: none;
}

#homecontent {
	margin-top: 10px;
}



/* Hori Menu with Sliding doors */



#horimenu ul {

	margin: 0;
	padding: 0;
	list-style:none;
	
	/* 
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	*/

}

#horimenu li {
	  float: left; 	 
	/*display: inline;
	display: list-item;*/
	
	
	background: url(../images/layout_v3b_menubg_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	margin-left: 3px;
}
#horimenu a {
	
	display: block;
	
	/* line-height: 22px; 
	display: list-item;
	float: left;*/

	background-image: url(../images/layout_v3b_menubg_left.gif);
	background-repeat: no-repeat;
		background-position: left top;

	padding: 4px 8px;
	color: #000;
	text-decoration: none;
}

#horimenu #current a,#horimenu a:hover {
	color: #fff;
}
#horimenu #current, #horimenu li:hover  {
	background: url(../images/layout_v3b_menubg_right_green.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#horimenu #current a, #horimenu a:hover{
	background: url(../images/layout_v3b_menubg_left_green.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/* ------------ Vertical M E N U -------------- */


ul.level2, ul.level3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	
}

ul.level2 a, ul.level2 a.lev2active {
	display: block;
	height: auto;
	width: 173px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 4px;
	background: url(../images/layout_v3b_2ndlevel_bg.gif);
	background-repeat: repeat-x;
	color: #5e5e5e;
	text-decoration: none;
	font-size: 12px;	
	margin-bottom: 3px;
}

ul.level2 a:hover, ul.level2 a.lev2active {
	background: url(../images/layout_v3b_2ndlevel_bg_over.gif);
	color: #fff;
}

ul.level3 a, ul.level3 a.lev3active {
	display: block;
	height: auto;
	width: 156px;
	padding-left: 17px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #fff;
	border-bottom: 1px solid #c2c2c2;	
	color: #959595;
	text-decoration: none;
	font-size: 11px;	
}
ul.level3 a:hover, ul.level3 a.lev3active {
 background-image: url(../images/layout_v3b_menu_arrow.jpg);
 background-position: 7px 4px;
 background-repeat: no-repeat;
 color:  #000;
}

ul.level3 li:last-child {
	margin-bottom: 20px;
}

/* ------------ TABLE ---------------- */

table.contenttable {
	border-collapse: separate;
	background: #619636;
	border-spacing: 1px;
	width: 98%;
}

table.contenttable th {
	padding: 3px;
	color: #fff;
}
table.contenttable td {
	background: #fff;
	padding: 3px;
}


/* ------------ F O O T E R -------------- */

#footercontainer {
	float: left;
	width: 1056px;
	height: 31px;
	background: url(../images/layout_v3b_07.jpg);
	background-repeat: no-repeat;
	color: #aeaeae;
	font-size: 10px;
	padding-left: 30px;
	padding-top: 15px;
}
#footer {
	position: relative;
	float: left;
	width: 930px;
	color: #aeaeae;
	font-size: 10px;
   margin-right: 30px;
}

#footer a{
	text-decoration: none;
	color: #aeaeae;
}

#socialnetworks {

    display: none;
	
	
	float: right;
	width: 200px;
	height: 31px;
	color: #aeaeae;
	font-size: 10px;
	text-align: right;
	margin-right: 58px;
}

/* ----------------- Frame ------------ */

.mercyships_vert {

	border-bottom: 1px solid #619636;
	padding-bottom: 8px;
	margin-bottom: 18px;
}



/* ------------------- FCE ---------------- */





/* ----------------------- NEWS -------------- */




/* ------------------- Typo3 Form -------------- */

/* Typo3 Form */

fieldset {
	border: 0px;
	padding: 0px;
}



div.csc-mailform-field {
   float: left;
	margin-bottom: 5px;
	width: 98%;
 /*	background: aqua;	 */
	clear: both;
}

div.csc-mailform-field label {
	float: left;
	/*background: blue; */
	width: 250px;
}

div.csc-mailform-field input, div.csc-mailform-field textarea {
	float: left;
	background: #fff;
background: #fff;

	border: 2px solid #619636;
}

* html input.csc-mailform-field  {
	border: 0px solid #CBCDCB;
background: #fff;

	border: 2px solid #619636;
}

div.csc-mailform-field textarea {
	width: 201px;
	height: 50px;
	background: #fff;

	border: 2px solid #619636;;
	}
	
.csc-mailform-submit {
	float: left;
	background: #619636 !important;
	color: #fff !important;
	border: 0px solid #619636 !important;
}






