/* =============================================================================

color.css

This file should contain any styles for:
  * background
  * background-attachment
  * background-color
  * background-image
  * background-position
  * background-repeat
  * border
  * border-bottom
  * border-bottom-color
  * border-bottom-style
  * border-bottom-width
  * border-color
  * border-left
  * border-left-color
  * border-left-style
  * border-left-width
  * border-right
  * border-right-color
  * border-right-style
  * border-right-width
  * border-style
  * border-top
  * border-top-color
  * border-top-style
  * border-top-width
  * border-width
  * color

Background color and borders applied to the left, right, or content columns
should be added by providing a background image on the #wrap element. Assuming
the background uses "background-repeat: repeat-y", this will ensure that the
background color and border stretch to the bottom of all content, regardless of
which column is the longest. More advanced templates, such as those using
non-repeating backgrounds, will probably require additional XHTML structure to
support the necessary styles for borders.

Separate backgrounds must be created and defined for differing layouts,
depending on the desired display of resulting background colors and borders. To
do so, specify distinctly by prefixing the appropriate #wrap style with the
corresponding class, as in:
  .two-col #wrap { ... }
  .three-col #wrap { ... }
  .homepage #wrap { ... }
  .enhanced #wrap { ... }
  .simplified #wrap { ... }
Or any combination required.

----------------------------------------------------------------------------- */

/* ===== BLOCKS ===== */

/* ----- BODY ----- */
/* this is the background page */
body {
  background: #fff url(/images/template/tile.gif);
  color: #333;
}

/* ----- TEXT ----- */
p { color: #333; }
h1 { color: #790850; }
h2 { color: #790850; }
h3 { color: #790850; }
h4 { color: #790850; }
h5 { color: #790850; }
h6 { color: #790850; }

/* ----- CONTAINERS ----- */
div {}
span {}

/* ----- LISTS ----- */
ul {}
ul li {}
ol {}
ol li {}
dl {}
dl dt {}
dl dd {}

/* ----- FORMS ----- */
form {}
form fieldset {}
form fieldset legend {}
form input {}
form select {}
form select option {}
form select optgroup {}
form select optgroup option {}
form textarea {}
form label {}
form button {}

/* ----- TABLES ----- */
table {}
table table {}
table caption {}
table col {}
table colgroup {}
table colgroup col {}
table tr {}
table tr th {}
table tr td {}
table thead {}
table thead tr {}
table thead tr th {}
table thead tr td {}
table tfoot {}
table tfoot tr {}
table tfoot tr th {}
table tfoot tr td {}
table tbody {}
table tbody tr {}
table tbody tr th {}
table tbody tr td {}

/* ----- SPECIAL ----- */
pre {}
hr {}
blockquote {}
address {}

/* ===== INLINE ===== */

/* ----- FONT STYLE ----- */
tt {}
i {}
b {}
big {}
small {}

/* ----- PHRASE ----- */
em {}
strong {}
dfn {}
code {}
q {}
samp {}
kbd {}
var {}
cite {}
abbr {}
acronym {}
sub {}
sup {}

/* ----- SPECIAL ----- */
a:link { color:#3333cc;text-decoration:underline}
a:visited { color:#000;text-decoration:underline}
a:hover { color:#3333cc;text-decoration:underline}
a:active { color:#3333cc;text-decoration:underline}
br {}
bdo {}
map {}
map area {}
object {}
img {}
ins {}
del {}
noscript {}
iframe {}
noframes {}

/* ===== IDs ===== */

/* ----- WRAP ----- */
#wrap {}
.two-col #wrap {
  background: #fff none;
  background-repeat: repeat;
  color: #000;
}
.three-col #wrap {
  background: #fff;
  color: #000;
}

/* ----- HEAD ----- */
#head,
#address {
  background: transparent url(/images/template/masthead-simplified.jpg);
  background-repeat: no-repeat;
  color: #000;
  height: 141px;
}

#head-esp,
#address-esp {
  background: transparent url(/images/template/masthead-simplified-esp.jpg);
  background-repeat: no-repeat;
  color: #000;
  height: 141px;
}

#nav-head {
  color: #fff;
}

#nav-head li {
  color: #fff;
}

#nav-head li a:link,
#nav-head li a:visited {
  color: #fff;
  text-decoration: none;
}

#nav-head li a:hover,
#nav-head li a:active {
  color: #ccc;
  text-decoration: underline;
}


/* ----- TOP NAVIGATION ----- */
#topnav {
  background: #630063 url(/images/template/masthead-tile.gif);
  background-repeat: repeat;
}

#topnav p {
  background: transparent none;
  color: #fff;
} 

#topnav a:link,
#topnav a:visited {
  color: #fff;
  text-decoration: none;
}

#topnav a:hover,
#topnav a:active {
  color: #ccc;
  text-decoration: none;
}

#topnavsp {
  background: #630063 url(/images/template/masthead-tile.gif);
  background-repeat: repeat;
}

#topnavsp p {
  background: transparent none;
  color: #fff;
} 

#topnavsp a:link,
#topnavsp a:visited {
  color: #fff;
  text-decoration: none;
}

#topnavsp a:hover,
#topnavsp a:active {
  color: #ccc;
  text-decoration: none;
}

/* ----- MAIN ----- */

#main { background: #fff none; }

/* ----- BODY ----- */
#body {
  background: #fff none;
  color: #000;
}

/* ----- RIGHT ----- */
#right {
  background: #fff none;
  color: #000;
}

/* ----- LEFT ----- */
#left {
  background: #fff none;
  color: #330033;
}

#left form input { border: 1px solid #000; }

#left form button {
  background: transparent none;
  border: 0;
  color: #000;
}
.menu a:visited {
  color: #3333CC;
}
/* ----- FOOT ----- */
#foot {
  background: transparent none; 
  font-size: 10px;
  color: #000;
}

/* ===== CLASSES ===== */