body { /* grey background that fills up screen if big moitor */
    background-image: url('pics/grey-technical-science.jpg'); /*use an image instead of boring color */
    background-repeat: repeat;
    margin: 0px;
    padding: 0px;
    height: 100%;
    /*Replace with comma separated list of fonts, ordered by preference*/
    font-family: Arial;
}

html {
    height: 100%;
}

#mainBody { /*for minimum page width */
    border: 1px solid;
}


/*--- start picture up top---*/

#allHeader { /*contains commonality of every page */
    width: 100%;
    height: 360px;
    padding: 0px;
    margin-left:130px;
}

#blackExtension00 {
    position: absolute;
    left: 0px;
    top: 140px;
    height: 38px;
    width: 100%;
    background-color: #000000;
}

#blackExtension {
    position: absolute;
    left: 0px;
    top: 362px;
    height: 35px;
    width: 100%;
    background-color: #000000;
}

#greenLine{
   background-image: url('pics/green-tek-sci.jpg'); /*use an image instead of boring color */
   background-repeat: repeat-y;
   margin:0 auto;
   width:900px;
}


/*--start color pics */	


#orangeHeader {
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 420px;
    /*margin-top: 20px; */
    background-image: url('pics/orange-tech-si.jpg');
    margin:0;
    background-repeat:repeat-x;
    position:absolute;
    z-index:-1;
    width:100%;
}

#whiteHeader {
    position: relative;
    width: 800px;
    height: 360px;
    background-image: url('pics/orange-pharmaceutical-science.jpg');
    background-repeat: no-repeat;
    background-position: -20px 170px;
}


#topWhiteSpace { /* contains logoSpace = logoPic + logoText */
    background-color: #fffff0;
    width: 780px;
    height: 40px;
    margin: 0px;
}


#logoSpace { /*contains logo */
    background-color: #fffff0;
    padding-bottom: 10px;
    width: 780px;
}

#logoPic { /*sword and snake */
    background-image: url('pics/tek-sci.jpg');
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    float: left;
    margin-left: 10px;
}

#logoText { /* easy text to print, not download */
    background-color: #fffff0;
    height: 100px;
}

#logoText h2 { /*makes logoText big and easy to read */
    margin: 0px;
    padding: 0px;
    font-size: 3em;
    text-align: left;
}

#logoTag h2 {
        margin: 0px;
	background-color: #000000;
	color: #fffff0;
	padding: 0px;
	font-size: 1.5em;
	text-align: right;
}
	
#lateralMenuWhiteBorder {
    background-color: #fffff0;
    width: 8px;
    height: 220px;
    float: left;
}

/*---end picture up top---*/

/* ---- start menu ---- */

.menu {
    color: #CCCCCC;
    margin: 0px auto;
    width: 764px;
    height: auto;
    float: left;
    margin-top: 175px;
  font-family:Trebuchet MS, Helvetica, sans-serif;

}

.menu ul {
    color: #CCCCCC;
    background-color: #000000;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 35px;
    width: 770px;
}

.menu li {
    color: #CCCCCC;
    float: left;
    padding: 0px;
    display: inline;
    width: 109px; /*change this item when you add boxes so they are all equal width */
}

.menu a.inactive:hover, a.active {
    background-color: #555555;
    opacity: 1.0;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    text-align: center;
    margin: 0px;
    padding: 0px;
    line-height: 35px;
}

.menu ul li:hover a {
    background-color: #555555;
    opacity: 1.0;
    color: #FFFFFF;
}

.menu a.inactive {
    background-color: #000000;
    color: #CCCCCC;
    opacity: 0.90;
    display: block;
    text-decoration: none;
    text-align: center;
    margin: 0px;
    padding: 0px auto;
    line-height: 35px;
}

.menu li ul {
    margin: 0px;
    padding: 0px;
    display: none;
    height: auto;
    position: absolute;
    width: auto;
}

.menu li ul li {
    display: block;
    float: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

.menu li ul li a.interior {
    background: #333333;
    color: #fffff0;
    /*font-size: 10pt;*/
    opacity: 0.90;
    display: block;
    text-decoration: none;
    text-align: left;
    margin: 0px;
    line-height: 35px;
    padding: 0px 50px 0px 15px;
}

.menu li ul li a.interior:hover {
    background: #CCCCCC;
    color: #000000;
    display: block;
    text-decoration: none;
    text-align: left;
    margin: 0px;
    line-height: 35px;
}

.menu li:hover ul {
    display: inline;
}

.menu li:hover li a {
    display: inline;
    background: none;
}

/* --- end menu --- */


/* --- start body --- */
h1{
  margin-left: auto; 
  margin-right: auto; 
  text-align: center;
  color:#000;
  font-size:2.3em;
}

#main {
    background-color: #fffff0;
    width: 780px;
    margin-top:10px;
    margin-left:130px;
    height:auto !important;
    clear:both;
    padding-top:1px;
}


p {
    margin: 0px;
    padding: 8px 0px;  
}

ul {
 padding: 10px ;
 margin: 5px;
}

a:link {color:#134a07;}
a:visited {color:#793401;}
a:hover{color:#793401;}
a:active {color:#793401;}

#content{
   width:500px;
   float:left;
   padding-left:10px;
}
 
#alert{
   color:red;
}

/* --- end body --- */

/* --- start search column --- */
#search{
   float:right;
   width:200px;
   margin:8px 10px 2em 0;
   padding:60px 1em 1em 1em;
   background-color:#f9f7ec;
   border:4px solid #f5f3e1;
   font-family:Trebuchet MS, Helvetica, sans-serif;
   font-size:105%;
   background-image:URL('/pics/medical-science-equipment.jpg');
   background-repeat:no-repeat;
}

#search ul{
   list-style-type:none;
   padding:0;
}

#search li{
  margin:.5em 0;
}

#search ul ul{
   font-size:90%;
   padding-left:1em;
}

#searchdiv{
   margin:1em 0;
}
/*--- start footer --- */ 

#footer {
    width: 780px;
    clear:both;
    margin: 2em 0 0 0px;
}

#footer p {
    background-color: #000000;
    color: #CCCCCC;
    text-align: center;
    font-size: 12pt;
    font-style: italic;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { /*so links in the footer don't stand out*/
    color: #CCCCCC;
}

/* --- end footer --- */