/* General tag definition */

#banner {
  position:absolute;
  top:40px;
  left:180px;
}

#banner h3 {
  font-size:11px;
  text-align:center;
}

#banner a {
  display:block;
  width:234px;
  height:60px;
  background:transparent url(../graphics/banner/banner.jpg) no-repeat center center;
}

* {
  margin:0;
  padding:0;
}

body {
  font-size: 14px; /* Resets 1em to 10px */
  font-family: Helvetica,"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Arial, sans-serif;
  color:#333;
  text-align:center;
  background-color:#fff;
}

a {
  color:#fff;
  font-weight:bold;
  font-style:normal;
}
a:hover{
text-decoration:none;
}
img{
border:none;
}

dl {
  padding:15px 20px;
  line-height:1.5em;
}

dd{
  margin-bottom:5px;
  padding-left:23px;
}

dd.field, dd.help_text {
  margin-bottom:5px;
}

dt {
  background:transparent url(../graphics/arrow.gif) no-repeat left 6px;
  padding:3px 0 4px 23px;
	font-weight:bold;
}

dt a {
  text-decoration:none;
font-size:1.1667em;
line-height:1.286em;
  font-size-adjust:none;

}

dt a:hover {
  border-bottom:1px dashed white;
}

h1 {
font-size: 1.6em;  
line-height: 1em;
margin: 0 0 1em 0;
}

h2 {
font-size:1.3em;
line-height:1.286em;
margin-top:1.5em;
margin-bottom:0.643;
font-size-adjust:none;
}

h3 {
font-size:1.15em;
font-size-adjust:none;
line-height:1.2em;
margin-top:1.5em;
margin-bottom:0.543em;
}
p {
font-size: 1em;
line-height:1.5em;
margin:0 0 1.5em 0;
}
h4 {
  font-size:0.9em;
  font-size-adjust:none;
  line-height:1em;
}

h4 a {

}

h4 a:hover {
  text-decoration:none;
}

/* Common structure definition */

#wrapper {
  margin:0 auto;
  width:750px;
  position:relative;
}

#header {
  background:#26949F url(../graphics/header.png) no-repeat top left;
  height:234px;
  position:relative;
}

#header h1 {
  display:none;
}

#top_menu {
  position:absolute;
  top:15px;
  right:68px;
  text-align:right;
}

#top_menu a {
  color:#999;
  font-size:0.8em;
  text-decoration:none;
  text-transform:uppercase;
}

#top_menu li {
  float:left;
  padding:0 0 0 14px;
  list-style-type:none;
}

#globalnav {
  position:absolute;
  top:160px;
  left:10px;
  text-align:left;
}

#globalnav a {
  color:#fff;
  font-size: 0.9em;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
}
#globalnav a:hover{
text-decoration:underline;
}

#globalnav a.highlite {
  color:gold;
}

#globalnav ul {
  margin:0;
  padding:0;
}

#globalnav li {
  float:left;
  padding:0 10px;
  list-style-type:none;
}

#breadcrumbnav {
  position:absolute;
  top:200px;
  left:20px;
  font-size:0.8em;
  color:#eee;
  font-weight:bold;
}

#breadcrumbnav span {
  margin-right:10px;
}

#breadcrumbnav a {
  text-decoration:none;
  color:#eee;
}

/**Content Uni**/
.headershadow {
  position:absolute;
  bottom:0px;
  left:0px;
  background:transparent url(../graphics/header-shadow-home.gif) repeat-x top left;
  width:750px;
  height:13px;
}

.sponsors .headershadow , .about_us .headershadow , .calendar .headershadow, .members_area .headershadow, .green .headershadow {
  background:transparent url(../graphics/header-shadow-green.png) no-repeat top left;
}

.programs .headershadow, .orange .headershadow {
  background:transparent url(../graphics/header-shadow-orange.png) no-repeat top left;
}

#footer {
  background-color:#3c5b70;
  text-align:right;
  color:#fff;
  font-size:10px;
  clear:right;
}

.footerin {
  margin-left:20px;
  width:720px; 
  height:16px;
  padding:8px 10px 8px 0;
  border-top:1px solid #6b8695;
}

#content_wrapper {
  background:#18959f url(../graphics/content.gif) repeat-x scroll left bottom;
  width:750px;
  min-height:496px;
  color:#fff;
}

#content {
  text-align:left;
  position:relative;
  width:750px;
}

#content p {
  margin: 5px 0;
}

.context {
  padding:20px 20px 0 20px;
}

.context ul {

}

.context li {
  line-height: 1.2em;
  list-style-type:square;
}

.colorized{
width:668px;
margin: 0.5em 0 0.5em 0;
padding:0.5em 1em 0.5em 1.5em;
}
html>body ul.colorized{background:url(../graphics/listbg.png) no-repeat left top;}
* html ul.colorized{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.netimpactnepa.org/media/graphics/listbg.png',sizingMethod='scale');}

/* - - - - - - - - - - - - - - - - - - - - -   */
.collumn {
  width:195px;
  padding: 30px 0 0 20px;
  float:left;
  line-height:18px;
}

.collumn p {
  margin-bottom:5px;
}
.emphasise {
  font-family: Helvetica,"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, sans-serif;
  font-size:1.6em;
  line-height:28px;
}

.learn-become {
  margin:0;
  height:90px;
}

.withArrow {
  list-style-image: none;
  list-style-position:outside;
  list-style-type:none;
  margin: 20px 0 0 0;
}

.withArrow li {
  background:transparent url(../graphics/sipka.gif) no-repeat 0px 4px;
  line-height:1.6em;
  padding:0pt 0pt 10px 18px;
}


.learn-become ul {
  list-style-image: none;
  list-style-position:outside;
  list-style-type:none;
  margin: 20px 0 0 0;
}

.learn-become ul li {
  background:transparent url(../graphics/sipka.gif) no-repeat 0px 4px;
  line-height:1.6em;
  padding:0pt 0pt 10px 18px;
}

.learn-become ul li a {
 font-size:1.2em;
 text-decoration:none;
}

.learn-become ul li a:hover {
   text-decoration:underline; 
}
 
.home_join {
  width:193px;
  height:80px;
  display:block;
  background:transparent url(../graphics/join.png) repeat-x top left;
  text-indent:-5000px;
  overflow:hidden;
}

.banner_area {
  width:512px;
  padding:10px 0px 0 0px;
/*  position:relative; */
  margin:0 0 00px 0;
  float:right;
}

.highlite_area {
  width:512px;
  padding:10px 0px 0 0px;
/*  position:relative; */
  margin:0 0 20px 0;
  float:right;
}

.highlite_area h2 {
  font-size:1.4em;
  text-transform:uppercase;
  padding:0 0 6px 0;
  margin:10px 20px;
}

#benefits {
  background:transparent url(../graphics/benefits.png) repeat-y top left;
  margin-top: 30px;
}

#benefits h2 {
  border-bottom:1px #8cd940 solid;
}

#benefits ul {
  margin:25px 20px 40px 40px;
  padding:0;
 
}

#benefits li {
  float:left;
  width:200px;
  height:20px;
  color:#000;
  list-style-type:none;
  background:transparent url(../graphics/icon-bullet.gif) no-repeat top left;
  padding:0 0 0 25px; 
  color: white;
}

#benefits_foot {
  background:transparent url(../graphics/benefits_foot.png) no-repeat bottom left;
  height:40px;
  width:100%;
  margin:0;
  padding-top:20px;
  border-bottom:1px solid #444;
  clear:both;
  text-align:right;
}

#calendar {
  background:transparent url(../graphics/calendar.png) repeat-y top left;
}

#calendar h2 {
  border-bottom:1px #fcaf40 solid;
}

#calendar dl {
  margin:25px 0 8px 40px;
  padding:0;
}

#calendar dt {
  float:left;
  width:40px;
  margin:0;
  padding:0 0 0 0px;
  color:#222;
  font-weight:bold;
  text-transform:uppercase;
  background:none;
}

.event_chapter {
  margin:0;
  padding:0 0 0 0px;
  color:#eee;
  font-weight:bold;
  text-transform:uppercase;
  text-align:right;
}

.photos {

}

.photos li {
	float:left;
	width:100px;
	height:100px;
}

.photos li a{
	display:block;
	width:100px;
	height:100px;
	background-repeat:no-repeat;
	background-position:center center;
}

#calendar dt span {
  font-family: Georgia, serif;
  display:block;
  font-size:25px;
  color:#fff;
}

#calendar dd {
  position:relative;
  margin:0 19px 13px 0;
  padding:0 0 25px 70px;
  border-bottom:1px solid #FCAF40;
}

#calendar_foot {
  background:transparent url(../graphics/calendar_foot.png) no-repeat bottom left;
  height:35px;
  margin:0;
  width:100%;
  border-bottom:1px solid #444;
  clear:both;
  text-align:right;
}

#administration {
  position:absolute;
  top:0;
  right:10px;
}

#administration a {
  color:#aaa;
  font-size:11px;
  text-decoration:none;
}

.topcon {
  background:transparent url(../graphics/greengrad.png) repeat-y top left;
  width:750px;
  height:99px;
/*  border:1px solid red!important;*/
}
#programs{
  background:transparent url(../graphics/orangegrad.png) repeat-y top left;
  width:750px;
  height:99px;
}

#programs h1 {
 border-bottom:1px solid #FFCEA1;
}

.con {
  background:transparent url(../graphics/greengrad.png) repeat-y top left;
  width:750px;
  height:99px;
  clear:both;
}

.topcon h1 {
  display:block;
  padding-top:50px;
  margin:0 0 0 20px;
  width:710px;
  border-bottom:1px solid #8CD940;
/*  border:1px solid red!important;*/
}

.con01 {
  width:690px;
  padding: 30px 20px 0 30px;
}

.officepeople {
float: left;
width:330px;
margin:0 15px 30px 0;
  padding:0 0 0 0;
  border-bottom:1px dashed #b3d6e2;
}

.officepeople img {
  float:left;
  display:block;
}

.officename_long {
  float:left;
  width:220px;
  margin:28px 0 0 10px;
}

.officename_short {
  float:left;
  width:220px;
  margin:53px 0 0 10px;
}

.offabout {
  display:block;
  padding-top:10px;
  width:320px;
  clear:both;
}

.offemail {
  display:block;
  font-style:italic;
}

.title {
  font-variant:small-caps;
  font-size: 1em;
  margin-top: 5px;
}

.up {
  float:right;
  margin:60px 20px 0 0;
  background:transparent url(../graphics/up.gif) no-repeat bottom right; 
  text-align:right;
  padding-right:15px;
  cursor:pointer;
}
.up a {
  text-decoration:none;
  font-size:10px;
} 

/* Miscellaneous styles */

.back {
text-align:right;
padding:20px 30px;
}

#join_benefits {
background:transparent url(../graphics/benefits.png) repeat-y top left;
margin-top: 30px;
}

#join_benefits h2 {
border-bottom:1px #8cd940 solid;
}

#join_benefits ul{
margin:20px 20px 0 25px;
}

#join_benefits li{
line-height:1em;
margin-bottom: 8px;
color:#fff;
list-style-type:none;
background:transparent url(../graphics/icon-bullet.gif) no-repeat top left;
padding:0 0 0 25px;
}

.join {
  clear:both;
  text-align:right;
  margin-right: 20px;
}

.submit {
padding:0 0 20px 40px;
}

.learn_more {
  padding-right: 20px;
}
.learn_more a{
  font-weight:normal;
}

.event_summary {
  margin-bottom:0px;
}

.event_more {
  cursor:pointer;
  font-weight:bold;
}
.event_details {
  display:none;
}

.event_details_visible {
  display:block;
}

.br {
  clear:both;
}

.hr {
  clear:both;
  height:13px;
  border-bottom:1px solid #fff;
  margin-bottom:15px;
}

.highlite {
  color:gold;
}

.errors {
  color:orange;
}

.note{
padding-top:1.5em;
line-height: 1.2em;
}

.login_note{
margin-top:1em;
padding:0.5em 0;
border-bottom:#f3f3f3 dotted thin; 
border-top:#f3f3f3 dotted thin; 
}

.login_note a{
font-size:0.8em;
line-height: 1.4em;
font-style:normal;
}

dd h3 {
  margin:3px 0;
  font-size:1.05em;
}

dd ul {
  padding-left:20px;
  list-style-type:square;
}

.photo_gallery {
  list-style-type:none;
}

.photo_gallery li {
  list-style-type:none;
  float:left;
  width:110px;
  height:110px;
  text-align:center;
}

.photo_gallery li a.highslide img {
  display:block;

}

.photo_gallery li a.highslide {
  display:block;
  text-decoration:none;
  font-size:11px;
  font-weight:normal;

}
