/*THIS IS WHY MEN DIE YOUNG*/

body {font-family: Helvetica, Arial, sans-serif; color: #444;
      background: #fffafa; margin: 40px; width: 800px}
address {font-family: Times; font-size: 9px; }

   /* =Old Original Menu begin ----------------------------------------- */

nav {
   background-color: #ffc0cb;
   margin: 10px 10px 0px 10px;
}

nav ul {
   margin: 0px;
   list-style-type: none;
   padding: 5px 0px 5px 5px;
}
nav ul li {
   display: inline;
   padding: 5px 10px 5px 10px;
   color: #FF0000;
} 
nav ul li a:link { 
   color: #954b4b;
   border-bottom: none;
   font-weight: bold;
   text-decoration:none;
   }
   
   nav ul li.selected {
   color:#090;
   background-color: #FFF
   }
   
   nav ul li a:visited {
   color: #00f;
   }
   
   nav ul li a:hover {
   color: #F00;
   }

   /* =Old Original Menu end ----------------------------------------- */



   /* =Menu begin ----------------------------------------- */

#access {
	background: #4169E1;
	display: block;
	float: left;
	margin: 0 auto;
	width: 800px;
	height: 43px;
	}
	
#access .menu-header,
div.menu {
	font-size: 14px;
	margin-left: 12px;
	width: 760px; }


	
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	font-family: Verdana, sans-serif;
	float: left;
	position: relative;
}
#access a {
	color: #fff;
	display: block;
	line-height: 38px;
	padding: 0 15px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 160px;
	z-index: 4;
}
#access ul ul li {
	min-width: 160px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #7DF9FF;
	line-height: 1em;
	padding: 10px;
	width: 140px;
	height: auto; }

#access li:hover > a {
	background: #00FFFF;
	color: #fff; }


#access li:hover > a,
#access ul ul :hover > a {
	background: #867d86;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
} 
   /* =Menu end ----------------------------------------- */ 

/* -- retain from old site Highwire-------------------- */
.tinytext {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	}
.tinytinytext {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	}
.searchresult_contentlinks_major {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:blue;
	font-weight:bold;
	}
.searchresult_contentlinks_minor {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:blue;
	font-weight:normal;
	}

/*test of resetting h1 - works fine */
h1 {
	color:#000000;
	font-size:24px;
	padding-bottom:0px;
      }
/*test of resetting h1 */

h2 {
	color:#000000;
	font-size:24px; /*used to be 20px */
	padding-bottom:10px;
      }

h3 {
	color:#000000;
	font-size:18px; /*used to be 20px */
	padding-bottom:10px;
      }
	
h4 {
      color:#000000;
	font-size:14px;            /*used to be 16px */
	margin-top:4px;
      }

   
h2none {
       color:#000000;
        font-face:verdana;
	font-size:24px;
        font-weight:bold;
        font-style:normal;
        margin-top:4px;
	padding-bottom:10px;
      }

h3none {
       color:#000000;
        font-face:verdana;
	font-size: 18px;
        font-weight:bold;
        font-style:normal;
        margin-top:4px;
	padding-bottom:10px;
      }

h4none {
       color:#000000;
        font-face:verdana;
	font-size: 14px;
        font-weight:bold;
        font-style:normal;
        margin-top:4px;
	padding-bottom:10px;
      }

/*different line height*/

br70 {
    line-height:70%;
   }
br120 {
    line-height:120%;
   }



/**classes**/
.wrapper{width:952px;margin:0 auto;text-align:left; position: relative;}
#footer .wrapper{clear: both;}
.wrapper_border{border-left:4px solid #f0f0f0;border-right:4px solid #f0f0f0;width:100%;}
.left{float:left;padding:0px 5px;}
.right{float:right;padding:0px 5px;}
.clear{clear:both;float:none;height:0px;}
.txt_right{text-align:right;}
/**top content**/
#top{background:#000000;}
#top_links{text-align:right;margin-right:30px;color:#ffffff;padding:5px 0px;}

/**middle content**/

.wrapper_main{border-left: 4px solid #f0f0f0;border-right: 4px solid #f0f0f0; 
           margin: 0 auto; overflow: hidden; text-align: left; width: 960px;}
#main{position:static;padding-bottom: 5px;}
.wrapper_header{margin: 0 auto; overflow: hidden; text-align: left; width: 960px; }
#header{height:89px;margin-bottom:1px;position:relative;width:950px;}
#logo{position:absolute;top:10px;left:20px;}

#right_nav li{float:left;display:block;margin:0;padding:7px 0px;text-align:center}
#right_nav li a{color:#ffffff;font-variant:small-caps;font-weight:bold;font-size:14px;}

#browse{position:absolute;right:5px;top:10px;width:448px;z-index:2;}

/** BEGINNING OF CSS FOR TOOLS PAGE **/
/*IE Hack */
*html #tools_shield {
	top:177px;
}
.tools_h3 {
	font-size:13px !important;
	color:#5F5335;
}
.tools_txt {
	float:left;
	margin: 10px 0px 0px 20px;
	color:#5F5335;
	width:400px;
	
}
a.tools_txt_a_red, a.tools_txt_a_red:visited {
	color:#9E0B0F;
}
a.tools_txt_a_blue, a.tools_txt_a_blue:visited {
	color:#0076A3;
}
.tools_seeit_icon {
	 margin-right:3px;
}
#tools_right_col {
	float:left;
	margin-left:20px;
	margin-top:30px;
}
*html #tools_right_col {
	margin-top:30px;
}
#tools_features {
	border: 1px solid #DEDCD6;
	background:url(/icons/3/pers_my_favs_bg2.gif) repeat-x;
	background-color:#CECDC5;
	width:225px;
}
	#tools_features h2 {
		font-variant:small-caps;
		font-size:16px;
		color:#CE0000;
	}
	
	#tools_features ul {
		margin-left:20px;
		margin-top:20px;
	}
	
	#tools_features ul li {
		list-style-image: url(/icons/3/redarrow_bullet.gif);
	}
	
	.tools_tips_divider {
		height:10px;
		border-top:1px solid #C5C6C4;
		margin-top:20px;
	}
	
	#tips_list ul {
	
		margin:10px 0px 10px 40px;
		
	}
	
	#tips_list ul li {
		list-style-image: url(/icons/3/redarrow_bullet_t.gif);
		margin-bottom:10px;
	}

/* -- /retain from old site Highwire-------------------- */




/* ====================  Mobile & device CSS  mediascreen from bostonglobe - Begin ======
------------------------------------------------------------------------------------------- */

/* --  begin  boston globe screen code for varying width   ----------*/

*{margin:10;padding:0;line-height:1.2;}
body{text-align:left;color:black;font-size:18px;font-family:helvetica;background-color:#ffff;z-index:0;}
address{text-align:left;color:grey;font-size:14px;font-family:helvetica;background-color:#ffff;z-index:0;}

@media screen and (min-width: 620px) { 
	#contain {
		margin: 4 auto 10px; 
		width: 93.75%;		
	}


}
@media screen and (min-width: 810px) {
	.back-top {
		display: none;
	}

}
@media screen and (min-width: 1400px) {
	#contain {
		width: 1232px;
	}
	

}

/* --  end boston globe screen code for varying width   ----------*/


/* --  begin for max device width = 480 pixels ----------*/

@media only screen and (max-device-width: 480px) {
		div#wrapper {
			width: 400px;
		}

		div#header {
			background-image: url(media-queries-phone.jpg);
			height: 93px;
			position: relative;
		}

		div#header h1 {
			font-size: 140%;
		}

		#content {
			float: none;
			width: 100%;
		}

		#navigation {
			float:none;
			width: auto;
		}
	}

/* --  end for max device width = 480 pixels ----------*/



/*  ======= Mobile & device CSS - End =======
----------------------------------------------- */


#indent12 {
position:relative;
left: 12px;
}


/*  ======= Begin Advertising =======
----------------------------------------------- */

#omnisverticalad {
position:absolute;
top: 280px;
left: 720px;
}

#omnishorizontalad {
position:relative;
left: 10px;
}

/*  ======= End Advertising =======
----------------------------------------------- */


/*  ======= Begin Social =======
----------------------------------------------- */


#social {
position:relative;
top: 10px;
left: 10px;
}

/*  ======= End Social =======
----------------------------------------------- */


/*  ======= Begin New Divisions =======
----------------------------------------------- */

#contactus-form{
position:relative;
left=60px;
top=900px;
}

#Survey-form{
position:relative;
left=60px;
top=900px;
}



/*  ======= Width of Text on Page =======
----------------------------------------------- */

#tall-page-format{
top: 180px;
left: 60px;
width: 660px; 
}

/*  ======= Width of Text on Page =======
----------------------------------------------- */

#short-page-format{
top: 180px;
left: 60px;
width: 720px; 
}

#thumbnail-page-format{
top: 180px;
left: 10px;
width: 460px; 
}





/*  ======= End New Divisions =======
----------------------------------------------- */

#text-centering-format{
top: 10px;
left: 450px;
width: 660px; 
}

/*  ======= Width of Text on Page =======
----------------------------------------------- */

/*  ===== Begin Thumbnail Text and Pix =====
----------------------------------------------- */

#nothing {
 position: relative;    width: 50px;    margin: auto;
}


#container { position: relative; width: 600px; margin: auto; }

#xbox { 
    position: absolute;
     top: 2px;
     left: 640px;
    width:160px;
    height: 120px;
	border: 3px solid #8AC007;
    background-color: #8B008B;
    border: 1px solid #4B0082;}
	

#ybox { position: absolute;
     top: 148px;     
     left: 640px;   
    width: 160px;
    height: 120px;
	border: 3px solid #8AC007;
    background-color: #8B008B;
    border: 1px solid #4B0082;}
	
	
#zbox { position: absolute;
     top: 293px;
     left: 640px;   
    width: 160px;
    height: 120px;
	border: 3px solid #4B0082;
    background-color: #32CD32;
    border:  1px solid #4B0082;}


/*  ======= End Thumbnail Text and Pix =======
----------------------------------------------- */