/* ``````````````````` body ``````````````````````````` */
body { background-color: rgb(25,63,106);
	   background-image: url(images/earthDropFinalUSE3i.jpg);
	   background-repeat: repeat-x;
	   background-position: bottom left;
	   background-attachment: fixed;
	   font-family: arial, "Franklin Gothic Medium", verdana, arial, sans-serif;
	   min-width:42em;/* needs fix for IE<=6 */
	   min-height:28em;/* needs fix for IE<=7 */
	}
/* ^^^^^^^^^^^^^^^^^^^ body ^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ``````````````````` uber banner ``````````````````````````` */
div#uberbanner {background-color:red; text-align:center;width:100%;padding:0;margin:-.5em 0 0; line-height:.7em; } /* space above header */
/* needs fix for IE<=6 */
/* ^^^^^^^^^^^^^^^^^^^ uber banner ^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ``````````````````` header ``````````````````````````` */
div#hedrbar {width:102%;background-image: url(images/earth.at.night.jpg);
	background-repeat: repeat-x; height:9em;
	opacity: .90;/* for standards-based browsers */
	filter:alpha(opacity=90);/* for IE browsers */
	margin:0px 0px 1em -1em;
	padding:0;

	} /* main header area */
div#hedrLft { color:red;float:left;margin-left:1em;} /*narrow column furthest left of hedrbar*/

div#hedrlinx {color:red;text-align:right;margin-right: 3em;}/*row of links furthest right & top of hedrbar*/

#hedrlinx li{display:inline; text-align: left; border-left: 1px solid rgb(23, 60, 128); padding: 2px 0.33em;}


div#tytl {color:yellow; margin:1em 0 0 7em; font-size:200%;} /*below is title; center of hedrbar*/
div#hedrRyt { color:red;float:right;margin-right: 1em;} /*narrow column furthest right of hedrbar*/

div#srch {color:red;text-align:right; margin: 1.5em 12em 0 0; font-weight: bold;
        	opacity: .99;/* for standards-based browsers */
	filter:alpha(opacity=99);/* for IE browsers */

    } /*floats towards the right & at the bottom of hedrbar*/

/* ^^^^^^^^^^^^^^^^^^^ header ^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ``````````````````` common to both columns ``````````````````````````` */
div.lftcolbit, div.rtcolbit {margin:1em .5em 1em 1em;}
/* ^^^^^^^^^^^^^^^^^^^ common to both columns ^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ``````````````````` left column ``````````````````````````` */
div#lftcol {color:red;
     float:left;

    /*top:20%;*/
   /* width: 180px;*/
    width: 12em;

} /*navigation area on screen left*/
div#lfttop {color:red; } /*topmost area of navigation area on screen left*/


div#lftcenter { color:red;} /*center of navigation area on screen left*/


div#lftbottom {color:red; } /*bottommost area of navigation area on screen left*/

/* ^^^^^^^^^^^^^^^^^^^ left column ^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ``````````````````` center column ``````````````````````````` */
div#MainBody  {float:left; color:red; margin-left:25%;} /*lion's share of screen center*/
div#MainTopLft {color:red;float:left;margin:1em .5em 1em 0; } /*top left of screen center*/


div#MainTopRyt {color:red; float:left;margin: 1em;} /*top right of screen center*/


div#MainBottom { color:red;clear:both;} /*middle & bottom of screen center*/

/* ^^^^^^^^^^^^^^^^^^^ center column ^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ``````````````````` right column ``````````````````````````` */
div#rytcol {color:red;float:right;margin-right:1.2em; } /*rightmost column of content & link on screen right*/
div#ryttop { color:red;} /*topmost area of column on screen right*/


div#rytcenter { color:red;} /*center area of column on screen right*/


div#rytbottom {color:red; } /*bottommost area of column on screen right*/
/* ^^^^^^^^^^^^^^^^^^^ right column ^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ``````````````````` footer ``````````````````````````` */
/* temporarily disabling footer from display:*/
div#footr {display: none;}
div#footr { position:absolute; bottom: 0; right:0;width:100%;max-height:1em;min-width:600px; } /*footer; could put breadcrumbs down here if u want */
div#footrLft, div#footrCntr,div#footrRyt {position:absolute; bottom: 0; color:red; width:6em;} /*leftmost area of footer*/

div#footrLft {left:1em; }
div#footrCntr {left:50%;} /*center area of footer*/


div#footrRyt {width:12em;right:0; bottom:-1em; } /* rightmost area of footer */
/* ^^^^^^^^^^^^^^^^^^^ footer ^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */