/* 
CSS for Bubble Under siye
*/


h1,h2, h3 {
 font-family: "trebuchet ms", arial, helvetica, sans-serif;
}


h1 {
 font-size: xx-large;
 background-color: #003399;
 color: white;
 padding-top: 1em;
 padding-bottom: .6em;
 padding-left: .8em;
 margin: 0;
}

h2 {
 color: navy;
 font-size: 130%;
 font-weight: normal;
 padding-top: 15px;
}



body {
 font-family: verdana, helvetica, arial, sans=serif;
 background-color: #e2edff;
 line-height: 125%;
 padding: 0;
 margin: 0;
}



li {
 font-size: medium;
}


p {
 font-size: medium;
 color: navy;
}

#tagline p {
 font-style: italic;
 font-family: georgia, times, serif;
 background-color: #bed8f3;
 border-top: 3px solid #7da5d8;
 border-bottom: 3px solid #7da5d8;
 padding-top: .2em;
 padding-bottom: .2em;
 padding-left: .8em;
 margin: 0;
}

em {
text-transform: uppercase;
}




a {
  font-weight: bold;
}

a:link {
  color: black;
}

a:visited {
  color: navy;
}

a:hover {
  color: white;
  text-decoration: none;
  background-color: navy;
}

a:active {
  color: aqua;
  background-color: navy;
}


.fun {
  color: #339999;
  font-family: Georgia, Times, Serif;
  letter-spacing: 0.05em;
}

#navigation {
  width: 150px;
  height: 300px;
  border: 1px solid navy;
  background-color: #7da5d6;
  padding-top: .8em;
}



#salesign p {
 text-align: center;
 font-weight: bold;
 font-family: georgia, times, serif;
  border: 1px solid navy;
 background-color: #;
 padding-top: .3em;
 padding-bottom: .3em;
 padding-left: .8em;
  width: 650px;
  height: 110px;
}


#salesign2 p {
 text-align: center;
 font-weight: bold;
 font-family: georgia, times, serif;
  border: 1px solid navy;
 background-color: #;
 padding-top: .3em;
 padding-bottom: .3em;
 padding-left: .8em;
  width: 650px;
  height: 110px;
}



/* This dection deals with the position of the item on the screen.
It uses absolute positioning - fixed x and y coordinates measured
from the top left corner of the browser's content display.
*/



#navigation, #bodycontent, #header, #footer, #copyright {
 position: absolute;
}

#navigation, #bodycontent {
  top: 107px;  
}

#bodycontent {
  left: 200px;
}

#header {
  width: 100%;
  border-top: 3px solid #7da5d6;
}

#copyright {
  top: 550px;
}

#copyright {
  width: 100%;
  border-top: 1px solid #7da5d6;
}
