﻿table.main {
	margin: 5px 8px;
	width: 98%;
}

table.center {
	margin: 5px 8px;

	border: 1px solid #C0C0C0;
	
}

div.container {  

} 

div.county2
{
margin-left: 12px;
margin-bottom: 12px;
float:right;
}


img.padded2{
padding: 0px 0px 0px 0px;
}


div.newOzone666 { 
    clear: both;
    
	margin-left: 20px;
	margin-bottom: 10px;
    border:1px silver solid;
	padding: 5px 10px 5px 5px;
	Max-width: 730px;
}
	
	
td.header {

}

td.header-aboutair {
	
}

td.header-aboutus {
	
}

td.header-airquality {

}

td.header-emissions {

}

td.header-publications {

}

td.header-rules {
	
}

p.blockquote {
	margin-left: 40px;
	margin-right: 40px;
}


/* info boxes */
td.info, td.info-aboutair, td.info-aboutus, td.info-airquality, td.info-emissions, td.info-publications, td.info-rules {
	width: 25%;
	padding-top: 5px;
}

td.content {
	padding: 5px;
}

td {
	vertical-align: top;
}
/** feedback - same as about us */
.important {
	color:red;
	font-weight:bold;
}

form.feedback fieldset {
  width:auto;
  border:#5B97B1 3px double;
  padding:2px;
  margin:5px;
}
form.feedback input {
	margin-left: 5px;
}
form.feedback legend {
	color:#000;
	font-size:1.5em;
	font-weight:bold;
}

form.feedback th {
	width: 32%;
	height: 28px;
	text-align: right;
	font-weight: normal;
	vertical-align: middle;
}

form.feedback th.head {
	text-align: center;
	font-weight: bold;
}

form.feedback hr {
	color: #5B97B1;
}

form.feedback td {
	width: 77%;
	height: 28px;
	vertical-align: middle;
}

/* headers */
h1 {
	margin-bottom: 12px;
	left:2px;	
   
}

h3 {
	background-color: #1A76A3;
	padding: 2px;
	height: 20px;
}

/* Text alignment*/





p.positionflinterior {
	
	float:left;
	/*word-wrap: break-word;*/
	/*margin: 20px 20px 20px 20px;*/
	margin-left: 14px;
	margin-right: 20px;
	width: 50%;
}




p.redposition {
	
	/*float:left;*/
	COLOR: red;

	/*word-wrap: break-word;*/
	/*margin: 20px 20px 20px 20px;*/
	margin-left: 14px;
	margin-right: 20px;
}
/*contructs space for text and image*/



/*AirData page, makes room for images on right*/


p.position2 {
	
	margin-left: 14px;
	padding-right: 50px;
}

/*AirData page, makes room for images on right*/
li.position2 {
	
	margin-left: 14px;
	padding-right: 50px;
}

p.top {
	margin-left: 10px;
	margin-right: 20px;
}

p.positionbold {
	position:relative;
	/*float:left;*/
	left:12px;
	/*word-wrap: break-word;*/
	width: 92%;
	font-weight: bold; 
}

table.table {
text-align: left;
margin-left: 14px; 
/*margin-right: auto;*/
}

 table.table h4 {
text-align: left;
}

/*centers text*/
table.table td {
margin-left: auto; 
margin-right: auto;
}


/*
table.table2 {
text-align: left;
margin-left: auto; 
margin-right: auto;

	border-width: 1px;
border-collapse:separate;

	border-style: solid;
	border-color: gray;
	
}


*/


table.table2 {
	/*border:1px single gray; */
	/*border-spacing: 30px;*/
	/*border-collapse: separate;*/
	margin-left: auto; 
	margin-right: auto;
}




table.table2 th {
	border-style: double;
	border-width: 1px;	
	text-align: left;
	padding-left: 10px;
}

table.table2 td {
	border-style: double;
	border-width: 1px;
	text-align: left;
	padding-left: 10px;
}


/*
table.table2 th {
	border-width: 0.5px;
	border: thin double silver;
	border-collapse: separate; 	
	border-spacing: 50pt 50pt; 
		
}

table.table2 td {
	border-width: 0.5px;
	border: thin double silver;
	border-collapse: separate; 	
	border-spacing: 50pt 50pt; 
}

*/

/*no border*/
table.table3 {
text-align: left;
margin-left: auto; 
margin-right: auto;	
}

 table.table2 h4 {
text-align: left;
}





/* div.table (
text-align: center;

}*/

/* h4.table {
text-align: center;
}*/

/* h5.table {
text-align: center;
}*/

h5.position {
	position:relative;
	left:14px;
}

h6.position {
	position:relative;
	left:14px;
}

p.position2 {
	
	/*float:left;*/
	
	/*word-wrap: break-word;*/
	/*margin: 20px 20px 20px 20px;*/
	margin-left: 16px;
	margin-right: 20px;
}

li.position2{
	
	margin-left: 14px;
	margin-right: 20px;
}

div.bottomtext {
	position:absolute;
	left:14px;
	bottom:0px;
}

br.position{
	position:relative;
	word-wrap: break-word;
}




.style1 {
	position:relative;
	FONT-SIZE: .75em;
	left:10px;
}



div.lefttabcontent3 h3 {
	background-color: #006699;
	padding: 2px;
	height: 20px;
}

h3.info-rules {
	background-color: #518274;
	padding: 2px;
	height: 20px;
}


body.bar
{
background-image:url("/air/images/navbar/silo_bk_airquality.gif");
background-repeat:repeat-y;
}


/*bar background image*/
img.bar {
	background-image: url("/air/images/navbar/silo_bk_airquality.gif");
}

/*used for images that needs border, works with p id below */
div.floatRight { 
    float: right; 
    margin-right: 20px;
	margin-left: 20px;
	
    border:1px silver solid;
	
	/*margin-bottom: 20px;*/
	padding: 3px 3px 3px 3px;
}

div.floatRightmaps { 
    float: right; 
    margin-right: 20px;
	margin-left: 20px;
	
   
	
	/*margin-bottom: 20px;*/
	padding: 3px 3px 3px 3px;
}

div.floatleft{ 
    float: left; 
    margin-right: 20px;
	margin-left: 20px;
	
    border:1px silver solid;
	
	/*margin-bottom: 20px;*/
	padding: 3px 3px 3px 3px;
}

/*works with float right div to control text*/
div.floatRight p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}



p.small {
	font-size: small;
}



div.floatleftmap { 
    float: left; 
    margin-right: 20px;
	margin-left: 20px;
	/*margin-bottom: 20px;*/
	padding: 3px 3px 3px 3px;
}

 
/*works with float right div to control text*/


p.small {
	font-size: small;
}


/*images that float right, no border but code present*/
img.floatRight { 
    float: right; 
   clear: both;
   /* margin-right: 20px;
	margin-left: 20px;
	padding:1px;
    border:30px silver solid;
	/*margin-top: 20px;*/
	/*margin-bottom: 20px;*/*/
	
}

/*images that float right, no border but code present*/
img.floatRighticon { 
    float: right; 
   
   /* margin-right: 20px;
	margin-left: 20px;
	padding:1px;
    /*border:1px silver solid;*/
	margin-top: 1px;
	/*margin-bottom: 20px;*/*/
	
}

img.floatlefticondemo { 
    float: left; 
    align: middle; 
   /* margin-right: 20px;
	margin-left: 20px;
	padding:1px;
    /*border:1px silver solid;*/
	margin-top: 10px;
	/*margin-bottom: 20px;*/*/
	
}


img.floatleft { 
    float: left; 
    
    /*margin-right: 20px;*/
	margin-left: 14px;
	padding:1px;
    border:1px silver solid;
	/*margin-top: 20px;*/
	/*margin-bottom: 20px;*/
}





div.divinteriorfl {
	float: left;
}


/*interior lists next to objects. 
The right margin is set specifically for the county 
aqi page though and may need to be adjusted.*/
div.divinteriorfr {
	float: right;
	margin-right: 50px;
}


/* icon lists */
ul.icon {
	list-style-image: none;
	list-style-type: none;
	padding-left: 0px;
}

ul.icon li {
	clear:both;
	padding-top: 10px;
}

img.icon {
	border: 0px;
	float: left;
}

img.header-icon {
	float: right;
	border: 0;
	width: 45px;
	height: 47px;
}

img.disclaimer {
	border: 0;
	width: 86;
	height: 16;
}
	

hr.footer {
	height: 22px;
	
	color: #006699;
	border: none;
	margin: 0px 11px 5px 11px;
}

div.lefttabcontent {
	width: 99%;
	margin-top: 5px;
	white-space: normal;
}




div.depfooter {
   position:absolute;
   bottom:0;
   width:100%;
   font-size:0.75em;
}

div.accfooter {
   position:absolute;
   bottom:0;
}


#left {
	width: 74.5%;
	margin-top: 0px;
	margin-right: 0px;
	white-space: normal;
	padding-bottom: 1px:
	margin-bottom: 0px;

    
}
div.left {
	width: 74%;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 5px;
	/*white-space: normal;*/
	padding-bottom: 0px:
	margin-bottom: 0px;	 
}

.left {
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px 5px 0px 5px; 
	VERTICAL-ALIGN: top; 
	BORDER-LEFT: #ccc 1px solid; 
	WIDTH: 74%; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND-COLOR: #fff
	
}
div.left2 {
	width: 74%;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 5px;
	/*white-space: normal;*/
	padding-bottom: 0px:
	margin-bottom: 0px;	 
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 5px 5px 5px 5px; 
	VERTICAL-ALIGN: top; 
	BORDER-LEFT: #ccc 1px solid; 
	WIDTH: 74%; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND-COLOR: #fff
	
}

#left {
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 5px 5px 5px 5px; 
	VERTICAL-ALIGN: top; 
	BORDER-LEFT: #ccc 1px solid; 
	WIDTH: 74%; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND-COLOR: #fff
	
	
}

div.rightmenu {
	float:left;  
	 border-right : #ccc 1px solid; 
	 PADDING-RIGHT: 5px; 
	 PADDING-LEFT: 5px; 
	 padding-bottom:4px; 
	 MARGIN: 0px 0px 5px 8px; 
	 BORDER-LEFT: #ccc 1px solid; 
	 width: 20.55%; 
	 BORDER-TOP-STYLE: none;  
	 PADDING-TOP: 5px; 
	 BORDER-BOTTOM: #ccc 1px solid; 
	 PADDING-TOP: 5px; 
	 BACKGROUND-COLOR: #fff; 
	 position: absolute;
	 top:110px;
	 right: 5px  

}
div.rightmenu2 {
	  
	 
	 PADDING-RIGHT: 5px; 
	 PADDING-LEFT: 5px; 
	 padding-bottom:14px; 
	 MARGIN: 0px 0px 5px 5px; 
	 BORDER-LEFT: #ccc 1px solid; 
	BORDER-BOTTOM: #ccc 1px solid;
	BORDER-TOP-STYLE: none;
	 border-right : #ccc 1px solid;
	 
	 width: 20.55%; 
	   padding-bottom:14px;
	 PADDING-TOP: 5px; 
	   PADDING-RIGHT: 5px; 
	 PADDING-LEFT: 5px; 
	 PADDING-TOP: 5px; 
	 
	 BACKGROUND-COLOR: #fff; 
	 position: absolute;
	 top:110px;
	 right: 5px  
	 z-index: 20;
}
div.bottom {
	
	width: 98%;
	margin-top: 20px;
	margin-right: 0px;
	bottom: 265px; 
	left:119px; 
	padding-top: 0px;
	
	/*display: block; */
}
div.bottom2 {
	
	
	
	/*display: block; */
}
div.rightmenu {
	 float:left; border-right : #ccc 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; padding-bottom:5px; MARGIN: 0px 0px 5px 8px; BORDER-LEFT: #ccc 1px solid; width: 20.55%; BORDER-TOP-STYLE: none;  PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; PADDING-TOP: 5px; BACKGROUND-COLOR: #fff; position: absolute;top: 110px;right: 5px  

}



}
.bottom {
	 top: 111px; left: 118px; border-right : #ccc 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px 5px 5px 5px;                      BORDER-LEFT: #ccc 1px solid;                    WIDTH: 74%;               BORDER-TOP-STYLE: none;  PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; PADDING-TOP: 5px; BACKGROUND-COLOR: #fff

}

.bottom2 {
	 width: 98%;

	
	
	
	
	MARGIN: 5px 5px 5px 5px;                      
	 
	               
           
	border-right : #ccc 1px solid;
	border-right : #ccc 1px solid; 
	BORDER-TOP-STYLE: none;   
	BORDER-LEFT: #ccc 1px solid;   
	BORDER-BOTTOM: #ccc 1px solid; 
	padding-top: 0px;
	PADDING-TOP: 5px;
	PADDING-TOP: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	BACKGROUND-COLOR: #fff

}

div.bannerdiv{
	width: 74%;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 5px;
	/*white-space: normal;*/
	padding-bottom: 0px:
	margin-bottom: 0px;	 
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px 5px 0px 5px; 
	VERTICAL-ALIGN: top; 
	BORDER-LEFT: #ccc 1px solid; 
	WIDTH: 74%; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: none; 
	BACKGROUND-COLOR: #fff;
	position: absolute;
	top:110px;
	left: 200;
	z-index: 30;
}

div.contentdiv{
	width: 74%;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 5px;
	/*white-space: normal;*/
	padding-bottom: 0px:
	margin-bottom: 0px;	 
	BORDER-LEFT: #ccc 1px solid;
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-BOTTOM: #ccc 1px solid;
	BORDER-TOP-STYLE: none;
	PADDING-TOP: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px 5px 5px 5px; 
	VERTICAL-ALIGN: top; 
	BORDER-LEFT: #ccc 1px solid; 
	WIDTH: 74%; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 5px; 
	 
	BACKGROUND-COLOR: #fff;
	position: absolute;
	top: 165px;
	left: 200;
	z-index: 10;
	}








/*icons that float left, no border but code present, needs to be fixed*/
img.floatRighticon2 { 
  float: left; 
  margin-top: 10px;
}

/*primary text positioning class*/
p.position {
	margin-left: 14px;
}

h4.position {
	width: 90%;
	position:relative;
	left:8px;
}

h2.position {
	width: 90%;
	margin-top: 12px;
	left:8px;	
	position:relative;
}

li.position {
	
	margin-left: 12px;
	margin-right: 20px;
}

/*right menu div*/	
div.rightmenu3 {
	  
	 BACKGROUND-COLOR: #fff; 
	 float: right;
	 /*width: 25%;*/
	 width: 25%;
	 MARGIN: 0px 0px 5px 10px;
	 border-right : none; 
	 padding-bottom:14px;
	 PADDING-TOP: 5px; 
	 PADDING-RIGHT: 5px; 
	 PADDING-LEFT: 5px; 
}

/*navbar container*/
div.bannerdiv3{
	MARGIN: 0px 0px 0px 0px; 
	WIDTH: 100%;
	BACKGROUND-COLOR: white;
	margin-right: 5px;
	PADDING-TOP: 5px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
}

/*main content div*/
div.contentdiv3{
	MARGIN: 0px 5px 0px 5px;
	WIDTH: 69%;
	BACKGROUND-COLOR: white;
	float: left;
	PADDING-TOP: 0px; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 5px;
}


div.contentdiv4{
	MARGIN: 0px 5px 0px 5px;
	WIDTH: 90%;
	BACKGROUND-COLOR: white;
	float: left;
	PADDING-TOP: 0px; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 5px;
}

/*main div, includes everything we control*/
div.mother{
	BORDER-LEFT: #ccc 1px solid; 
	BORDER-BOTTOM: #ccc 1px solid;
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-TOP-STYLE: #ccc 1px solid;
	BACKGROUND-COLOR: white;
	width: 98.75%;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 5px;
}

/*
h5.position{
	left: 50px;
}
*/

/*manages navbar repeating image and its depth*/
div.navrules {
	background-image: url('/air/images/navbar/silo_bk_rules.gif');
}

div.navemission {
	background-image: url("/air/images/navbar/silo_bk_emission.gif");
	height: 52px;
}


div.navaboutair {
	background-image: url("/air/images/navbar/silo_bk_aboutair.gif");
	height: 52px;
}
	

div.navpublications {
	background-image: url("/air/images/navbar/silo_bk_publications.gif");
	height: 52px;
}

div.navaboutus {
	background-image: url("/air/images/navbar/silo_bk_aboutus.gif");
	height: 52px;
}

div.navairquality {
	background-image: url("/air/images/navbar/silo_bk_airquality.gif");
	height: 52px;
	}
.smalltexthome {
	
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: .75em;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px
	bottom: 14px;
	margin-left: 14px;
	clear:both;
}	
.stamptext {
	
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: .75em;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px
	bottom: 14px;
	margin-left: 14px;
	clear:both;
}	

/*used for images that needs border, works with p id below */
div.floatleft2 { 
    float: left; 
    margin-right: 20px;
	margin-left: 20px;
	
    border:1px silver solid;
	
	/*margin-bottom: 20px;*/
	padding: 3px 3px 3px 3px;
}

/*works with float right div to control text*/
div.floatleft2 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

/*right menu header colors*/
h3.info-aboutair {
	background-color: #29A294;
	padding: 2px;
	height: 20px;
}

h3.info-home  {
	background-color: #99A3A6;
}

h3.info-publications {
background-color: #99A3A6;
	padding: 2px;
	height: 20px;
}

h3.info-aboutus {
	background-color: #5B97B1;
	padding: 2px;
	height: 20px;	
}

h3.info-airquality {
	background-color: #005C96;
	padding: 2px;
	height: 20px;
}

h3.info-emissions {
	background-color: #627D7C;
	padding: 2px;
	height: 20px;
}

h2.center {
	text-align: center;
}

/*used on the contacts page for big map image*/
img.floatleftnb { 
    float: left; 
    /*margin-right: 20px;
	margin-left: 14px;*/
	padding:1px;
   /* width: 99.9%;
    height: 99.9%;*/
	/*margin-top: 20px;*/
	/*margin-bottom: 20px;*/
}

/*used to build thumbnail maps with borders*/
div.floatleftmap { 
    float: left; 
    margin-right: 20px;
	margin-left: 20px;
	/*margin-bottom: 20px;*/
	padding: 3px 3px 3px 3px;
}

div.border{
 border:1px silver solid;
 width: 247px;
 }
 
 /*manages images on aidata page*/
 img.imgairdata{
	float: right; 
	clear: left;
    margin-right: 5px;
	margin-left: 5px;
	
    /*border:1px silver solid;*/
}

div.airdatatext{
	width: 70%;
}

p.airdatatext{
	text-align: center;
}

/* Notes:

remove </p> from underneath silo bar code to remove extra lines or add it it to add them
removed margin on image for County AQI
*/

img.padded{
padding: 5px 0px 0px 0px;
}
div.county{
border:1px silver solid;

margin-left: 12px;
margin-bottom: 12px;
float:right;
}

div.newOzone { 
    clear: both;
    
	margin-left: 20px;
	margin-bottom: 10px;
    border:1px silver solid;
	padding: 5px 3px 3px 15px;
	Max-width: 630px;
}

/*works with float right div to control text*/
div.newOzone p {
  text-align: left;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  padding: 10px 10px 0px 0px;
}

div.newOzone2 { 
     float:right;
    margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
    border:1px silver solid;
	padding: 3px 3px 3px 3px;
	Max-width: 490px;
}

/*works with float right div to control text*/
div.newOzone2 p {
  text-align: left;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  padding: 10px 10px 0px 10px;
}

div.newOzone3 { 
    clear: both;;
    margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
    border:1px silver solid;
	padding: 3px 3px 3px 3px;
	Max-width: 520px;
}

/*works with float right div to control text*/
div.newOzone3 p {
  text-align: left;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  padding: 10px 10px 0px 10px;
}

/*link code*/
#header {
 
}
#header a {
 display: block;
  text-decoration: none;
  cursor: pointer;
}
#header a:hover {
  text-decoration: none;
  background-color: #85CDD;
}


#header h2:hover {
color:black;
}
#header h3:hover {
color:black;
}

#header h4:hover {
color: black;
}

#header li:hover {
color: black;
}

h4.rightmenumouseover {
color: white;
text-decoration: none;
}

li.rightmenumouseover {
color: white;
text-decoration: none;
}

#header p:hover {
color: black;
}

#header a:hover {
color: black;
}
li.rightmenumouseover {
color: white;
text-decoration: none;
type: disc;
}

p.black {
color: black;
margin-left: 10px;
}

/*air data portal box code*/

/*I would like to...*/
h1.likebox
{
background-color:#808080;

border-style:solid;
border-width: 2px;

border-color: black;
height: 45px;
/*width: 96%;*/
width: 97.5%;
padding-bottom:5px;
padding-left:5px;
padding-top:20px;
float: left; 
margin-top:  10px;
}

h1.likebox2
{
background-color:#808080;
border-style:solid;
border-width: 2px;
border-color: black;
height: 45px;
/*width: 96%;*/
width: 98%;
padding-bottom:5px;
padding-left:5px;
padding-top:20px;
float: left; 
margin-top:  10px;
}


/*white text inside option boxes*/
h2.optionboxtext
{
color: white;
cursor : hand;
text-decoration: none;
}

/*white text inside option boxes*/
h3.optionboxtext
{
color: white;
cursor : hand;
text-decoration: none;
}

/*orig. apply box*/
div.optionbox
{
background-color:#85CDDB;
border-style:solid;
border-width:1px;
cursor : hand;
border-color: black;
padding-bottom:5px;
padding-top:5px;
padding-right:5px;
padding-left:5px;
float: left; 
margin-top: 6px;
margin-right: 3px;
margin-left: 6px;
}

/*sumit and view boxes*/
div.optionbox4
{
background-color:#85CDDB;
border-style:solid;
border-width:1px;
cursor : hand;
border-color: black;


width: 100%;
/*min-width:239px;
max-width:227px;*/
min-height:120px;

padding-bottom:5px;
padding-top:5px;
padding-right:5px;
padding-left:5px;

float: left; 

margin-top: 6px;
margin-right: 3px;
margin-left: 6px;
}

/*sumit and view boxes*/
div.optionbox6
{
background-color:#85CDDB;
border-style:solid;
border-width:1px;
cursor : hand;
border-color: black;


width: 100%;
/*min-width:239px;
max-width:227px;*/
min-height:120px;

padding-bottom:5px;
padding-top:5px;
padding-right:5px;
padding-left:5px;

float: left; 

margin-top: 6px;
margin-right: 3px;
margin-left: 6px;
}

/*eaor and epsap boxess*/
div.optionbox2
{
/*background-color:#85CDDB;*/
background-color:#85CDDB;
border-style:solid;
border-width:1px;
cursor : hand;
border-color: black;
height: 100%;
/*width: 200px;*/
width: 22.5%;
padding-bottom:5px;
padding-top:5px;
padding-right:5px;
padding-left:5px;
float: left; 
margin-top: 6px;
margin-right: 3px;
margin-left: 7px;
min-width:130px;
min-height:120px;
/*min-height:115px;*/
}


/*data option boxes*/
div.optionbox3
{
/*background-color:#85CDDB;*/
background-color:#85CDDB;
border-style:solid;
border-width:1px;
cursor : hand;
border-color: black;
height: 100%;
/*width: 200px;*/
width: 47.5%;
padding-bottom:5px;
padding-top:5px;
padding-right:5px;
padding-left:5px;
float: left; 
margin-top: 6px;
margin-right: 4px;
/*margin-left: 6px;*/

margin-left: 6px;
/*min-width:360px;*/
min-width:365px;
max-width:365px;
/*min-height:120px;*/
min-height:60px;
}