/*  This CSS file formats the fonts, colors, links as well as setting how 
certain elements on the page are displayed in the national NATT site at www.stoptheclot.org.  */
.picture_center {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	margin-top: 0px;
}
.nattparagraph {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	margin-top: 0px;
}
.imageleft-noborder {
	margin: 0 10px 0 0; 
	float: left;}
.red_style {
	font-weight: bold;
	color: #B00606;
}
.bulleted {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0;
}
.style100 {
	border-style: solid;
	border-width: 0;
}
.nav_layout {
	margin-right: 0px;
}

html {
	height: 100%; 
	margin-bottom: 1px;}
	
body {
	background: #ffffff url('') repeat-x; /*ffffff = white */
	color: #000000;
	font: normal 76% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;	
	text-align: center;}
		
hr {
	background-color: #817361;
	color: #817361;
	border: none;
	height: 1px;
	width: 100%;}

img {
	border: none;}

ul {
	padding: 0;
	margin: 0 0 20px 20px;
	list-style: square;}

/*  The items below the properties for the links that appear in the
main text area as well as in the sidebar of the pages  */

a {
	color: #B00606;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #000000; /*formerly color: #b00606; */
	text-decoration: underline;
	font-weight: bold;}

/*  The items below set the properties for the fonts, sizes, and
colors used for headings 1 through 6. Typically h1 - h3 are used
in the main content area and h4 - h6 are used in the sidebar  */

h1 {
	color: #000000;
	font: bold 22px Arial, Helvetica, serif;
	text-align: left;
	letter-spacing: normal;}

h3{
	color: #000000;
	font: normal 20px Arial, Helvetica, serif;
	padding: 2px 0 2px 5px;
	text-align: left;}

h2{
	color: #000000;
	font: normal 20px Arial, Helvetica, serif;
	padding: 2px 0 2px 5px;
	text-align: left;}
	
.h2_sponsor {
	text-align: center;
	font-family: "French Script MT";
	font-size: 44pt;
	margin-bottom: 0px;}

h5 {
	background-color: #666666;
	color: #ffffff;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 2px 0 2px 5px;
	text-align: center;}

h4 {
	background-color: #666666;
	color: #ffffff;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 2px 0 2px 5px;
	text-align: center;
	/*outline-style: double;*/}

h6 {
	color: #000000;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	padding-bottom: 0;}

.center {
	text-align: center;
	color: #000000;}

/*  To keep the content centered on the page, all of the areas
are placed within a wrapper. The item below defines this wrapper.  */

#wrapper {
	width: 900px;
	text-align: left;
	margin: 0 auto;}

/*  The items below set the properties of the top header. The global
navigation and main navigation links are positioned to sit on top
of the header image  */

#header {
	position: relative;
	width: 900px;
	height: 260px;}
	
#header_2 {
	position: relative;
	width: 900px;
	height: 170px;} /*header 2 is for NATT 2.0 lite */


#global {
	position: absolute;
	left: 221px;
	top: 17px;
	width: 680px;
	z-index: auto;
	color: #000000;
	letter-spacing: 1px;
	height: 20px;
	font-size: small;
	float: right;
	font-weight: bold;}
	
#global a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	z-index: 10;
	left: 10px;}

#global a:hover {
	color: #b00606;
	font-weight: normal;
	text-decoration: underline;}

#navbar {
	position: absolute;
	left: 3px;
	top: 145px;
	width: 584px;
	z-index: 23;
	text-align: center;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;}

#navbar_2 {
	position: absolute;
	left: 3px;
	top: 135px;
	z-index: 23;
	text-align: center;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;}
	

#navbar a {
	color: #ffffff;
	text-decoration: none;}

#navbar_2 a:hover {
	color: #ffffff;
	text-decoration: underline;}
	
#layer2 {
	position: absolute; 
	width: 215px; 
	height: 44px; 
	z-index: 170; 
	left: 684px;
	top: 126px;}
	
/*holds the donate now button */
#layer3 {
    position :absolute; 
    width: 167px; 
    height: 39px; 
    z-index: 171; 
    left: 700px; 
    top: 44px;}	

/* The items below set the properties for the 
MAIN NAVIGATION dynamic menu block.*/

#menu {
   font-family: Arial, Helvetica, sans-serif;
   position: absolute;
   top: 143px;
   left: 1px;
   width: 673px;
   z-index: 2;
   height: 6%;}

#menu dl {
	/*Begins the Definition List*/
   float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	position: relative;
	min-width: 50px;
	margin-right: 10px;}

#menu dt {
	/*Begins Properties for the Definition Topic*/
   line-height: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font: medium serif;
	color: #ffffff;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-left: 0px #FFFFFF solid;
	border-right: 0px #C00000 solid;}

#menu dt a {
   font-family: Arial, Helvetica, sans-serif;
   color: #ffffff;/*#c0c0c0;*/
   text-decoration: none;
   display: block;
   height: 100%;
   border: 0 none;
   margin: 0; padding: 0;}
   
#menu dt a:hover {
	color:#c0c0c0; /*#ffffff;*/
   background-color: transparent;}, 

#menu dt a:focus {
   background: transparent;}

#menu dd {
	/*Begins Settings for Definition Description*/
   font-family: Arial, Helvetica, sans-serif;
	background: #808080;
	margin: 0;
	padding: 0px 0 0 0;
	display: none;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;}

#menu dd li a {
	font-weight: bold;
	border-bottom: 5px #808080 solid;
	font-family: Arial, Helvetica, sans-serif;}

#menu dd li a:hover {
   background-color: #606060;}

#menu ul {
   margin: 0; 
   padding: 0;}
   
#menu li {
   list-style-type: none;
   text-align: left;
   margin: 0; 
   padding: 0;}

#menu li a {
   color: #fff;
   text-decoration: none;
   display: block;
   height: 100%;
   border: 0 none;
   margin: 0; padding: 0;}

#menu li a:focus  {
   background: none;}

#menu li a:hover  {
   background: none;}



/*  The items below sets the properties for the sidebar and
content blocks as well as a wider content area for the single
column page layout  */

#sidebar {
	font-size: 85%;
	float: right;
	width: 280px;
	padding: 5px 10px 5px 10px;}

#content {
	float: left;
	width: 570px;
	line-height: 1.5em;
	padding: 5px 10px 5px 5px;}

    .contentleft {
	  float:left;
	  width:269px;
	  margin: 0;
	  padding: 0 10px 10px 0;}

	.contentright {
	float: left;
	width: 269px;
	margin: 0;
	padding: 0 0 10px 22px;
}
 .contentleft_wide {
	  float:left;
	  width:420px;
	  margin: 0;
	  padding: 0 10px 10px 0;}

.contentright_wide {
	float: left;
	width: 420px;
	margin: 0;
	padding: 0 0 10px 22px;
}

	  
	.contentcenter {
	float:left;
	width:570px;
	padding: 0 10px 10px 0;}


#contentwide {
	width: 880px;
	line-height: 1.5em;
	padding: 10px;}

/*  The items below set the footer properties as well as the text
and links that appear in this area  */

#footer {
	clear: both;
	border-top: 2px solid #817361;
	color: #505050;
	padding: 20px 0;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.7em;
	font-size: 80%;
	height: 50px;}

#footer a {
	color: #505050;
	font-weight: normal;}
	
#footer a:hover {
	color: #b00606;
	font-weight: normal;}

#footer p {
	margin: 0;
	padding: 0;}

/*  This template contains a form that is set within a fieldset. The
items below set the properties for the form, input fields, the submit
button, etc.  */

form {
	padding: 5px;
	text-align: inherit;
	margin: 5px 0 5px 0;
}

label {
	width: 150px; 
	float: left; 
	text-align: right; 
	margin: 3px 5px 5px 5px; 
	clear: both;}

input {
	margin: 3px 5px 5px 5px;
	background-color: #fff;
	color: #000;
	border: 1px solid #c2c2c2;
	width: auto;
	z-index: 100;
}

textarea {
	font: normal 12px Arial, sans-serif;
	margin: 3px 5px 5px 5px; 
	background-color: #fff; 
	color: #000; 
	border: 1px solid #c2c2c2;}


/*  The catalog is set into a simple two-column table. The
items below set the properties for the catalog display.  */

table {
	padding: 0px;
	border-collapse: collapse;
	font-size: 100%;
	width: 100%;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}


/*  Your smaller images can be floated to the left or the
right so your text can flow around them. You can also have
the images appear with or without a small border. The items
below sets the properties for the classes you may apply to
your images.  */


.image-border {
	padding: 5px;
	border: 1px solid #c2c2c2;}
	
.imageright-noborder {
	margin: 0 0 0 10px; 
	float: right;}
	
.imageleft-border {
	margin: 0 10px 0 0; 
	float: left;
	padding: 5px;
	border: 1px solid #c2c2c2;}

.imageright-border {
	margin: 0 0 0 10px; 
	float: right;
	padding: 5px;
	border: 1px solid #c2c2c2;}
	
	
/* This style was created for the slide show to display various images */

#slideshow {
	margin-right: 0px;
	padding: 5px;
	position: inherit;
	float: right;
	z-index: 3;
	width: 95%;}
	
/*Microsoft MS Styles for certian NATT scientific articles with tables */	

.ms-simple1-even {
	border-style: none;
	color: #000000;
}
	
.ms-simple1-left {
	border-style: none;
	color: #000000;
}
	
.ms-simple1-top {
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: .75pt solid green;
	color: #000000;
}
	
.ms-simple1-tl {
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: .75pt solid green;
	color: #000000;
}

/*  These styles were created to for various special needs.  */
	
	
	
.NATT_OUTSIDE_LINK {
	border-width: 0;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #C00000;
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 0;
}
	
.nattbulletparagraph {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;}
	
.image_left_100_noboarder {
	border-style: solid;
	border-width: 0;
	margin: 0 5px;
	float: left;}
	
.stoplight_format {
	font-weight: bold;
	color: #C00000;}
	
.natt_chapter_red {
	font-weight: normal;
	color: #C00000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;}
	
.google_centered {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	word-spacing: 1px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;}
	
.bullett_natt_contact {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 0;}
	
.numbered_natt {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 0;
	margin-bottom: 0;}
	
.figure_2 {
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.natt_photo_2 {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}
.natt_caption {
	border-width: 0;
	margin: 3px;
}

.nattimageright {
	border-width: 0;
	margin: 5px;}

.centered_style {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
}
.donate_format {
	border-style: none;
	border-width: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.table_style_31 {
	font-size: small;
	text-align: center;
}
.button_center {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.style10 {
	border-width: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.style4_natt {
	z-index: 10;
	left: 0px;
	top: 2px;
	font-family: Arial, Helvetica, sans-serif;}
	
.image_center_noboarder {
	border-style: none;
	border-width: 0;}
	
.more_info_button {
	text-align: center;}
	
.red_bold {
	color: #C00000;
	font-family: Arial, Helvetica, sans-serif;}
	
.nattmedium {
	border-width: 0;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;}
	
.nattparagraph_0_before {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 0;
	text-align: left;}
	
.natt_para_bullet_0_before_after {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;}

.sponsor_name {
	font-size: large;}

.nattbulletparagraph {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: auto;}

.natt_table_left {
	width: 118px;}
	
.natt_red_6_spaced15 {
	color: #C00000;
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;}
	
.natt_board_listing {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 0;
	margin-bottom: 0;}



/*.style15 {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 0;
	margin-bottom: 0;}
*/
/*.style15 {
	position: absolute;
	width: 102px;
	height: 102px;
	z-index: 1;
	left: 419px;
	top: 1259px;} 
*/

/*.style31 {
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;}
*/
	
/*
.style42 {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;}
*/

.xx_small {
	font-size: xx-small;}
.trade_mark {
	font-family: Arial;
}

.red {
	color: #C00000;}