/* The major page-layout elements */

body {
  background-color : #a6caf0; 
  font-size: 14px;
  margin: 0;
}

#upnav {
  position : absolute;
  top : 0;
  left: 0;
  padding : 0;
  width : 14%;
  height : 200px;
  z-index: 100;
  background-color : #a6cf0;
  color: #a6caf0;
  border: 3px solid #a6caf0;
}

#nav {
/*
  position : absolute;
  top : 0px;
  left: 0;
  padding : 0;
  width : 14%;
  z-index: 100;
*/
  font-size: 16px;
  background-color : #3a6ea5;
  color: #ffff99;
  border: 3px solid #3a6ea5;
}

#upmain {
  position:absolute;
  width : 63%; 
  padding: 0px;
  top : 0px; 
  height: 280px;
  left : 15%;
  z-index: 1;
  background: #ffffff;
  border: 3px solid #ffffff;
}

#main {
  position:absolute;
  width : 63%;
  padding: 0px;
  top : 0px; 
  left : 15%;
  z-index: 1;
  background: #f0f0f0;
  border: 3px solid #ffffff;
}

#upads {
  position: absolute;
  width: 17%;
  padding: 0;
  top: 0;
  height: 200;
  left: 79%;
  z-index: 1;
}

#ads {
  position: absolute;
  width: 17%;
  padding: 0px;
  top: 0px;
  left: 79%;
  z-index: 1;
}

#specials {
  position: fixed !important;
  position : absolute;
  left: 75%;
  padding : 0;
  width : 23%;
  z-index: 100;
  background-color : #3a6ea5;
  color: #ffff99;
  border: 5px solid #3a6ea5;
  z-index: 1;
}

#upads a {
  color : #ffffff;
  background-color : #3a6ea5;
  text-decoration : none;
}

#upads a:hover {
  color : #009966;
  background-color : #ffffff;
  text-decoration : underline;
}

#upads a:link {
  font-weight : bold;
  color : #ffffff;
  background-color : #3a6ea5;
  text-decoration : none;
}

/* The navigation bar a (link) elements */ 

#nav a {
  color : #ffffff;
  background-color : #3a6ea5;
  text-decoration : none;
}

#nav a:visited {
  font-weight : bold;
  color : #ffffff;
  background-color : #3a6ea5;
  text-decoration : none;
}

#nav a:link {
  font-weight : bold;
  color : #ffffff;
  background-color : #3a6ea5;
  text-decoration : none;
}

#nav a:hover {
  color : #009966;
  background-color : #ffffff;
  text-decoration : underline;
}

#nav a:hover :visited {
  color : #009966;
  background-color : #ffff99;
  text-decoration : underline;
}

#specials a {
  color : #ffffff;
  background-color : #3a6ea5;
  text-decoration : none;
}

#specials a:visited {
  font-weight : bold;
  color : #ffffff;
  background-color : #3a6ea5;
  text-decoration : none;
}

#specials a:link {
  font-weight : bold;
  color : #ffffff;
  background-color : #3a6ea5;
  text-decoration : none;
}

#specials a:hover {
  color : #009966;
  background-color : #ffffff;
  text-decoration : underline;
}

#specials a:hover :visited {
  color : #009966;
  background-color : #ffff99;
  text-decoration : underline;
}

/* the floating sidebar box style */

.sidebar {
  float:right;
  width: 40%;
  padding: 20px; 
  margin: 10px; 
  background-color: #ccffcc;
  border: 1px dotted #333333; 
}


/* basic text styles for the main div */ 

body, h1, h2, h3, h4, p, ul, ol, li 
{
  <!-- font-family: verdana, helvetica, arial, sans-serif; -->
}

a
{
  <font size="3">
}

ul {list-style-type: square; list-style-position: outside;}
ol {list-style-type: lower-roman; list-style-position: outside;}

ul, ol {
  font-size : 16px; 
  color : #000000; 
  margin-left: 2em;
  padding: 0; 
}

/* this style is used to highlight code text */
p.code {
  color: #cc6600;
  margin-left:3em;
} 

p {
  font-size: 16px; 
  color : #000000; 
  margin-left: 10px; 
}

h1, h2, h3, h4 {
  color: #006633;
  clear: both;
}


h4 {
  font-size: 1;
  font-weight:900;
  margin-top : 0; 
}

h3 {
  font-size: 1;
  font-weight:600;
  margin-top : 0; 
}
h2 {
  font-size : 2;  
  font-weight:600;
  margin-top : 0; 
}

h1 {
  font-size : 3; 
  font-weight: 700;
  margin-top : 0; 
}



/* a element styles */

/*
a {
  color : #339966;
  background-color : transparent;
  text-decoration : underline;
}

a:visited {
  color : #339966;
  background-color : transparent;
}
a:link {
  color : #339966;
  background-color : transparent;
  text-decoration : underline;
}
a:link:hover {
  background-color : #ffff99;
}
a:visited:hover {
  background-color : #cccccc;
  color:#339966;
}
*/

/* this style is used to prevent a background color from 
appearing behind the logo GIF when the mouse passes over it. */


#logodiv a:hover {
  background-color: transparent;
}

