/* Filename: 070506instruments.css, last updated 7/05/06 

To link an html page to this stylesheet, insert the following code: 

<link rel="stylesheet" type="text/css" href="cowcreek.css" /> 

Notes:

1. For attributes having four dimensions, dimensions set 
simultaneously will be read in this order: TRBL (top right bottom left). 
2. 1px defaults to around 0.05em.

*/



/* Set horizontal rules and heading formats */	


	hr {
		height: 2px; 
		background-color: #ff4500;
		border-width: 0 0 0 0;
		border-color: #000000;
		border-style: solid;
	}
			
	h1 {
		font-family: "lucida grande", arial, sans-serif;
		color: #000000;
		font-size: 30pt;
		margin: 0 0 0 0;
		padding: 25px 0 25px 0;
		text-align: center;
	}

	h2 {
		font-family: "lucida grande", arial, sans-serif;
		color: #000000;
		font-size: 12pt;
		margin: 20px 10px 0 10px;
		text-align: center;
		font-weight: bold;
	}
   
	h3 {
		font-family: "lucida grande", arial, sans-serif;
		color: #000000;
		font-size: 10pt;
		margin: 0 10px 0 10px;
	}

	h4 {
		font-family: "lucida grande", arial, sans-serif;
		color: #000000;
		font-size: 8pt;
		margin: 0 10px 0 10px;
	}
 


/* Set body formatting */

	body	{
		background-color: #000000;
	}



/* Set formatting for divisions (sections) of web page */ 				

	div.wrapper {
		margin: 0 auto 0 auto;
		background-color: #cccccc;
		width: 800px;
		height: auto;
	}
	
	
	div.top {
		background-color: #000000;
		background-image: url("photos/Banner.jpg");
		background-repeat: no-repeat;
		background-position: left;
		border-width: 0;
		border-style: solid;
		border-color: #000000;
		margin: 0 0 0 0;
		position: absolute;
		left: 45px;
		top: 10px;
		height: 150px;
		width: 800px;
	}

	div.nav {
		background-color: #fafad2;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color: #000000;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		position: absolute;
		left: 45px;
		top: 160px;
		height: auto;
		width: 145px;
	}

	div.main {
		background-color: #fafad2;
		background-position: center;
		border-width: 0 0 0 0;
		border-style: solid;
		margin: 0 0 0 0;
		position: absolute;
		left: 196px;
		top: 159px;
		height: auto;
		width: 650px;
	}

	div.menuBar {
		background-color: #d0d0d0;
		border: 2px solid;
		border-color: #f0f0f0 #909090 #909090 #f0f0f0;
		padding: 4px 2px 4px 2px;
		text-align: left;
		margin: 0 0 20px 0;
	}



/* Set text formatting attributes */

	p.nav {
		font-size: 8pt;
		font-family: "lucida grande", Helvetica, sans-serif;
		font-variant: normal;
		text-align: left;
		margin: 0 10px 10px 10px;
		padding: 0 0 0 0;
	}

	p.notice {
		font-size: 7pt;
		font-family: "lucida grande", Helvetica, sans-serif;
		font-weight: normal;
		text-align: center;
		padding: 0 0 10px 0;
	}

	p.home_l {
		font-size:9pt;
		font-family: "lucida grande", arial, sans-serif;
		font-variant: normal;
		color: black;
		text-align: left;
		margin: 10px 20px 10px 20px;
		padding: 10px 0 0 0;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color: #000000
	}
 
	p.home_c {
		font-size:14pt;
		font-family: "lucida grande", arial, sans-serif;
		font-variant: normal;
		color: black;
		text-align: center;
		margin: 0 0 0 0;	
		padding: 0 0 0 0;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color: #000000
	}


/* Set image formatting attributes for images within paragraphs of text */

	#leftimage {
		float: left;
		margin: 8px 2px 0 8px;
		border: 0px solid black
	}

	#rightimage {
		float: right;
		margin: 10px 10px 10px 20px;
		border: 1px solid black
	}


/* Set image formatting attributes for images between other elements */

	img.center {
		display: block;
		margin: 15px auto 15px auto;
		border: 1px solid black;
		}


/* Set formatting for forms */

	form {
		width: 60%;
		padding: 8px;
		margin: 10px;
		text-align: left;
		background-color: #ffffff;
	}


/* Set formatting for tables */

	table {
		width: 95%;
		height: 90%;
		font-family: "lucida grande", arial, sans-serif;
		font-size: 9pt;  
		font-variant: normal;
		color: black;
		text-align:left;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		background-color: #ffffff
	}

	.listing0 {
		background:	#f0f8f8;
	}
	
	.listing1 {
		background:	#FFE;
	}


/* Set formatting for hyperlinks */

	a:link {
		color: #ff4500;
		text-decoration: none
	} 

	a:hover {
		color: #8b0000;
		text-decoration: none;
		font-weight:bold;
	}

	a:active {
		color: #dc143c;
		text-decoration: none
	}

	a:visited {
		color: #ff4500;
		text-decoration: none
	}

	a.web {
		color: #000000;
		text-decoration: none;
		font-weight: normal;
		font-style: italic;
	}

	a.web:hover {
		color: #0000ff;
		text-decoration: underline;
	}

	a.other {
		color: #000000;
		text-decoration: underline;
		font-weight: normal;
	}
	
	a.other:hover {
		color: #000000;
		text-decoration: underline;
		font-weight: bold;
	}


/* Set menu button formatting attributes */

	a.menuButton {
		background-color: #d0d0d0;
		border: 1px solid #d0d0d0;
		color: #000000;
		cursor: default;
		left: 0px;
		margin: 1px;
		padding: 2px 6px 2px 6px;
		position: absolute;
		text-decoration: none;
		top: 0px;
		z-index: 100;
		font-family: "MS Sans Serif", Arial, sans-serif;
		font-size: 8pt;
		font-style: normal;
		font-weight: normal;
		color: #000000;
	}

	a.menuButton:hover {
		background-color: transparent;
		border-color: #f0f0f0 #909090 #909090 #f0f0f0;
		color: #000000;
	}

	a.menuButtonActive {
		background-color: #a0a0a0;
		border-color: #909090 #f0f0f0 #f0f0f0 #909090;
		color: #ffffff;
		left: 1px;
		top: 1px;
	}


/* Make menus out of lists */

	ul {
		background: #fafad2;
		padding: 1px 0px 0px 0px; 
		margin: 0px 0px 0px 5px; 
		/*border: 0px 0px 1px 0px solid #ff4500;*/
	}
	
	ul li {
		list-style-type: none;
		/*border: 1px 1px 0px 3px solid #ff4500;
		position: relative;*/
		color: #ff4500;
		margin: 0px 0px 0px 5px;
		padding: 1px 0px 0px 0px;
		font: .8em "lucida grande", Helvetica, sans-serif;
	}

/*	ul#topmenu {
		width: 8em;
	}

	ul#topmenu li a:hover {
		background: #000000;
		text-decoration: none;
		color: #ff4500;
		font-weight: bold;
	}
	
	ul#topmenu > li:hover > ul {
		width: 8em; 
		top: 0em; 
		left: 7em;
		z-index: -1;
	}

	ul#topmenu > li:hover > ul > li a {
		color: #000000;
	}

	ul#topmenu > li:hover > ul > li a:hover {
		color: #ff4500;
	}
*/

/*	ul li > a {
		color: #000000;
	}

	ul ul {
		display: none;
		width: 10em;
	}

	ul li:hover > ul {
		display: block;
		position: absolute;
		top: 0px;
		left: 4em;
	}

	li a {
		display: block;
		padding: 5px 7px;
		text-decoration: none;
		background: #ffe;
		letter-spacing: 1px;
		font: normal normal 9pt sans-serif;
	}

	li.sub > a {
		font-weight: normal;
		background: #ffe;
		letter-spacing: 1px;
		color: #000000;
	}*/