/************************************

    Name  	:  M.Palani
	
	Date  	:  25/04/2015
	
	Client	:  William Memorial & Charitable Trust

**************************************/

body
{
	margin:0px;
	padding:0px;	
	font-size:12px;	
	font-family:Arial, Helvetica, sans-serif;
	background:#e7683f  url(../images/bkg-pat.png);
}

*::-moz-selection{
	background:#0893C6;
	color:#fff;
}

.container
{
	margin:0px auto;
	padding:0px;
	width:980px;
}

img
{
	border:0px;
}

.rows{
	width:100%;
	float:left;
	clear:both;
}

.space_20{
	width:100%;
	height:20px;
	float:left;
	clear:both;
}

.space_10{
	width:100%;
	height:10px;
	float:left;
	clear:both;
}

.white_bg{
	width:980px;
	float:left;
	border-radius:5px;
	margin:30px 0 30px 0;
	background:#efefef;
}

header{
	width:980px;
	float:left;
	position:relative;
}

.logo_art{
	width:312px;
	height:42px;
	position:absolute;
	left:330px;
	top:-42px;
}

.logo{
	width:289px;
	height:80px;
	float:left;
	margin:20px;
}

.full{
	width:500px;
	float:right;
	margin:20px;
}

.call-press{
	float:right;
}

.press{
	float:left;
	margin:5px 10px 0 0;
}

.press a{
	text-decoration:none;
	color:#00c0ff;
	border:1px solid #e2e2e2;
	padding:5px 10px;
}

.call{
	float:left;
}

.call b{
	font-size:18px;
	color:#e7683f;
}

.call span{
	font-size:15px;
}

.all-donate{
	float:right;
	position:relative;
	margin-top:15px;
}

.donor, .donate, .student-reg{
	float:left;
	padding:10px 15px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:15px;
	text-transform:uppercase;
	border-radius:3px;
}

.donor:hover, .donate:hover, .student-reg:hover{
	background:#FFCC2A;
}

.donor{
	background:#ED1849;
}

.donate{
	background:#1263E7;
}

.student-reg{
	background:#02A05C;
}

.donate, .student-reg{
	margin-left:5px;
}

nav{
	width:980px;
	height:41px;
	float:left;
	background:#cb3302;
	border-top:2px solid #FFCC2A;
}

nav ul{
	margin:0;
	padding:0;
}

nav li{
	list-style:none;
	display: inline-block;  
    position: relative;
	float:left;
}

nav li span{
	width:2px;
	height:41px;
	float:left;
}

nav li a{
	float:left;	
	padding:13px 15px;
	position:relative;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	
	webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

nav li a:hover{
	color:#FFCC2A;
	background:url(../images/nav.png) center no-repeat;
}

nav li ul {
	width:200px;
  	padding: 0;
  	position: absolute;
  	top: 41px;
  	left: 0;
  	display: none;
  	opacity: 0;
  	visibility: hidden;  
  	z-index:999999999; 
	background:#fff;
	box-shadow:1px 1px 3px #000;
	border:1px solid #ccc;
	border-top:0;
}

nav li ul li {   
  width:100%;  
  float:left;
  border-bottom:1px solid #f4f4f4; 
}

nav li ul li a { 
  width:90%;
  float:left;
  padding:10px 10px;
  background:none;   
  display: block;  
  color:#666; 
  border:none;
  text-align:left;
  border-radius:0;
  text-transform:none;
}

nav li ul li a:hover{ 
  color:#FFCC2A;
  border:none;
  background:none;
}

nav li ul li:last-child {   
  border-bottom:0px;  
}

nav li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.arrow{
	width:20px;
	height:10px;
	position:absolute;
	top:8px;
	left:50px;
}

#homepages #home, #aboutpages #about, #servicepages #service, #donatepages #donate, #gallerypages #gallery, #studentpages #student, #donatepages #donate, #counsellorspages #counsellors, #contactpages #contact{
	color:#FFCC2A;
	background:url(../images/nav.png) bottom no-repeat;
}

.banner_login{
	width:940px;
	float:left;
	padding:20px;
}

.banner{
	width:630px;
	height:290px;
	float:left;
	padding:5px;
	background:#fff;
	border-radius:5px;
}

.login{
	width:240px;
	height:282px;
	float:right;
	background:url(../images/newsletterbg.png) no-repeat;
	position:relative;
	padding:20px;
}

.login_title{
	width:100%;
	height:18px;
	float:left;
	background:url(../images/widget-titlebg.png) repeat-x;
}

.login_title span{
	float:left;
	padding:0 5px;
	font-size:18px;
	margin-left:10px;
	background:#fff;
	margin-top:-4px;
	text-transform:uppercase;
	font-weight:bold;
	color:#e7683f;
}

.txt{
	width:220px;
	float:left;
	padding:10px 10px;
	border:1px solid #e2e2e2;
}

.txt-sel{
	width:240px;
	float:left;
	padding:10px 10px;
	border:1px solid #e2e2e2;
}

.com-control{
	width:100%;
	float:left;
	margin-bottom:10px;
}

.txt_1{
	width:96%;
	float:left;
	padding:2%;
	border:1px solid #e2e2e2;
}

.txt_date{
	width:90.1%;
	padding:2%;
	border:1px solid #e2e2e2;
}

.txt_file{
	width:96%;
	float:left;
	padding:1.5% 2%;
	border:1px solid #e2e2e2;
	background:#fff;
}

.txt_2{
	width:100%;
	float:left;
	padding:2%;
	border:1px solid #e2e2e2;
}

.sel_txt{
	width:100%;
	float:left;
	padding:2%;
	border:1px solid #e2e2e2;
}

.big_txt{
	width:96%;
	float:left;
	padding:2%;
	border:1px solid #e2e2e2;
	resize:none;
}

.big_txt_1{
	width:100%;
	float:left;
	padding:2%;
	border:1px solid #e2e2e2;
	resize:none;
}

.btn{
	width:90px;
	float:left;
	padding:10px 0;
	font-weight:bold;
	font-size:15px;
	border:0;
	cursor:pointer;
	color:#fff;
	background:#FFCC2A;
	border-radius:5px;
}

.logout{
	width:90px;
	padding:10px 0;
	font-weight:bold;
	font-size:15px;
	border:0;
	cursor:pointer;
	color:#fff;
	background:#FFCC2A;
	border-radius:5px;
	position:absolute;
	top:14px;
	right:20px;
	text-decoration:none;
	text-align:center;
}

.btn:hover{
	background:#e7683f;
}

.forgot{
	float:right;
	text-decoration:none;
	font-weight:bold;
	color:#999;
	font-size:15px;
}

.forgot:hover{
	color:#e7683f;
}

.n_txt{
	width:100%;
	float:left;
	font-size:15px;
	margin:10px 0 5px 0;
}

.shadow{
	width:980px;
	height:24px;
	float:left;
}

section{
	width:940px;
	float:left;
	padding:20px;
	clear:both;
}

.col_left{
	width:640px;
	float:left;
}

.col_left p{
	float:left;
	line-height:24px;
	text-align:justify;
}

.col_right{
	width:280px;
	float:right;
}

.student{
	width:640px;
	float:left;
}

.help{
	width:600px;
	float:left;
	font-size:20px;
	text-align:center;
	background:#C6F;
	color:#fff;
	padding:20px;
}

.title_l{
	width:97%;
	height:20px;
	float:left;
	background:url(../images/widget-title1rowbg.png);
	margin:0;
	padding:10px;
	color:#fff;
	border-radius:5px 5px 0 0;
	overflow:hidden;
	font-size:18px;
	text-transform:uppercase;
}

.student_bot{
	width:618px;
	height:155px;
	float:left;
	padding:10px;
	border:1px solid #ccc;
	border-top:0px solid #ccc;
	border-radius:0 0 5px 5px;
	background:#fff;
}

.latest_news{
	width:280px;
	float:left;
	overflow:hidden;
	border-radius:5px 5px 0 0;
}

.latest_news_bot{
	width:258px;
	height:155px;
	float:left;
	padding:10px;
	border:1px solid #ccc;
	border-top:0px solid #ccc;
	border-radius:0 0 5px 5px;
	background:#fff;
	position:relative;
	/*background:url(../images/goals-bg.png);*/
}

.latest_h{
	width:100%;
	height:155px;
	float:left;
	overflow:hidden;
}

/* nt-example1 */

.nt-example1 {
	width: 100%;
	height:105px;
	float:left;
	margin:0;
	padding:0;
}

.nt-example1 li {
	list-style: none;
	border-bottom: 1px dotted #2c8162;
	margin-bottom:10px;
	padding:5px 0 10px 20px;
	line-height:15px;
	background:url(../images/li_st.png) 0px 5px no-repeat;
}

.nt-example1 li:hover {
	color:#e7683f;
}

#nt-example1-prev{
	position:absolute;
	top:-25px;
	right:30px;
	z-index:99;
	color:#fff;
	
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#nt-example1-next{
	position:absolute;
	top:-25px;
	right:10px;
	z-index:99;
	color:#fff;
	
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}


.title{
	width:100%;
	height:18px;
	float:left;
	background:url(../images/widget-titlebg.png) repeat-x;
}

.title span{
	float:left;
	padding:0 5px;
	font-size:18px;
	margin-left:10px;
	background:#efefef;
	margin-top:-4px;
	text-transform:uppercase;
	font-weight:bold;
	color:#e7683f;
}

.video{
	width:270px;
	float:left;
	padding:5px;
	box-shadow:1px 1px 3px #ccc;
	background:#FFF;
}

.col_2{
	width:310px;
	float:left;
}

.m_left_20{
	margin-left:20px;
}

.wel_photo{
	width:100px;
	height:80px;
	float:left;
	background:#006;
}

.wel_txt{
	width:82%;
	float:right;
}

.jus{
	line-height:20px;
	text-align:justify;
}

.read{
	float:right;
	text-decoration:none;
}

.upcoming{
	width:100%;
	height:170px;
	float:left;
	overflow:hidden;
}

.list{
	width:100%;
	float:left;
}

.list ul{
	margin:0;
	padding:0;
}

.list li{
	width:95%;
	float:left;
	list-style:none;
	margin-bottom:10px;
	background:url(../images/li_st.png) 0px 4px no-repeat;
	padding-left:5%;
	text-align:justify;
}

.page_title{
	width:940px;
	float:left;
	padding:20px;
	font-size:24px;
	position:relative;
}

.inner_title{
	width:640px;
	float:left;
	color:#CB3302;
	font-size:20px;
}

.com_img{
	width:640px;
	float:left;
	border-radius:5px;
	overflow:hidden;
}

.com_img img{
	width:100%;
}

.student-view{
	width:191px;
	float:left;
	margin:5px;
	border:1px solid #ccc;
	padding:5px;
	position:relative;
	overflow:hidden;
	
}

.student-view img{
	width:191px;
	height:150px;
	-moz-transition:-moz-transform 0.5s ease-in; 
	-webkit-transition:-webkit-transform 0.5s ease-in; 
	-o-transition:-o-transform 0.5s ease-in;	
	display: inline-block;
}

.student-view:hover img{
	-moz-transform:scale(2); 
	-webkit-transform:scale(2);
	-o-transform:scale(2);
}

.view-profile{
	position:absolute;
	top:65px;
	left:55px;
	color:#fff;
	background:#FFCC2A;
	padding:10px;
	text-decoration:none;
	display:none;
	border-radius:3px;
	font-size:14px;
}

.student-view:hover .view-profile{
	display:block;
	z-index:9;
}

.donation-history{
	width:94%;
	float:left;
	background:#f4f4f4;
	padding:3%;
	border-radius:3px;
	margin-bottom:20px;
}

.child_img{
	width:280px;
	float:left;
	padding:10px;
	background:#99F;
}

.child_img img{
	width:280px;
}

.child-bio{
	width:320px;
	float:right;
}

.name_dis{
	width:30%;
	float:left;
	font-size:15px;
	font-weight:bold;
}

.name_co{
	width:5%;
	float:left;
	font-size:15px;
	font-weight:bold;
}

.name{
	width:65%;
	float:left;
	font-size:15px;
}

.child-form{
	width:100%;
	float:left;
	position:relative;
}

.existing_donor, .new_donor{
	float:left;
	padding:10px 34px;
	color:#fff;
	text-decoration:none;
	background:#CB3302;
}

.new_donor{
	margin-left:20px;
}

.existing_donor:hover, .new_donor:hover{
	background:#FFCC2A;
}

.map{
	width:980px;
	height:300px;
	float:left;
}

.address{
	width:100%;
	float:left;
	font-size:16px;
	line-height:24px;
	color:#333;
}

.address_title{
	width:100%;
	float:left;
	font-size:18px;
	font-weight:bold;
}

.pagenav{
	float:right;
}

.pagenav ul{
	margin:0;
	padding:0;
}

.pagenav li{
	list-style:none;
	float:left;
	color:#fff;
}

.pagenav li a{
	float:left;
	text-decoration:none;
	color:#000;
	padding:7px 10px;
	border:1px solid;
	border-color:rgba(0, 204, 102, 0.5);
	margin-left:2px;
}

.pageactive{
	background:rgba(0, 204, 102, 1);
	border:1px solid;
	border-color:rgba(0, 204, 102, 1);
	color:#fff;
}

table {
	width:100%;
	float:left;
  font-family: 'Arial';
  border-collapse: collapse;
  border: 1px solid #eee;
  border-bottom: 2px solid #00cccc;
  background:#fff;
  text-align:left;
}
table tr:hover {
  background: #f4f4f4;
}
table tr:hover td {
  color: #555;
}
table th, table td {
  color: #000;
  border: 1px solid #eee;
  padding: 10px;
  border-collapse: collapse;
}
table th {
  background: #00cccc;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
}
table th.last {
  border-right: none;
}

.paginate
{
font-family:Arial, Helvetica, sans-serif;
padding: 3px;
margin: 3px;font-weight:bold;
}

.paginate a
{
padding:5px 10px;
margin:2px;
border:1px solid #ccc;
text-decoration:none;		
color: #666;font-weight:bold;
}
.paginate a:hover, .paginate a:active
{
border: 1px solid #ccc;
color:#fff; 
font-weight:bold;
background:#CB3302;
}
.paginate span.current
{
margin: 2px;
padding:5px 10px;
border: 1px solid #ccc;
font-weight: bold;
color: #fff;
background:#CB3302;
}
.paginate span.disabled
{
padding:5px 10px;
margin:2px;
border:1px solid #ccc;
color:#DDD;font-weight:bold;
}

footer{
	width:100%;
	float:left;
	padding:20px 0;
	background:rgba(0,0,0,0.5);
}

.copy_rights{
	width:500px;
	float:left;
	color:#fff;
}

.copy_rights a{
	text-decoration:none;
	color:#fff
}

.copy{
	width:500px;
	float:left;
}

.rights{
	width:500px;
	float:left;
	margin-top:3px;
}

.footer_social{
	width:175px;
	float:right;
}

.f_facebook, .f_twitter, .f_plus, .f_linkedin, .f_pin{
	width:35px;
	height:27px;
	float:left;
	border-radius:35px;
	text-align:center;
	font-size:16px;
	padding-top:8px;
	position:relative;
	color:#fff;
}

.f_facebook:after, .f_twitter:after, .f_plus:after, .f_linkedin:after, .f_pin:after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    transition: right 250ms;
	z-index:-1;
}

.f_facebook:after {
    background-color: #305891;
}

.f_twitter:after {
    background-color:#2CA8D2;
}

.f_plus:after {
    background-color:#CE4D39;
}

.f_linkedin:after {
    background-color:#045982;
}

.f_pin:after {
    background-color:#CC232A;
}

.f_facebook:hover:after {
    right: 0;
	background:#305891;
}

.f_twitter:hover:after {
    right: 0;
	background:#2CA8D2;
}

.f_plus:hover:after {
    right: 0;
	background:#CE4D39;
}

.f_linkedin:hover:after {
    right: 0;
	background:#045982;
}

.f_pin:hover:after {
    right: 0;
	background:#CC232A;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:rgba(0, 0, 0, 0.8);
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;

  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:500px; 
  height:400px;
}

#popupfoot{
	position:absolute;
	top:-20px;
	right:-20px;
}