/* 
Howard's new CCS
...jeez I need to clean this mess up

*/

body {margin: 0;padding: 0;border: 0;background: #3e3e3e;font-family: Arial, helvetica, sans serif;color: #c7c7c7;}
body.main {	text-align: center;margin: 11px;padding: 0;border: 0;background-color: #3e3e3e;}
body.monitor {text-align: center;margin: 10px;padding: 0;border: 0;background-color: #3e3e3e;}

strong {font-weight: bold;}
img {border:0;}
a:link {color: #dbcb8d;text-decoration: none;}
a:visited {color: #dbcb8d;text-decoration: none;}
a:hover {color: white; text-decoration: underline;}

img.rimage  {display:inline;float:right;margin-left:15px;}
img.limage  {display:inline;float:left;margin-right:15px;}

.local a:link, .local a:visited, .local a:hover {padding-right: 13px;background: url(../images/locallink.png) right center no-repeat;}
.point a:link, .point a:visited, .point a:hover {padding-right: 13px;background: url(../images/extlink.png) right center no-repeat;}

h1 {padding: 10px 0 0 0;font-size: 12pt;font-weight: bold;}
h2 {padding: 10px 0 0 0;font-size: 10pt;font-weight: bold;}
.ruleh4 {margin: 30px 0 10px 0;padding: 0 0 .25em 0;font-family:verdana,arial,san serif;font-size: 12pt;font-weight: bold;width:100%;border-bottom: 1px solid #aaa;}

p, p.small,ul.small,dl.small,li.small,dt.small {line-height: 130%;font-size: 10pt;}
.tiny {font-size: 8pt;}
p.big	{font-size: 12pt;}
p.lite { margin: 10px 0 0 0;font-size: 8pt; color: #999;}

.small {font-size:80%;}

.update {color: #a00;line-height: 110%;font-size: 10pt;margin: 2em 0 .5em 0;border-bottom: 1px solid #999;width:90%;}
.updated {text-align:left;color: #f77;line-height: 110%;font-size: 65%;margin: 2em 0 .5em 2em;}

#mainbox {margin: 0 auto;background-color: #3e3e3e;width: 780px;} 


#titlehead {margin:7px 0 0 275px;background: #000;border: 1px solid #515151;}
#titlehead h3 {font-size: 2em;margin: 0;padding: 11px 11px 11px 15px;color:#d7d7d7;font-family:Times, serif;font-style: italic; }

#frontpage {margin: 0 auto;background:  #3e3e3e url(../images/cover_julyclearfield.jpg) top left no-repeat;width: 780px;text-align:left;margin-top:25px;} 
.frontright {width:45%;float:right;}
.frontright p {margin: 17px 0 0 7px;}
.fruleh4 {margin: 30px 0 10px 0;padding: 0 0 .25em 0;font-family:verdana,arial,san serif;font-size: 12pt;font-weight: bold;width:95%;border-bottom: 1px solid #aaa;}

.latest {margin: 0 0 0 7px;padding:0;}
.latest .fruleh4 {margin: 20px 0 17px 0;}
.feature {position: relative; float:left;height:140px;background: #000;margin:0 11px 0 0;padding:0;}

.ida {float:left;margin: 11px 0 11px 0;width:100%}

.icons {float:right;margin: 0;width:45%}
.icons img {margin: 0 0 0 11px;}

#hasIE {display: none;background:#edd97d;font-size:.8em;border:1px solid #000;width:80%;text-align:center;margin: 10px 0 0 0;}
#hasIE h4 {width:100%;color:#fff;background:#000;margin:0;padding:5px 0;font-size:10pt;}
#hasIE .ieb {margin: 3px 3px 7px 3px;padding:0;line-height:90%;}
.hasIEff {width:100%;background:#000;}

#icontent {float: left;margin: 0 10px 0 0; padding: 0;text-align: left;width: 67%;}
#acontent {float: left;margin: 0 10px 0 0; padding: 0 0 0 20px;text-align: left;width: 90%;}
#acontent .picture {float:right; margin:0 0 20px 20px;border:0;}
#acontent .section1 {margin: 0 0 2em 0;}
#acontent .rule1 {border-bottom: 1px dotted #666666;width: 100%;padding: 0px;margin:0 0 1em 0; }
#acontent li {font-size:10pt;}

#calibrate {float: left;margin: 0; padding: 0 10px 0 30px;text-align: left;width: 90%;color:#d1d1d1;}
.blackbox {margin-top:10px;width:100%;background:#000;height:400px;}
.ninetyfive {position:relative;float:left;margin:100px 0 0 200px;background: #0d0d0d;height:200px;width:200px;}
* html .monitor .ninetyfive {margin:100px 0 0 100px;}

#navcontent {float: right;border: 0;margin: 0;text-align: left;padding: 0 0 0 10px;width: 25%;}
#navcontent p {line-height: 150%;font-size: 10pt;margin:0;}
#navcontent img {margin: 5px 0 5px 0;}
.navhdr {width: 75%;padding: 0 0 2px 2px;margin: 30px 0 15px 0;font-family:verdana,arial,san serif;font-size:12pt;font-weight:bold;color:#c7c7c7;}
.navptr a:link, .navptr a:visited, .navptr a:hover {padding: 0 2px 0 20px;background: url(../images/sosimple2w.png) left center no-repeat;}
.navrule  {border-bottom: 1px solid #666666;width: 75%;padding: 0;margin: 0;font-family:verdana,arial,san serif;font-size: 10pt;font-weight: bold;}
.navrule2 {border-bottom: 1px solid #c7c7c7;width: 75%;padding: 0 0 1em 0;margin: 0;}
.slogo img {display:block;margin: 0;padding:0 0 5px 0; border:0;}

.frontright #navcontent {float: left;border: 0;margin: 0 0 0 7px;text-align: left;padding: 0;width: 100%;}
.frontright #navcontent p {margin: 11px 0 0 0;}

.idxphoto {padding: 0px 20px 0px 0px;border: 5px;}
.icontent img {float:left;}

#footer {clear: both;margin: 0 auto;padding: 0 30px 0px 20px;text-align: left;border: 1px solid #717171;}
#footer img {margin:0 60px 0 0;padding:0;}
#galfooter {clear: both;margin: 0 auto;padding: 0 30px 0px 30px;text-align: left;border: 1px solid #717171;}
#picfooter {margin: 0 auto;padding: 0px 70px 0px 70px;background: #000; text-align: left;	border-top: 1px solid #555555;}
#footer p.small {font-size: 8pt;margin:0;}
#footer p {margin:3px 0;}
#footer,#galfooter,#picfooter .spacer  {font-size:3pt;}

.indent {line-height: 130%;font-size: 10pt;margin: 20px 30px 10px 30px;}

div.row {margin: 0;padding: 0;}
div.spacer {margin: 0;padding: 0;clear: both;}

div.row span.left {margin: 0 auto;float: left;position: relative;text-align: left;width: 44%;}
div.row span.right {margin: 0 auto;float: right;text-align: right;position: relative;width: 44%;
	w\idth: 45%;
	}

div.titlepic  {margin: 0 auto;float: left;text-align: left;height: 250px;width: 350px;}

.infobox {
      border: solid 1px black; 
      background: #F4F4F4; 
      font-size: 8pt;
      padding: 0px;
      }

.promptbox {
      border: solid 1px black; 
      color: #FFFFFF;
      font-size: 8pt;
      background: #191919; 
      padding: 10px;
      }

.hilightbox {
      background: #F4F4F4; 
      font-size: 10pt;
      padding: 10px;
      }	
		
.lightbox {
      background: #F4F4F4; 
      font-size: 10pt;
      padding: 10px;
      border: solid 1px black; 
	}	

.blackbox {
      background: #000000; 
      font-size: 10pt;
      padding: 5px;
	}	
	
.rule {border-top: 1px dotted #666666;width: 100%;height: 1px;padding: 0;margin: 10px 0 5px 0;}	

.header {
	background: #000000;
	color: #EAEAEA;
	font-size: 8pt;
	text-align: left;
	border-bottom: 2px solid #515151;
	padding: 10px 70px 10px 70px;
	}

.gallery {margin: 0;text-align: left;padding: 10px 0 10px 10px;}

div.preview {float:left;width: 120px;text-align: center;background: #000000;margin: 0 7px 7px 0;}
div.preview img {margin: 7px 0 7px 0;}
div.preview p {color:#ddd;background:#4b6177;margin:0px;padding: 3px 0 3px 0;}
img.photo {border:3px solid #000;}
img.photof {float:left;border:3px solid #000;margin-right:10px;}


table.preview {table-layout: fixed;	margin: 0 0 0 20px;text-align: center;}
td.preview {width: 120px;text-align: center;background: #000000;}

td.blank {width: 120px;text-align: center;}
td.prevtitle {padding: 0 0 20px 0;color:#114477	}

.aheader {margin: 0;padding: 10px 10px 8px 20px;border-bottom: 2px solid #555555;background-color: #000000;color: #8e9faf;font-size: 8pt;font-family:verdana,sans serif;text-align: left;}
.contentheader {margin: 0;padding: 10px 30px 10px 20px;border-bottom: 2px solid #555555;background-color: #000000;font-size: 10pt;color: #EAEAEA; font-family:verdana;text-align: left;}
.aheader a:link,.aheader a:visited,.aheader a:hover, .contentheader a:link,.contentheader a:visited,.contentheader a:hover {color: #d7d7d7;text-decoration: none;}


.pheader {margin: 0 auto;padding: 10px 10px 8px 70px;border-bottom: 2px solid #555555;background-color: #000000;color: #d7d7d7;font-size: 8pt;font-family:verdana;}
.pheader a:link,.pheader a:visited,.pheader a:hover {color: #d7d7d7;text-decoration: none;}
.pheader .phome {float:left;margin:0;padding:0;}
.pheader .pnav {float: right;margin:0 10px 0 0;}
.pheader .pnav a:hover{color:blue;}

.pic {padding: 30px 70px 20px 70px;color:#c7c7c7;}
.pic p {width:600px;}

table.picinfo {border: 0px;padding: 20px 0px 20px 0px;}
tr.picinfo {font-size: 10pt;}
tr.picinfo th {text-align: left;padding: 10px 0 10px 0px;}
td.picinfo {vertical-align: top;width: 75px;}
.gsection {width:90%;margin:0 0 10px 0;padding:0;font-size: 12pt;font-weight: bold;border-bottom: 1px solid #aaa;}
.filmlist ul {font-size:10pt;list-style-type: square;}

table.parts {border: 0px;padding: 20px 30px 20px 30px;}
tr.parts {font-size: 10pt;}
tr.parts th {text-align: left;padding: 10px 0px 10px 0px;}
td.parts {vertical-align: top;width: 100px;}

.figure {font-size: 8pt;padding: 10px 20px 10px 30px;	}
li.textb {list-style : outside url(../images/textlist.png);	}
.doclist {	line-height: 170%;font-size: 10pt;}
.linkptr {line-height: 170%;font-size: 10pt;margin: 20px 0 10px 20px;}
.linkptr a:link, .linkptr a:visited, .linkptr a:hover {padding: 0px 2px 1px 20px; background: url(../images/extlink.png) left center no-repeat;}
.okiedesc {float: right;text-align: left;font-size: 10pt;margin: 0;width: 45%;}
.otleft {float:left;margin: 13px 15px 0 0;}
.otright {float:right;margin: 13px 0 0 15px;}


.clearfield {padding: 5px 0 0 0;}

.gprev {position: relative;float:left; margin: 0;padding:0 0 0 10px;width:80%;}
.gprev img {position: relative;float:right; margin: -20px 0 0 0;padding:0;border:1px solid #000;}
.grule {margin: 30px 0 0 0;padding: 0;font-size: 12pt;font-weight: bold;font-family:verdana,san serif;border-bottom: 1px solid #aaa;}
.gtext {float:left;margin: 10px 0 0 0;width:60%;}
.gsection {width:100%;margin:0 0 10px 0;padding:0;font-size: 12pt;font-weight: bold;border-bottom: 1px solid #aaa;}
.grule a:link, .grule a:visited {text-decoration:none;}
.gupdate {margin:0 20px 10px 0;padding:0;text-align:right;}
.gupdate p {color: #a00;font-size:10pt;padding:0;margin:0;}
.gstep img {margin: 10px 0 10px 30px;border: 1px solid #000;}

#cameradata {display:block;margin-top:10px;}
table.camdata {font-size:10pt;width:100%;color:#000;}
tr.clist1 {background-color: #ddd;height:20px;}
tr.clist2 {background-color: #aaa;height:20px;}
tr.clist1 td, tr.clist2 td {padding-left:13px;}

table.fov {font-size:.8em;width:90%;margin: 0 0 20px 20px;}
table.fovout {width:90%;border: 1px solid #777;font-size:.8em;margin:10px 0 10px 20px;padding: 5px 3px;}
table.fovout input {text-align:right;}
table.fovout td.tdata {text-align:right;width:30%;}
table.fovdsp {width:90%;font-size:.8em;margin: 10px 0 10px 20px;}
table.fovchart {width:90%;font-size:.8em;margin: 10px 0 20px 20px;}
tr.btn {line-height: 20px;}
table.cameratype {margin: 0 0 0 20px;font-size:1em;}

td.sensor {text-align:center;}

.cfaimages {text-align:center;padding: 15px 0 15px 0;}
.cfaimages img {margin-right:50px;}

.apod0810 {margin: 5px 0 0 0;padding:0;border:1px solid #919191;}