/*Important! Always have this margin default set at the beginning of CSS sheets. It
stops browsers from showing margins differently*/
* {margin:0} 


/*use container to format the basic page content - such as width of readable area, background and margins*/

body {
	margin-left: 11.5em;
	margin-top: 10em;
	}
	
#container {
	width: 600px;
	margin-top:2em;
  	z-index:-2;
   	}
	
p {
	font-size: .7em;
	margin-top: 1em;
  	font-family: Verdana, arial, helvetica, sans-serif;
	}
	
h1 {
    font-size: 1.0em;
 	color: #000000;
  	font-family: verdana, arial, helvetica, sans-serif;
   	position: relative;
   	}
	
.firstsub {
   	margin-top: 4em;
   	}
 	
/* This is needed for indenting the bullets in the tooltip*/
.padding {
padding-left: 5em;
}

h2 {
	font-size: .75em;
	color: #000000;
 	font-family: verdana, arial, helvetica, sans-serif;
	position: relative;
   	clear:left;
	margin-top: 2em;
  	}
	
.banner {
   	color: #ffffff;
   	font-size: .8em;
 	background-color: #293352;
    width: 45.6 em;
    padding: 0.2em 0.2em 0.2em 0.2em;
    float: clear;
  }
     
h3 {
   font-size: .7em;
   font-family: verdana, arial, helvetica, sans-serif;
   }
   
.paraintro {
	margin-top: .6em;
	}
	

/*start of css for academy catalog button icon*/

#buttoncatalog
{
  display: block;
  float: left;
  padding-right: 2px;
  margin-left: 1em;
  width: 168px;
  height: 60px;
  background: url("images/catalog_btn_css.jpg") no-repeat 0 0;
}

#buttoncatalog:hover
{ 
  background-position: 0 -62px;
}

#buttoncatalog span
{
  display: none;
}

/*id used as marker to locate javascript tooltip.no impact on font- just placeholder*/
#catalogtipmarker {
}
/*end of css for academy catalog button icon*/

/*id used as marker to locate javascript tooltip.no impact on font- just placeholder*/
#neotipmarker {

}


/*start of css for neobt catalog button icon*/

#buttonneo
{
  display: block;
  float: left;
  padding-right: 2px;
  width: 168px;
  height: 60px;
  background: url("images/neo_btn_css.jpg") no-repeat 0 0;
}

#buttonneo:hover
{ 
  background-position: 0 -62px;
}

#buttonneo span
{
  display: none;
}
/*id used as marker to locate javascript tooltip.no impact on font- just placeholder*/

#neotipmarker {

}

/*end of css for neobt catalog button icon*/

/*used to place email button*/
.emailwrapper
{
  	width: 16em;
    float: right;
   	width: 149px;
   	font-color: #000000;
   	font-size:.5em;
   	height: auto;
   	font-family: Verdana, arial, helvetica, sans-serif;
   	margin-top: 1em;
    margin-bottom: 1em;
  
}

#emailwrapper
{
display: block;
  float: left;
  width: 149px;
  height: 28px;
  background: url("images/mail_list_css.jpg") no-repeat 0 0;
  }
  
  #emailwrapper:hover
{ 
  background-position: 0 -28px;
}

#emailwrapper span
{
  display: none;
}
  
/*start of css for placement of flyer buttons*/

.flyerwrapper1
{
    margin-left: 2.5em;
	float: left;
  	width: 124px;
   	height: auto;
   	font-family: Verdana, arial, helvetica, sans-serif;
  	font-size: .7em;
    padding-top: 2.5em;
    margin-bottom: 1em;
}

#flyerwrapper1
{
  display: block;
  float: left;
  padding-right: 2px;
  width: 110px;
  height: 136px;
  background: url("images/asist_flyer_css.jpg") no-repeat 0 0;
}

#flyerwrapper1:hover
{ 
  background-position: 0 -130px;
}

#flyerwrapper1 span
{
  display: none;
}

.flyerwrapper2
{
    margin-left: 2.5em;
	float: left;
  	width: 124px;
   	height: auto;
   	font-family: Verdana, arial, helvetica, sans-serif;
  	font-size: .7em;
    padding-top: 2.5em;
    margin-bottom: 1em;
}

#flyerwrapper2
{
  display: block;
  float: left;
  padding-right: 2px;
  width: 110px;
  height: 136px;
  background: url("images/idc_flyer_css.jpg") no-repeat 0 0;
}

#flyerwrapper2:hover
{ 
  background-position: 0 -130px;
}

#flyerwrapper2 span
{
  display: none;
}


/*id used as marker to locate javascript tooltip, no impact on font- just placeholder*/

#flywrap2tipmarker {
}


.flyerwrapper3
{
    margin-left: 2.5em;
	float: left;
  	width: 124px;
   	height: auto;
   	font-family: Verdana, arial, helvetica, sans-serif;
  	font-size: .7em;
    padding-top: 2.5em;
    margin-bottom: 1em;
}

#flyerwrapper3
{
  display: block;
  float: left;
  padding-right: 2px;
  width: 110px;
  height: 136px;
  background: url("images/art_flyer_css.jpg") no-repeat 0 0;
}

#flyerwrapper3:hover
{ 
  background-position: 0 -130px;
}

#flyerwrapper3 span
{
  display: none;
}

/*id used as marker to locate javascript tooltip, no impact on font- just placeholder*/

#flywrap3tipmarker {
}


.flyerwrapper4
{
    margin-left: 1em;
	float: left;
  	width: 124px;
   	height: auto;
   	font-family: Verdana, arial, helvetica, sans-serif;
  	font-size: .7em;
    padding-top: 2.5em;
    margin-bottom: 1em;
}

#flyerwrapper4
{
  display: block;
  float: left;
  padding-right: 2px;
  width: 110px;
  height: 136px;
  background: url("images/cob_flyer_css.jpg") no-repeat 0 0;
}

#flyerwrapper4:hover
{ 
  background-position: 0 -130px;
}

#flyerwrapper4 span
{
  display: none;
}

/*id used as marker to locate javascript tooltip, no impact on font- just placeholder*/

#flywrap4tipmarker {
}


.flyerwrapper5
{
    margin-left: 1em;
	float: left;
  	width: 124px;
   	height: auto;
   	font-family: Verdana, arial, helvetica, sans-serif;
  	font-size: .7em;
    padding-top: 2.5em;
    margin-bottom: 1em;
}

#flyerwrapper5
{
  display: block;
  float: left;
  padding-right: 2px;
  width: 110px;
  height: 136px;
  background: url("images/pathways_flyer_css.jpg") no-repeat 0 0;
}

#flyerwrapper5:hover
{ 
  background-position: 0 -130px;
}

#flyerwrapper5 span
{
  display: none;
}

/*id used as marker to locate javascript tooltip, no impact on font- just placeholder*/

#flywrap5tipmarker {
}

.flyerwrapper6
{
 margin-left: 2.5em;
	float: left;
  	width: 124px;
   	height: auto;
   	font-family: Verdana, arial, helvetica, sans-serif;
  	font-size: .7em;
    padding-top: 2.5em;
    margin-bottom: 1em;
}


#flyerwrapper6
{
  display: block;
  float: left;
  padding-right: 2px;
  width: 110px;
  height: 136px;
  background: url("images/safety_btn_css.jpg") no-repeat 0 0;
}

#flyerwrapper6:hover
{ 
  background-position: 0 -130px;
}

#flyerwrapper6 span
{
  display: none;
}

/*id used as marker to locate javascript tooltip, no impact on font- just placeholder*/

#flywrap6tipmarker {
}

.flyerwrapper7
{
 margin-left: 2.5em;
	float: left;
  	width: 124px;
   	height: auto;
   	font-family: Verdana, arial, helvetica, sans-serif;
  	font-size: .7em;
    padding-top: 2.5em;
    margin-bottom: 1em;
}


#flyerwrapper7
{
  display: block;
  float: left;
  padding-right: 2px;
  width: 110px;
  height: 136px;
  background: url("images/safety_btn_css.jpg") no-repeat 0 0;
}

#flyerwrapper7:hover
{ 
  background-position: 0 -130px;
}

#flyerwrapper7 span
{
  display: none;
}

/*id used as marker to locate javascript tooltip, no impact on font- just placeholder*/

#flywrap7tipmarker {
}

.flyerwrapper8
{
 margin-left: 1em;
	float: left;
  	width: 124px;
   	height: auto;
   	font-family: Verdana, arial, helvetica, sans-serif;
  	font-size: .7em;
    padding-top: 2.5em;
    margin-bottom: 1em;
}


#flyerwrapper8
{
  display: block;
  float: left;
  padding-right: 2px;
  width: 110px;
  height: 136px;
  background: url("images/met_cyt_flyer_css.jpg") no-repeat 0 0;
}

#flyerwrapper8:hover
{ 
  background-position: 0 -130px;
}

#flyerwrapper8 span
{
  display: none;
}

/*id used as marker to locate javascript tooltip, no impact on font- just placeholder*/

#flywrap8tipmarker {
}










.buttonwrapper1
{
  	width: 16em;
   	float: left;
   	height: auto;
   	font-family: Verdana, arial, helvetica, sans-serif;
  	font-size: .7em;
    padding-top: 2.5em;
    margin-bottom: 1em;
}
  
.buttonwrapper2
{
    margin-left: 2em;
	float: left;
  	width: 16em;
   	height: auto;
   	font-family: Verdana, arial, helvetica, sans-serif;
  	font-size: .7em;
    padding-top: 2.5em;
    margin-bottom: 1em;
}