/***************************************************
	      online solutions by marija zaric
        template distributed by
        http://freehtml5templates.com 
***************************************************


***************************************************
			      Reset
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

@font-face {
    font-family: "Memphis-Med";
    src: url("../fonts/187540_0.eot?#iefix") format("embedded-opentype"), url("../fonts/187540_0.woff") format("woff"), url("../fonts/187540_0.ttf") format("truetype"), url("../fonts/15529B_0.svg#wf") format("svg");
}

ol, ul {
	list-style: none;
}


a img {border:none}


aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}


/***************************************************
			      Global styles
***************************************************/

html, body {
	width:100%;
	height:100%;

	}


html, body{
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 12px;
/*	background-color:#E4E4E4;
	 background-image:url(../images/bg.png); */ 
	background-position:left top;
	background-repeat:repeat-x;
	color:#3F3E3C;
	margin:0 0 1px; height:100%; 
	line-height: 1.5;
	background: url("../images/wave.png") no-repeat scroll 0 0 #FFFFFF !important;
	/*background: none repeat scroll 0 0 #FEFCF6;*/
}

p {
	margin-bottom:7px;
	text-align:justify;
	}
	
a, p a {
	text-decoration:none;
	/*color:white;*/
	}
	a:hover 
	{
	    /*color:white;*/
	    text-decoration: underline;
	}


h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Verdana, sans-serif;	
    font-weight: normal;
	position:relative;
	/*text-shadow: 2px 3px 3px #C1C1C1;*/
}


	
h1{
	line-height:0.9;
	color:#1E7C45;
/*	text-transform:uppercase; */
	text-align:left;
  font-family: Memphis-Med; 
  font-size: 26px;
  font-weight: normal;
  margin: 10px 0 10px;
  padding: 10px;
/*background-image:url('../images/greenGrdBg.gif');*/
background: none repeat scroll 0 0 #C3E3C1;
	}

	
	
h2{
	font-size: 20px;
	line-height:1.3;
	color:#FF7F00;
	text-transform:none;
	/*font-style:italic;*/
	text-align:left;
	margin-top:10px;
	padding-bottom:6px;
  font-family: Memphis-Med; 
	}
	

h3{
	font-size: 17px;
	line-height:0.9;
	color: #004065;
	margin-top:20px;
	left:0px;
	}
	
h3 span, h3 span a{
	
	font-size: 12px;
	line-height: 1.4;
	color:#004065;
	display:block;
	/*margin-top:10px;*/
	text-transform:none;


}
h3 span a:hover{
	font-size: 12px;
	line-height: 1.4;
	color:#004065;
	display:block;
	/*margin-top:10px;*/
	text-transform:none;
	text-decoration:underline;
}

h4 
{
    font-size: 20px;
	line-height:1.3;
	color:#1E7C45;
	text-transform:none;
	/*font-style:italic;*/
	text-align:left;
	margin-top:10px;
	padding-bottom:6px;
  font-family: Memphis-Med; 

}
.foothead {
	font-size: 14px;
	line-height: 1.4;
	color:#004065;
	display:block;
	/*margin-top:10px;*/
	text-transform:none;
}
/***************************************************
			    Main containers
***************************************************/

#container, #container_left, #container_right{
	position: relative;
	width:100%;
	
	}
	#container{
			position:relative;
			width:980px;
			margin:0 auto;
			background-color:transparent;
}



.group1 {
	float: left;
	width: 274px;
	position: relative;
	background:white;
	padding:15px;
	margin-bottom:10px;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;

	


	}
	
.group2 {
	float: left;
	width: 274px;
	position: relative;
	background:white;
	padding:15px;
	margin-bottom:10px;
	margin-left:25px;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;




	}
	
.group3 {
	float: right;
	width: 274px;
	position: relative;
	background:white;
	padding:15px;
	margin-bottom:10px;
	margin-left:10px;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;


	}


	
.group5 {
	float: left;
	width: 300px;
	position: relative;
	padding-top:0px;
	padding-bottom: 20px;
	/*background:white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;
  min-height: 400px;*/



	}

.group4 {
	float: right;
	width: 640px;
	position: relative;
	padding-top:0px;
	padding-bottom: 20px;
	/*background:white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;
  min-height: 400px;*/



	}
	
	
	
			
header{
	position: relative;
	float:left;
	width: 100%;
  padding: 10px 0 10px 0;
/*	height:83px;*/

background: url("../images/kfupm_bg_header.png") no-repeat scroll 0 0 transparent

	}
	
	
/***************************************************
				INTRO
***************************************************/	
	
	#intro{
	width: 980px;
	position: relative;
	float: left;
	height:320px;
/*	padding:0px 10px 10px 10px;*/
	background:#3A3A3A;
/*	margin-top:12px;*/
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/

	
	

	}

/***************************************************
				   HOLDERS
***************************************************/	

.holder_content {
	position: relative;
	float: left;
	width: 100%;
	margin-top:5px;
	margin-bottom:90px;



	}
	
.holder_content1 {
	position: relative;
	float: left;
	width: 100%;
	margin-top:40px;
	/*margin-bottom:30px;
  min-height:500px;*/
    background-color: rgba(255, 255, 255, 0.4);
    /*background: url('../images/content_bg.png') no-repeat center #FFFFFF;*/
 }
	
	
.holder_content_separator{
	margin-bottom:19px;
	}

	
/***************************************************
			        GALLERY
***************************************************/
	 
	 	 
	 a.photo_hover3{
	position:relative;
	float: left;
	margin:5px 13px 8px 0;
	padding: 8px;
	-moz-box-shadow: 3px 3px gray;
	-webkit-box-shadow: 3px 3px gray;
	box-shadow: 3px 3px gray;

	}
	a.photo_hover3{ background-color:white;
	border: 1px solid #E1E1E1;

}
	a.photo_hover3:hover {
	border: 1px solid #E1E1E1;
	background-color:white;
	opacity:0.5;
	z-index:1000;
}

	
	 a.photo_hover2{
	position:relative;
	float: right;
	margin:5px 13px 8px 0;
	padding: 8px;
	-moz-box-shadow: 3px 3px gray;
	-webkit-box-shadow: 3px 3px gray;
	box-shadow: 3px 3px gray;

	}
	a.photo_hover2{ background-color:white;
	border: 1px solid #E1E1E1;

}
	a.photo_hover2:hover {
	border: 1px solid #E1E1E1;
	background-color:white;
	opacity:0.5;
	z-index:1000;
}
	
	
/***************************************************
			        FOOTER
***************************************************/


footer{
	position:relative;
	height:220px;
	clear:both;
	width:100%;
	/* background-image:url(../images/footer.png); */
	background-position:left top;
	background-repeat:repeat-x;
	/*background-color:#C7CBCE;*/
	background: url("../images/background_footer.gif") repeat-x scroll left top #C7CBCE;
	

	}

#FooterOne, #FooterTwo, #FooterTree {
	position: absolute;	
}

#FooterTwo{
	position: absolute;
	right: 225px;
	top:250px;
	color:white;

}

#FooterTree{
	position: absolute;
	left: 225px;
	top:250px;
	color:white;

}

.container{
    width:980px;
    margin:0 auto;
	background:transparent;


}

.footer_left{
	float:left;
	padding:12px;
	width:135px;
	margin-right:35px;
	border-left: 1px dotted #FF6A00;
}


.footerText
{
    text-transform: uppercase; 
}



/***************************************************
				       MENU
***************************************************/

nav{
	position:absolute;
	width:408px;
	height:40px;
	top:28px;
	left:570px;
	background-color:white;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px rgba(0,0,0,0.1);
	box-shadow: 3px 3px rgba(0,0,0,0.1);

}


nav ul li{
	float: left;
	line-height:normal;
	margin-left:15px;
}

nav ul li a{
	font-size: 18px;
	font-family:Arial, Verdana, sans-serif;
	color:orange;
	text-transform:capitalize;
	font-weight:normal;
	display:block;	/* IE6, IE7 line height fix */
	background-color:transparent;
    text-decoration:none;
	margin-top:3px;
	padding:5px;


	


}

nav ul li a:hover{
	color:#ED7803;
	text-decoration:underline;

}




/***************************************************
				   SPECIFIC
***************************************************/

#logo{
	position:relative;
   	float:left;
	clear: left;
	padding: 0px 0px 0px 5px;

}

.clearing{
	clear: both;
	display: inline;
	width: 100%;
	height: 0;
	overflow:hidden;
}

 
 	
.button {
	width: 80px;
	height:16px;
	position:relative;
	margin-top:12px;
	padding:9px;
	background-color:#FC8507;
	display: inline-block;
	color:white;
	cursor: pointer;
	text-align: center;
	font: 14px/100% Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	text-decoration:none;
	


	
	
	}
	
.button:hover {
	background-color:#ED7803;
	text-decoration:none;
}





/*
	Slideshow
*/

#slides {
	position:absolute;

/*	z-index:100;*/
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:980px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:980px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:980px;
	height:270px; 
	display:block;
}
      
/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin-top:133px;
	width:100px;
	position:absolute;
	top:180px;
	left:880px;
	z-index:1000;
	
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:16px;
	height:0;
	padding-top:24px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -123px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:relative;
	bottom:0px;
	left:0;
	height:35px;
	padding:15px 20px 10px 15px;
	background:#000;
	background:rgba(0,0,0,.8);
	width:960px;
	font-size:12pt;
	line-height:1.33;
	color:#fff;
	border-top: 2px solid #FF6A00;
	text-shadow:none;
    font-family: "Memphis-Med";
}

.icons{
	float:left;
	padding:5px;
}

.picture_footer{
	position:absolute;
	left:980px;
	top:-85px;
}

#cssmenu{ height:57px; width: 980px; display:block; padding:0; margin:0px auto;  /*border:1px solid; border-radius:5px; */float:left;} 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;height:57px; } 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:22px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px; } 
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background-image:url('../images/nav_image.png'); background-color:#3f3f3f !important; background-repeat:no-repeat; background-position:right top;} 

#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
/*#cssmenu, #cssmenu > ul > li > ul > li a:hover{ 
  background:#0E6B36 ; background:-moz-linear-gradient(top,  #0E6B36 0%, #0F6A36 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0E6B36 ), color-stop(100%,#0F6A36)); background:-webkit-linear-gradient(top,  #0E6B36  0%,#0F6A36 100%); background:-o-linear-gradient(top,  #0E6B36  0%,#0F6A36 100%); background:-ms-linear-gradient(top,  #0E6B36  0%,#0F6A36 100%); background:linear-gradient(top,  #0E6B36  0%,#0F6A36 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E6B36 ', endColorstr='#0F6A36',GradientType=0 ); } 
*/
#cssmenu, #cssmenu > ul > li > ul > li a:hover{background: url("../images/menu_bg.png") repeat-x scroll 0 0 !important;}
#cssmenu{border-color:#3A3A3A;} 
#cssmenu > ul > li > a{border-right:1px solid #39540d; color:#fff;} 
#cssmenu > ul > li > a:after{border-color:#1E7C45;} 
#cssmenu > ul > li > a:hover{background-image:url('../images/nav_image.png'); background-color:#3f3f3f; background-repeat:no-repeat; background-position:right top;} 
.selectedmenu {background-image:url('../images/nav_image.png'); background-color:#3f3f3f; background-repeat:no-repeat; background-position:right top;} 

.activedonation 
{
background: url('../images/menu_bg_d.png') repeat-x scroll 0 0 !important; 
width: 203px;
}

.headRight {
    float: right;
    margin: 0 0 15px;
    text-align: right;
    margin: 20px;
}
.headRight ul {
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.headRight ul li {
    float: left;
}
.headRight #ContentHeaderLinks {
    float: right;
    font-size: 12px;
    padding-bottom: 10px;
}
.headRight #ContentHeaderLinks li {
    border-left: 1px solid #004065;
    line-height: 14px;
    margin: 4px 0 0;
    padding: 0 10px;
}
.headRight #ContentHeaderLinks li.foot {
    display: none;
}
.headRight #ContentHeaderLinks li:first-child {
    border-left: medium none;
}
.headRight #ContentHeaderLinks li a {
    color: #004065;
    text-decoration: none;
}
.headRight #ContentSearch {
    background: url("images/bkgd_search.gif") no-repeat scroll left top transparent;
    float: left;
    margin: 0 0 10px;
    padding: 0 0 0 10px;
}
.headRight #ContentSearch input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #51626F;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 13px;
    width: 103px;
}
.headRight #ContentSocial {
}
.headRight #ContentSocial li {
    margin: 0 0 0 3px;
}
.clean .structHead {
    height: 88px;
}

/***Changes 24/7/2012 ***/
.structLeft {
    float: left;
    margin: 0;
    padding: 0 90px 0 0;
    width: 200px;
}
.structLeft ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.structLeft li {
    padding: 0 6px;
}
.structLeft li a {
    color: #333333;
    text-decoration: none;
}
.structLeft #ContentSectionNav li {
    display: none;
}
/***Changes 24/7/2012 ***/
.structLeft #ContentSectionNav li.selected {
    border-bottom: 1px solid #FF6A00;
    display: block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
/*    padding: 0 6px 15px;*/
    text-transform: uppercase;
    margin-bottom: 20px;
    width: 225px;
}

.structLeft #ContentSectionNav li.selectedS {
    display: block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
/*    padding: 0 6px 15px;*/
    text-transform: uppercase;
    margin-bottom: 20px;
    width: 225px;
    margin-left: 35px;
}

.structLeft #ContentSectionNav li.selected a
{
    color: #1E7C45;
}

.structLeft #ContentSectionNav li.selectedS a
{
    color: #1E7C45;
}
/***Added 24/7/2012 ***/
.structLeft #ContentSectionNav li.normal {
    /* border-bottom: 1px solid #1E7C45; */
    display: block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 0 6px 15px;
    text-transform: uppercase;
}

.structLeft #ContentSectionNav li.normalS {
    /* border-bottom: 1px solid #1E7C45; */
    display: block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0 6px 15px 40px;
    text-transform: uppercase;
}

.structLeft #ContentLeftNav {
}
.structLeft #ContentLeftNav ul {
}
.structLeft #ContentLeftNav ul li {
    font-size: 14px;
    padding: 10px 6px;
}
.structLeft #ContentLeftNav ul li:first-child {
}
.structLeft #ContentLeftNav ul li.selected a 
{
    color: #1E7C45;
    font-weight: bold;
}
.structLeft #ContentLeftNav li ul {
}
.structLeft #ContentLeftNav li ul li {
    padding: 3px 6px 3px 12px;
}
.structLeft #ContentLeftNav ul li.directory li {
    display: none;
}

.structBody {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.structBody ul#ContentBreadCrumbs {
    float: left;
    list-style: none outside none;
    margin: 5px 0 10px;
    padding: 0;
}
.structBody ul#ContentBreadCrumbs li {
    float: left;
    margin: 0;
    padding: 0;
}
.structBody ul#ContentBreadCrumbs li a {
    background: url("images/bcArw.gif") no-repeat scroll left center transparent;
    display: block;
    font-size: 0.8em;
    padding: 2px 6px 2px 8px;
    text-decoration: none;
}
.structBody ul#ContentBreadCrumbs li#bcFirst a {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
}
.structBody ul#ContentBreadCrumbs li.navselected a {
    font-weight: bold;
}
.structBody .MidWrap {
    float: left;
    margin: 0;
    padding: 0;
    width: 650px;
    padding-right: 20px;
}
.structBody #ContentMiddle {
    float: left;
    margin: 0;
    padding: 0 0 40px;
    position: relative;
    width: 100%;
    font-size: 15px;
}
.clean .structBody #ContentMiddle {
    position: relative;
}
.news #ContentMiddle blockquote, .feature #ContentMiddle blockquote {
    background: url("images/quotes_open.gif") no-repeat scroll 0 0 transparent;
    float: left;
    margin: 0 45px 0 0;
    padding: 4px 35px;
}
.news #ContentMiddle blockquote p, .feature #ContentMiddle blockquote p {
    background: url("images/quotes_close.gif") no-repeat scroll right bottom transparent;
    padding: 0 35px 0 0;
}
#ContentMiddle .bigLetter {
    float: left;
    font-size: 84px;
    line-height: 65px;
    margin: 0 15px 10px 0;
    text-transform: uppercase;
}
#ContentMiddle .newsItem {
    margin: 0 0 30px;
}

/*****Contact Us Form*****/
#contactform {
	width:600px; 
	overflow:hidden;
	font-size: 15px;
}

#contactform input, #contactform textarea{

    background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
    border: 1px solid #E5E5E5;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    font: 13px/100% Verdana,Tahoma,sans-serif;
    outline: 0 none;
    padding: 9px;
    width: 200px;

}

#contactform label {
	display:block; 
	padding:10px; 
	margin-top:20px;
}

#contactform li {
	list-style:none; 
	padding-bottom:40px;
}

#contactform li .fieldbox {
/*	background:transparent url(../images/subfield.jpg) no-repeat top left; */
	float:left; 
/*	height:27px; */
	padding-left:5px;
}

#contactform li .fieldbox input {
	/*background:transparent url(../images/subfield.jpg) no-repeat top right; */
	height:27px; 
	padding-top:5px;
	width:400px;
}

#contactform li .fieldbox #contact {
	width:200px;
}

#contactform li .msgbox {
/*	background:transparent url(../images/msgfield.jpg) no-repeat top left; */
	float:left; 
	height:110px; 
	padding-left:5px;
}

#contactform li .msgbox textarea {
/*	background:transparent url(../images/msgfield.jpg) no-repeat top right; 
	height:110px;
	padding-top:5px;*/
	width:500px;	 
}

.sendbutton {
background: none repeat scroll 0 0 #1E7C45;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    padding: 9px 15px;
    width: auto;
    margin-left: 5px;
}

.tmessage 
{
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    line-height: 0.9;
    margin: 10px 0 5px;
    padding: 0;
    text-align: left;
}

#mapTexPos
{
    float:right;
    padding-right:50px;
    text-align:justify;
    width:600;
    }
    
    .serverError
    {
       width: auto; 
       color: #FE0033;
       text-align:left;
    }
    
    .emailValidator1
    {
       width: auto; 
       color: #FE0033;
       text-align:left;
       padding-left:10px;
    }
    
    .columna {
    float: left;
    margin: 0 30px 0 0;
    width: 300px;
    padding-left: 10px;
}
.columnb {
    float: left;
    margin: 0 30px 0 0;
    width: 300px;
}
.columnc {
    float: left;
    margin: 0;
    width: 300px;
    padding-right: 10px;
}
.fltFix {
    width: 100%;
}
.structBody {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.slides {
    float: left;
}

.columna .donation {
    font-size: 22px;
    font-weight: bold;
    line-height: normal;
}
.columna .donation .name {
    color: #004065;
    display: inline-block;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 44px;
    font-weight: normal;
}
.columna .donation .amount {
    display: inline-block;
}
.columna .donation .fund {
}
.columna .donation .date {
}
#ContentMiddleLayoutColATxt
{
   text-align:justify; 
   font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 25px;
   /* padding-top: 25px;*/
}
.ContentMiddleLayoutColATxt
{
   text-align:justify; 
   font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 25px;
    padding-bottom: 40px;
   /* padding-top: 25px;*/
   min-height: 380px;
}

.ContentMiddleLayoutColATxt a 
{
    color: #1E7C45;
    text-decoration: normal;
    font-weight: bold;
}
#ContentMiddleLayoutColCTxt{
text-align:justify;  
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 25px;
}

#ContentMiddleLayoutColBTxt {
    float: left;
    margin: 0;
    padding: 0 0 40px;
    position: relative;
    width: 100%;
    text-align:justify;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 25px;
}
.columnb .featureBox {
}


.columnc .featureBox {
    position: relative;
}
.columnc .goal {
    background: url("images/bkgd_colc.png") repeat scroll left top transparent;
    float: left;
    height: 205px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
}
.columnc .name {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 41px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 32px;
    margin: -1px 0 0 -3px;
    text-transform: uppercase;
    width: 150px;
}
.columnc .date {
    bottom: 2px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: normal;
    line-height: normal;
    position: absolute;
    right: 0;
    text-align: center;
    width: 150px;
}
.columnc .bar {
    border: 1px solid #FFFFFF;
    bottom: 0;
    float: left;
    height: 175px;
    margin: 0;
    position: absolute;
    right: 36px;
    width: 30px;
}
.columnc .bar > span {
    background: none repeat scroll 0 0 #FCB913;
    bottom: -1px;
    display: block;
    left: -1px;
    position: absolute;
    width: 32px;
}
.columnc .bar .desired {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -22px;
    width: 60px;
}
.columnc .goaltxt {
    background: url("images/bkgd_goal_curr.png") no-repeat scroll right 1px transparent;
    color: #F8F8F8;
    float: right;
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    margin: 0;
    padding: 0 17px 0 0;
    position: relative;
    right: 34px;
    text-align: right;
    top: -8px;
    width: 65px;
}


#ContentMiddleLayoutColBTitle
{
    
}

.nameManagement {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    /*padding: 0 0 25px;*/
    border-bottom: 1px dotted #FF6A00;
   /* text-transform: uppercase;*/
}

.nameManagement a 
{
    color: #1E7C45;
    text-decoration: none;
}
.titleManagement {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: bold;
    padding: 0 0 25px;
    text-transform: uppercase;
}

.imagePad
{
padding-right:30px; 
width: 200px;  
}
.WorkerDetailsLayout
{
    padding-bottom:50px;  
    width: 650px;
}
.welcomeM
{
    display: none;
}

blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: 600px;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -10px;
	top: -20px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

blockquote cite:before {
	content: "\2014 \2009";
}

.lists-check ul, .lists-arrow ul, .lists-plus ul, .lists-star ul, .lists-heart ul {
    margin-bottom: 30px;
    margin-left: 20px;
}
.lists-check ul li {
    line-height: 1.5em;
    list-style-image: url("../images/check.png");
}		

/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

.newsdate 
{
    background: none repeat scroll 0 0 #C3E3C1;
    border: 1px solid #FFFFFF;
    color: #000000;
    font-weight: bold;
    padding: 5px;
    width: 80px;
}

#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 5px 45px 5px 5px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('../images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('../images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}

.donorA 
{
    font-family: memphis-med;
    font-size: 18px;
}
.donorB 
{
    font-family: memphis-med;
    font-size: 15px;
}
.donorC 
{
    font-family: memphis-med;
    font-size: 13px;
}
.donorD 
{
    font-family: memphis-med;
    font-size: 10pt;
}
.donorAmount 
{
    width: 200px;
}

.donorName 
{
    padding-left: 20px;
}

.footlogo 
{
    float: left; margin-left: -120px; margin-top: 30px;
}

.inline img 
{
    border: 1px solid #1E7C45; 
    display: block;
}