html *{
   padding: 0;
   margin: 0;
  }
body {
  background-color:#fff;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: small;
  color: #333;
	margin: 0px;
}
.header{
  padding:0;
	height: 125px;
	width:100%;
	padding:0;
	margin:0 auto;
	background:top center url(../images/header-bg.jpg) #fff no-repeat ;
}
.container{
	position: relative;
	width: 100%;
	top: 5px;
	left:0;
	margin:0 auto;
 	background-color: #030;
	color: #222;
}
.wrapper{
  width:970px;
	min-width: 940px;
  max-width: 980px;
	margin: 0 auto;
	background-color: #fff;
}
#intro{
 width:100%;
 margin: 0;
 padding: 0 ;
 background: #fff;
 position:relative;
 top:0;
 }
.intro-left{
	width: 590px;
	float: left;
  background: #fff url("../images/nsf_intro_sm.png") no-repeat top left;
	color:#000;
	margin: 0 .5em 10px;
}
.intro-left .feature{
  margin: 0 0 10px;
  font-size: 93%;
  width:70%;
  margin-left:100px;
  padding:0 .7em;
  color:#333;
  min-height:120px; */correct min-height prob in I.E */
  background-color: #fff;
  }
.intro-left .feature h1,.intro-left .feature h2, .intro-left .feature h3,.intro-left .feature h4{
	font-weight: 600;
	color: #fc0;
	font-size:120%;
	font-family: Georgia,"Times New Roman",Garamond, serif;
}
.intro-left .feature p,{
  font-size: 1em;
  font-family: Tahoma, Verdana, sans-serif;
  }

.intro-left .other_content{
  margin: 10px auto;
  font-size: 90%;
  width:70%;
  padding: 0 1.3em;
  color:#d00;
  background:#fff;
  position: absolute;
  top:100px;
}
.other_content h1,.other_content h2,.other_content h3{
	font-weight: 500;
	color: #03c;
	font-size: 140%;
	font-family: Georgia,"Times New Roman",Garamond, serif;
}
.other_content p,{
  font-size: 100%;
  font-family: Tahoma, Verdana, sans-serif;
  }

.intro-right{
	width: 340px;
	float: left;
	padding-left: .3em;
	margin: 0 auto;
}
.content{
	width: 975px;
}

.content-left{
	width: 550px;
	float: left;
	padding-left: 30px;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 20px;
	margin-top: 25px;
  margin-left:10px;
	/*border-right: 1px solid #060;*/
  border-top: 1px solid #060;
}

.sidebar{
	width: 250px;
	margin-top: 25px;
	margin-right: 5px;
	float: left;
	background-color: #fff;
	color: #000;
  padding: 20px;
  border-top: 1px solid #060;
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4{
  color: #363;
  text-align: right;
  text-transform: lowercase;
  padding-bottom: 2px;
  margin-top:20px; margin-bottom:0;
  font: 500 140% Georgia,"MS Sans Serif",Garamond, sans-serif;
}
 .sidebar p,.sidebar ul,.sidebar table{
   margin-top:.4em;
 }

.break{
	height: 20px;
	clear: both;
}

.footer{
  width:100%;
	min-width: 970px;
	height: 100px;
	background: #0f0f0f;
	color: #eee;
	padding-top: 20px;
	padding-bottom: 25px;
	font-family:   Georgia, 'Times New Roman', serif;
	font-weight: normal;
  font-size: .9em;
	letter-spacing: 1px;
	line-height: .4em;
}

.footer-left{
	width: 45%;
	float: left;
  padding: 10px 1.5em 0;
  clear:both;
}

.footer-right{
	width: 45%;
	float: left;
  padding: 10px 1.5em 0;
  clear:both;
}

.footer a{
	color: #eee;
	text-decoration: none;
}

.footer a:hover{
	color: #030;
	text-decoration: none;
}

.footer ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	font-size: 14px;
}

.footer li{
	display: inline;
}

.footer p{
	padding: .5em .2em;
	margin: .3em .5em 0;
}

h1{
	font-size: 1.8em;
	font-weight: 600;
	color: #333;
	letter-spacing: -1px;
	padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 3px;
	font-family:   Georgia, 'Times New Roman', serif;
}

h2{
	font-size: 1.7em;
	font-weight: 500;
	color: #333;
	letter-spacing: -1px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
	font-family:   Georgia, 'Times New Roman', serif;
}

h3{
	font-size: 1.4em;
	font-weight: normal;
	color: #333;
	letter-spacing: -1px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
	font-family: Georgia, 'Times New Roman', serif;
}

h4{
	font-size: 1.3em;
	font-weight: normal;
	color: #333;
	letter-spacing: -1px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
	font-family: Calibri, Tahoma, 'Times New Roman', serif;
}

table {
 width:95%;
 padding: .4em;
 margin:.5em auto;
 font-size: 1.2em;
 color:#000;
 background-color:#eee;
 font-family: Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
 }
table td {
 padding: .5em;
 background-color: #fff;
 color:#033;
 font-weight:500;
}
p{
	line-height: 18px;
	font-family: Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
}

ul{
	font-size: 12px;
	line-height: 24px;
}

a{
	color: #030;
	text-decoration: underline;
}

a:hover{
	color: #900;
	text-decoration: none;
}

.small{
	font-size: 10px;
}
#slider {
    width: 333px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {

    width: 333px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	list-style-type: none;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
 font: 11px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #030;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

