﻿/* header.css
This css file should be included in every page 
*/
/* ---------------------------------------------- */
/* Colors used on this site */
/* ---------------------------------------------- */
/*
#990000 = The red used in the "B" of BusinessBay
#999999 = The gray used in the "b" of Bay
#CCCC66 = Tan used in various places
#A43907 = LeftHeaderRed
#E3E3C1 = SubHeaderTan
#EFEFCC = ContentTan
#000066 = Dark Blue
#660000 = maroon 
/*
header,main, and footer are inside "container"
and positioned "absolute" to div-container. 
divisions inside each division are absolute to
that division

<----------------- 720 px ------------------->
---------------------------------------------- container  height 600px
||------------------------------------------||
||header                                    || header height 90px
||------------------------------------------||
||------------------------------------------||
||main                                      ||
||                                          ||
||                                          ||  
||                                          || main height 495px
||                                          ||
||                                          ||
||                                          ||
||------------------------------------------||
||------------------------------------------||
||footer                                    || footer height 15px
||------------------------------------------||
----------------------------------------------
*/
body {background-color:white;
}
/* start container*/
/* ------------------------------------------------------------------------------------------------------------------------- */
#div-container{position:relative;top:0;left:0;width:720;height:600;background-color:white;}
#div-header{position:absolute;top:0;left:0;width:720px;height:90px;background-color:white;}/* takes 90 of 600 leaves 510 height */
#div-logo{position:absolute;top:0;left:0;}/* 0,0 to the "header division */
/* start main*/
/* ------------------------------------------------------------------------------------------------------------------------- */
#div-main{position:absolute;top:90;left:0;height:495;width:720;border:solid 1px #999999;background-color:InfoBackground;}/* 510 - height of footer 15 = 495 */
#div-search{position:absolute;top:5;left:440;color:#999999;font-weight:normal;}/* inside main */
.searchForm{color:black;}
.searchForm Input{color:#999999;font-weight:normal;}
/* headline */
/* ------------------------------------------------------------------------------------------------------------------------- */
#div-headline{position:absolute;top:35px;left:10px;width:700px;height:30px;font-family:arial;color:silver;/*border:solid 2px gray;*/}/* inside main */
.headline{font-family: arial; color: silver;text-align:center;}
/* ------------------------------------------------------------------------------------------------------------------------- */
#div-topmenu{position:absolute;top:0;left:0;width:250px;height:20px}/* inside main */
#dropmenudiv{font-weight: normal;font-size:12px;color: black;text-decoration:none;font-family: 'Arial', sans-serif;position:absolute;border:1px solid white;border-bottom-width: 0;line-height:18px;z-index:100;}
#dropmenudiv a{font-weight: normal;font-size:12px;color: black;text-decoration:none;font-family: 'Arial', sans-serif;width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid white;padding: 1px 0;}
#dropmenudiv a:hover{/*hover background color*/background-color: #EEEEEE;}
A.mainnavlink:link{color:black;font-family:arial;font-size:11px;font-weight:normal;text-decoration:none;}
A.mainnavlink:visited{color:black;font-family:arial;font-size:11px;font-weight:normal;text-decoration:none;}
A.mainnavlink:active{color:black;font-family:arial;font-size:11px;font-weight:normal;text-decoration:none;}
/* ------------------------------------------------------------------------------------------------------------------------- */
/* 2 or 3 columns inside main from different css file */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* start main left: 80px is down from top of main not top of container
#div-mainleft{position:absolute;top:80px;left:10px;width:220px;height:400px;color:black;border:solid 2px gray;}
start main center
#div-maincenter{position:absolute;top:80px;left:250px;width:220px;height:400px;color:black;border:solid 2px gray;}
#div-mainright{position:absolute;top:80px;left:490px;width:220px;height:400px;border:solid 2px gray;}
*/
/* start footer*/
/* ------------------------------------------------------------------------------------------------------------------------- */
#div-footer{position:absolute;left:0;top:585px;width:720px;height:15px;}/* inside container not main */
.footer{text-decoration:none;background-color:#000000;color:white;width:100%;height:25;text-align:center;font-family:Arial;font-size:10px;}
.footer A:link{color:White;text-decoration:none;}
.footer A:visited{color:White;text-decoration:none;}
.footer A:active{color:White;text-decoration:none;}
.footer A:hoover{color:Red;}

#div-ip{position:absolute;left:0px;top:520px;width:180px;height:15px;color:#660000;font-family:Arial;font-size:12;}
#div-copyright{position:absolute;top:610px;left:300px;width:400px;height:15px;font-family:Arial;font-size:12px;color:black;}
/* ------------------------------------------------------------------------------------------------------------------------- */

