/*
	CSS for Radon Professional Testing site  - This file is the new style sheet which floats both columns and uses a wrapper to limit width of site. Original stylesheet is saved as copy of stylesheet in web folder.
*/
body {
  	/*text-align: center;*/
	background-color: #ffc;
	min-width: 760px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; /* Geneva for mac users. Seperate word fonts need " " around them. */
  	line-height: 110%;
	/*padding: 0;
	margin: 0;*/
}
#wrapper {   
      background-color: #fffffc; /* off white */
	width: 740px;
	position: relative;   
      left: 50%;
      margin-left: -360px;
	border: 3px solid #7da5d8;

}  


h1, h2, h3 {
  	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0;
}
h1 {
    	font-size: xx-large;
	color: white;
	padding-top: 1.5em;
	padding-bottom: .4em;
	padding-left: .4em;
	background-color: #006600; /* green */
		
}
h2 {
	color: #990000;
	font-size: 130%;
 	font-weight: strong;
	padding-top: 15px;
}
/*h2 + p {
	margin-top: 0;
}*/
}
h3 {
  	color: #990000;
	font-weight: strong;
	padding-top: 15px;
	margin-bottom: 0;
	/*font-variant: small-caps;*/ /* variable size capitols-nice look */
}
h4 + p {
	margin-top: 0;
}
h4 {
	color: #990000;
	font-size: 130%;
 	/*font-weight: strong;*/
	padding-top: 15px;
}



li {
 	font-size: small;
	list-style-type: disc;
}
p {
  	font-size: small;
	color: navy;
	line-height: 1.3;
}
#firstparagraph :first-letter {
	color: navy;
	font-size: 150%;
	/*float: left;*/
}
	
p.copy {
	color: black;
	font-size: xx-small;
	text-align: center;
}
p.credits {
	color: gray;
	font-size: xx-small;
	padding-left: 10%;
	padding-right: 10%;
}
p.disclaimer { font-size: xx-small;
	color: gray;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 5px;
	border-top: 1px solid #7da5d8;
}
.credit{
	font-size: x-small;
	color: gray;
}
#header {
	width:100%;
	border-top: 3px solid #7da5d8;
}
#tagline p {
	font-size: medium;
  	color: red;
	font-style: italic;
	font-weight: bold;
  	font-family: Georgia, Times, serif;
	/*background-color: #ffffcc;*/
	background-color: navy;
	border-top: 3px solid #7da5d8;
	border-bottom: 3px solid #7da5d8; /* bottom border acts also as an underline to text */
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: .8em;
	margin: 0; 
}
#bodycontent {
	float: right;
	width: 470px;
	padding-right: 10px;
	padding-left: 10px;
}


/*--------NAVIGATION----------------------------------*/

#navigation {
	width: 170px;
	float: left;
	top: 135px;
}
#navigation .extralinks {
  display: block;
  text-indent: 20px;
}


#selftest{
  margin-top: 10px;
  font-variant: small-caps;
}
#selftest li{
  list-style: none;
}
#selftest ul li a{
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}
#selftest ul{
 list-style-type: none;
 background-color: #006600 ;
 border-style: double;
 }

 #extralinks{
  text-align: center;
 }


a {
  	font-weight: bold;
}
a:link, a:visited {
  list-style: none;
	font-style: normal;
	font-weight: bold:
  	text-decoration: underline;
	color: navy;
}

a:visited {
  	color: #6a5acd;
}
a:hover {
  	color: #191970;
}
/*a:active {
  	color: aqua;              caused a problem - when the back button was pressed, the link to the 
  	background-color: navy;     previously viewed page was aqua, not the page being viewed. 
}*/
#navigation, #navigation a, {
	width: 200px;
	height: 600px;
	background-color: #c0c0c0;
	text-decoration: none;
    list-style-type: none;
}
#navigation a:hover {
	text-decoration: underline;
}
/*-----------------------------------------------------*/
#bottom_links a{
	text-decoration: none;
}
#bottom_links a:hover {
	text-decoration: underline;
}

#address ul li{
	list-style-type: none; /* takes disc off? */
	color: #000066; 
}
#member_list_1 {
	font-family: Georgia, Times, serif;
	color: #000066;
}
#member_list_2 {
	font-family: Georgia, Times, serif;
	color: #000066;
}

#inspector_list {
	  padding:0; /* Mozilla/Netscape/Firefox */
 	 margin:0;	/* IE and Opera */
  }
#inspector_list li {
	  list-style-type:none; /* removes bullets */
  }
#inspector_list a, #inspector_list a:visited, #inspector_list ul{
 	 display:block; /* insure link is as wide as we specify, height set by font */
 	 width:30em; /* sets width of links */
 	 border:1px solid #808; /* 1 pixel solid purple */
 	 font-family:arial, verdana, sans-serif; /* a generic font should always be used last */
 	 font-size:0.8em; /* sets the font size slightly smaller than the default for the page. Using an em value allows your visitors to decide how big the font should be. Pixel or point values could be used. */
 	 text-align:center; /* centers text within the link box */
 	 text-decoration:none; /* removes the underline from the links */
  }

em {
  	font-weight: strong;
}
.quote {
  	color: #006600;
 	 font-family: Georgia, Times, serif;
  	letter-spacing: 0.05em;
	font-style: italic;
	font-weight: bold;
}
.pricing {
  	color: #006600;
 	 font-family: Georgia, Times, serif;
  	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 150%; 
}
#footer {
	clear: both;
}


blockquote.fun {
	font-style: italic;
}
.feature {
    float: left;
	margin: 10px;
	/* margin-right: 50px; */
}

.galleryphoto p {
	font-size: 65%;
	font-weight: bold;
	margin-top: 0;
	width: 430px;
	line-height: 1.4em;
/* the next 3 lines adds the border line below the image */
	padding-bottom: 20px;
	border-bottom: 1px solid navy;
	margin-bottom: 10px;
}
.photocredit{
	font-weight: normal;
	color: gray;
}
table.events {
	border-collapse: collapse;
}

table.events th, table.events td {
	padding: 4px;
	border: 1px solid #000066;
}

table.events th {
	font-size: x-small;
	text-align: left;
	background: #241374 url(backgrounds/header-bg.jpg);
	color: #ffffff;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 2px;
	padding-right: 2px;
}

table.events td {
	font-size: small;
	background: #e2edff url(backgrounds/td.jpg) repeat-x top;

}

table.events caption {
	color: #000066;
	font-size: small;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}
form.contact {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	margin-right:15px;
}
form.contact fieldset {
	border: 2px solid navy;
	padding: 10px;
}
form.contact legend {
	font-weight: bold;
	font-size: small;
	color: navy;
	padding: 5px;
}
form.contact label {
	font-weight: bold;
	font-size: small;
	color: blue;
	line-height: 150%;
}
form.contact label.fixedwidth {
	display: block;
	width: 240px;
	float: left;
}
form.contact .buttonarea.input {
	color: white;
	font-weight: bold;
	padding: 5px;
	border: 1px solid white;
}
form.contact .buttonarea {
	text-align: center;
	padding: 4px;
	/*background-color: #0066FF;*/
	border: 3px solid navy;
}