/**************************************************************
   Visit FullAhead.org and studio7designs.com for more layouts and downloads for this template!
 **************************************************************/

/*********************************************************
   HTML Elements
 *********************************************************/

html,
body {
  height: 100%

}

body {
  padding: 0 1px 0 0;
  margin: 0;
  line-height: 170%;
  color: #555;
  background: url('/images/site/light_body.gif') repeat-y center top;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-size: 0.7em;
	font-family: verdana, arial, sans-serif;
}



/* Headers */
h2, h3, h4 {
  margin: 0 0 10px 0;
  padding: 0;
}


.h1na {
  padding-bottom: 0.2em;
  font-family: verdana, arial, sans-serif;
  font-size: 2em;
  color: #536C71;
}


/*h2na was subheading */
.h2na {
  padding-bottom: 0.2em;
  font-family: verdana, arial, sans-serif;
  font-size: 1.5em;
  color: #536C71;
  }

/*white version of h2na was subheading */
.h2naw {
  padding-top:20px;
  padding-bottom: 0.2em;
  font-family: verdana, arial, sans-serif;
  font-size: 1.5em;
  color: #ffffff;
  }



/* i renamed h2na to h3na */
.h3na {
  font-size: 1.2em;
  color: #586B7A;
}


/*smaller - used to note that el not for k12 */
.h4na {
  font-size: .8em;
  color: #536C71;
}


/*gray used for search description*/
.h5naw {
  font-size: 1.0em;
  color:#CCCCCC;
 }


.question {
  padding-bottom: 0.2em;
  font-family: verdana, arial, sans-serif;
  font-size: 1.5em;
  color: #536C71;
  cursor:pointer;
  }


/* Links */
a {
  text-decoration: none;
  color: #3B5D77;
}

/* not used, but I left in incase needed for IE fix below */
a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}



/* Lists*/
ul li {
list-style-type: square;
}


/**************************************************************
   All page content except for footer
 **************************************************************/

#everything {
  width: 950px;
  background-color: #fff;
  min-height: 100%;
  margin: 0 auto;
}

#content {
  position: relative;
  height: auto ! important;
  min-height: 100%;
  width: 950px;

}

/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
  border-bottom: 2px solid #48525b;
  margin: 0 auto;
  background: #48525b url('/images/site/header.gif') repeat-x left bottom;
  clear: both;
  position: relative;
  height: 5em;
}

#header img {
  position: absolute;
  top: 5%;
  left: 10px;
}


/**************************************************************
   Header Image
 **************************************************************/

#headerImg {
  border-top: 1px solid #32525f; 
  margin: 0 auto;
  background: url('/images/site/header_image.jpg') no-repeat left top;
  height: 143px;
}

/**************************************************************
   Menu
 **************************************************************/

#menu {
  margin: 0 auto;

}

#menu ul {
  margin: 0;
  padding: 0;
  background: #1c1c24;
  width: 100%;
  float: left;
  text-align: left;
}

#menu ul li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

#menu ul li a {
  padding: 0;
  float: left;
  width: 20%;
  height: 4.5em;
  font-family: arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  font-size: 1.2em;
  line-height: normal;
  letter-spacing: 0.1em;
  color: #ffffff;
 /* border-bottom: solid 1px #fff; */
}

#menu ul li a span {
  padding: 2px 7px;
  display: block;
}

#menu ul li a span.desc {
  font-size: 0.8em;
  color: #8c8d94;
  font-weight: 400;
}


#menu ul li a:hover span.desc, #menu ul li a.here span.desc {
  color: #ffffff;
}

#menu ul li a:hover, #menu ul li a.here {
  background: #ffffff url('/images/site/menu_roll.jpg') left bottom;
}


/**************************************************************
   State of Nebraska Branding
 **************************************************************/

#branding { 
  background: #ffffff url('/images/site/brand-aqua_bg.gif') repeat-x left bottom;
  width:100%;
  position:relative; 
  left:0px; 
  top:0px; 
  width:100%;
  text-align: left;
  height:20px;
}

#branding img {
  border-style: none;
}

/**************************************************************
   Best of Web styling
 **************************************************************/

.bestofweb a {
  border-style: none;
  border-width: 1px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.3em;
  font-weight: bold;
}

/**************************************************************
   Sidebar
 **************************************************************/

.sidebar img{
  padding:15px;
}

.sidebar {
  background-color: #eaf2f5;
  float: right;
  
}


.sidebar p {
  padding: 5px;
}

.sidebar h2 {
  font-size: 1.4em;
  font-weight: 800;
  border-top: 4px solid #85becf;
  padding: 5px;

}

.sidebar ul {
  margin: 0 0 20px 0;
  padding: 0;
}

.sidebar ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE is balls */
  border-bottom-style: solid; 
  border-bottom-color: #b3c6c4; 
  border-bottom-width: 1px; 
}

.firstsub {
  border-top-style: solid; 
  border-top-color: #b3c6c4; 
  border-top-width: 1px; 
}

.sidebar ul li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 20px;
}

/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
 text-align: left; 

}


#columns {
  margin: 0 auto;
  width: 920px;
  background-color: #fff;
}

.questionspan {

position:relative; left: 20px; top:30px
  
}




/* This secifies the page width. 
Note that this is also specified in the 
css for the body tag- change there too */

.width {
  width: 950px;
}

/* Column widths 
Percentages are slightly less than stated width 
to allow room for browser rendering differences*/

.width25 {
  width: 24%;
}

.width50 {
  width: 48%;
}

.width73 {
  width: 73%;
}

.width73a {
  width: 73%;

  float:left
}

.width75 {
  width: 75%;
}




.width100 {
  width: 100%;
}

/**************************************************************
   Footer
 **************************************************************/

#footer {
  clear: both;
  float: left;
  width: 100%;
  margin-top: -2em;
  text-align: left;
  position: relative;
}

#footer #bglinks {
  margin: 0px auto 5px auto;
  padding: 0px 0px 0px 0px;
  clear: both;
  position: relative;
  height: 16em;
  background-color: #5d829c;
  font-size: 1.2em;
  color: #ffffff;
}

#footer #bglinks h3 {
  padding: 10px 15px 5px;
  color: #ffffff;
  font-size: 1.2em;
}

#footer #bglinks a {
  color: #eaf2f5;
}

/* removed fix pop page
#footer #bglinks ul li a{
  display: block;
  height: auto !important;
*/
  /* Start hide from IE Mac \*/
  
/*  height: 1%;*/
  /* End hide from IE Mac */

/*  padding: 1px 5px 1px 20px;
}
*/

#footer #bg {
  margin: 0 auto;
  background: #49525b url('/images/site/menubig.gif') left bottom;
  clear: both;
  position: relative;
  height: 15em;
}
/* priv right */
#footer #bg ul {
  margin: 3em 1em 0 0 ! important;
  padding: 0;
  float: right;
  clear: both;
}

/* used priv */
#footer #bg ul li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}


/* used priv */
#footer #bg ul li a {
  border-right: 1px solid #4d5760;
  padding: 0 1em;
  float: left;
  font-family: arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: .8em ! important;
  color: #5494d1;
}

#footer #bg img {
  position: relative;
  top: 6%;
  left: 10px;
}


/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}


/* Vern I took this out
input {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #fff;
  border: 1px solid #CCC;
}
*/


/**************************************************************
   Generic Display 
 **************************************************************/

.clear {
  clear: both;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.dark {
  color: #353e47;
}

/*flickr */ 
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#990099;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}