* {
margin:0;
padding:0
}

body {
background-color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#474747;
font-size:62.5%;
font-weight:normal;
text-align:left;
text-align:left

}

img {
border:0;

text-align:left;
vertical-align:top
}

ul {
list-style:none;

}

li {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.2em;
font-size:1.2em;
}

li a {
color:#F44200;
text-decoration:none;
list-style-position:outside;
line-height:1.2em;
}

li a:hover{color:#666666;border-bottom: solid thin #666666;}

p{font-size:1.2em;font-weight:normal;line-height:1.4em;font-family:Verdana, Arial, Helvetica, sans-serif;
}

.quoted {
	font-family:"Trebuchet MS", Tunga, Papyrus;
	font-size:1em;
	font-style:italic;
	line-height:normal;
	font-weight:700;
	color:#333333;
	text-decoration:none
}
#content {
padding:20px 0 70px;
}

a {
color:#F44200;
text-decoration:none;
/*text-transform: capitalize;*/
}

a:hover {
text-transform: uppercase;
border-bottom:thin dotted #F44200;
}

strong {
color:#000;
font-size:1.2em;
}

em {
font-weight:700
}



/*-- End of Basics*/

/* Layout */

.container {
width:100%;
overflow:hidden;

}

.col_1,.col_2,.col_3,.box_1,.box_2,.box_3,.mid,.mid_2 {
float:left;
line-height:1.3em;
overflow: visible;

}

.col_2
{font-size:1.3em;text-align: justify;}

/* Begin definition of round blocks*/
.block_1 {
background:url(../images/block_1_top.jpg) left top repeat-x #EAEAE9;
width:100%;
overflow: hidden;

}

.block_1 .bot {
background:url(../images/block_1_bot.jpg) left bottom repeat-x

}

.block_1 .left {
background:url(../images/block_1_left.jpg) left top repeat-y

}

.block_1 .right {
background:url(../images/block_1_right.jpg) right top repeat-y

}

.block_1 .left_top {
background:url(../images/block_1_left_top.jpg) left top no-repeat

}

.block_1 .right_top {
background:url(../images/block_1_right_top.jpg) right top no-repeat

}

.block_1 .left_bot {
background:url(../images/block_1_left_bot.jpg) left bottom no-repeat

}

.block_1 .right_bot {
background:url(../images/block_1_right_bot.jpg) right bottom no-repeat;
padding:9px 11px 11px 10px
}

.block_1 .title {
margin:0 0 17px 16px
}

.block_2 {
background:url(../images/block_2_left_top.jpg) left top no-repeat #FFF;
width:100%;
overflow:hidden;
}

.block_2 .right_top {
background:url(../images/block_2_right_top.jpg) right top no-repeat

}

.block_2 .left_bot {
background:url(../images/block_2_left_bot.jpg) left bottom no-repeat

}

.block_2 .right_bot {
background:url(../images/block_2_right_bot.jpg) right bottom no-repeat;
padding:5px 17px 18px 20px
}

.block_3 {
background:url(../images/block_3_top.jpg) left top repeat-x;
width:100%;
overflow: visible;
}

.block_3 .bot {
background:url(../images/block_3_bg.jpg) left bottom repeat-x

}

.block_3 .left {
background:url(../images/block_3_bg.jpg) left top repeat-y

}

.block_3 .right {
background:url(../images/block_3_bg.jpg) right top repeat-y

}

.block_3 .left_top {
background:url(../images/block_3_left_top.jpg) left top no-repeat

}

.block_3 .right_top {
background:url(../images/block_3_right_top.jpg) right top no-repeat

}

.block_3 .left_bot {
background:url(../images/block_3_left_bot.jpg) left bottom no-repeat

}

.block_3 .right_bot {
background:url(../images/block_2_right_bot.jpg) right bottom no-repeat;
padding:9px 18px 33px 14px
}

.block_3 .indent {
padding:40px 0 0 5px
}


/* End of definition of round boxes*/

.maintitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#474747;
font-size:2em;
line-height:1.4em;
text-align:center;
margin-left:10px;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
background-position:left bottom;
font-weight:700;
height:90px;
padding-top:20px
}

input,textarea,select {
color:#000;
vertical-align:top;
text-align:left;
font:11px Tahoma, Arial, helvetica, sans-serif;
padding-left:5px
}

.float_right {
float:right
}

.align_right {
text-align:right
}

.center {
text-align:center
}

.top_indent_5px {
margin-top:5px;
display:block
}

.top_indent_10px {
margin-top:10px;
display:block
}

.top_indent_15px {
margin-top:15px;
display:block
}

.top_indent_20px {
margin-top:20px;
display:block
}

.top_indent_25px {
margin-top:25px;
display:block;
overflow:hidden;
position:relative
}

.width_stretch {
width:100%
}


.menu {
height:30px;
text-align:right;
line-height:2em;
padding:10px 0 0
}
/* Blocks*/
.box_1 {
width:200px;
overflow:hidden;
padding:0;
margin-left:50px;

}

.menu img:hover
{
 
border-bottom:thin dotted #F44200;

}


.box_1 a{color:#333333;font-weight: bold; font-size: 1.6em;
text-decoration:none;
}
.box_1 a:hover{color:#F44200;text-transform:none;border:none;}
.box_1 p {margin-left :10px;}
.entry h3 {
color:#F60
}

.entry img {
background-image:url(../img/entry_img_bg.gif);
background-repeat:repeat;
border:1px solid #e3d898;
margin-bottom:4px;
margin-right:4px;
padding:7px
}

.entry img:hover {
border:1px solid #e97924
}

.trcr
{
background-color: #0000FF; color: #FFFFFF; font-size: 18px; font-weight: bold; border-color: #FFFFFF;  
}
.chrdiv
{
border: 5px solid #000099; width:477px; 
}
.trcr1
{
border-color:#FFFFFF; background-color: #D2D2FF; color: #000000; text-align:center; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2ems; font-weight:bold

}
 

#footer {
background:url(../images/footer_bg.gif) left top repeat-x #F0F1ED;
height:41px;
word-spacing:4px;
font-size:1em;
padding:28px 24px 40px 31px
}

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

#footer a:hover {
text-decoration:underline
}

#footer span {
font-size:1em;
float:right;
word-spacing:0
}

#footer span a {
color:#474747;
text-decoration:underline
}

/* Text specifications*/
.title
 {
	font-family: Cambria, Georgia, Times, ‘Times New Roman’, serif;
	font-size: 2em;
	font-style: normal;
	font-weight: bold;
	color:#F44200;
	text-decoration: none;
	text-transform: capitalize;
	padding:0 0 13px 0;
}

.title1
{
 font-family:Verdana, Arial, Helvetica, sans-serif;   
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	/*text-decoration: none;*/
	text-transform: capitalize;
	padding:0 0 13px 0;
	height:20px;

}
title2
{

font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	text-transform: capitalize;
	padding:0 0 13px 0;
	height:20px;
	background-color:#D2D2FF;
}

.chrmar
{
		background-color: #D2D2FF;
		height:22px;
		color:#000000

}
.subtitle {
	font-family:"Trebuchet MS", Tunga, Papyrus;
	font-size: 1.9em;
	font-style: italic;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	
}
.sidetitle {padding:2px;}
.code {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	font-style: normal;
	line-height: normal;
	color: #333333;
	text-decoration: none;
	background-color: #DFDFDF;
	height: auto;
	width: 500px;
	border: thin double #000000;
}
.font_1
{font-size:1em;}
.font_12
{font-size:1.2em;}
.font_14
{font-size:1.4em;}

/* Img specs*/
.gallery {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:1.2px;
color:#333;
text-decoration:none;
background-color:#FFF;
border-color:#333;
border-style:solid
}

/* Products */
 .screenshot1
 { z-index:-1;
 position:relative;
 float:left;
  margin:0;
  padding:0;
  }
 .screenshot2
 {z-index:1;
 position:relative;
 top:-200px;
 left:350px;
 margin:0;
  padding:0;
  
}
.screenshot1 img ,.screenshot2 img{width:400px;}
  /* ToolTips*/
.ToolText{position:relative; } 
.ToolTextHover{position:relative;} 
.ToolText span{display: none;} 

.ToolTextHover span{ 
  display:block; 
  position: absolute; 
  border:2px solid  #59AAFB; 
  top:-1.3em; 
  left:65px; 
  background-color: #D6EAFE; color: #59AAFB ; 
  padding:10px;
  text-align: left ; 
  font-weight:100;
  font-size:1em;
  width:300px; 
  z-index:10;
} 

/* Features of NatNGO*/
 #features ul {list-style:none;font:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-size:1.4em;}
 #features li {padding:10px 0 10px 40px;}
 #donors {background: url(../images/features/donors.png) left center no-repeat;}
 #security{background:url(../images/features/lock.gif) left center no-repeat;}
 #benefit{background:url(../images/features/benefit.png) left top no-repeat;}
 #users {background:url(../images/features/users.png) left top no-repeat;}
 #projects{background:url(../images/features/project.png) left top no-repeat;}
 #accounts{background:url(../images/features/accounts.png) left center no-repeat;}
 #reports {background:url(../images/features/report-s.png) left top no-repeat;}
 #data{background:url(../images/features/data.png) left top no-repeat;}
 #audit{background:url(../images/features/audit.png) left top no-repeat;}

#students{background: url(../images/features/student.png) left no-repeat;}
#teachers{background: url(../images/features/teacher.png) left no-repeat;}
#courses{background: url(../images/features/courses-s.png) left no-repeat;}
#exams{background: url(../images/features/exam.png) left no-repeat;}

/*Subscription Menu*/
.subcrip td {background-color: #CCCCCC;}
.subcrip tr{border:#FFFFFF thin;}

.chat-bubble  {
  background-color: #66CCFF;
  border:2px solid  #3366CC;
  font-size:15px;
  line-height:1.3em;
  margin:0 0 0 10px;
  padding:10px;
  position:relative;
  text-align: justify;
  width:75%;
  color: #333333;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
}


.chat-bubble-arrow-border {
  border-color: #3366CC transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-22px;
  left:30px;
}

.chat-bubble-arrow {
  border-color: #66CCFF transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:30px;
}
.chat-bubble-pink{background-color: #F9D9DA;border:2px solid  #EB9EA4;font-size:15px;
  line-height:1.3em;
  margin:0 0 0 10px;
  padding:10px;
  position:relative;
  text-align: justify;
  width:75%;
  color: #333333;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;}
 .chat-bubble-arrow-border-pink {

 border-color: #EB9EA4 transparent transparent transparent;
 border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-22px;
  left:30px; }
.chat-bubble-arrow-pink {

border-color: #F9D9DA transparent transparent transparent;
border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:30px;}
  
.chat-speaker{padding-left:40px;font-family:Palatino, ‘Palatino Linotype’, ‘Hoefler Text’, Times, ‘Times New Roman’, serif ;font-size:1.8em;}