/* Layout stylesheet */

body {
  font-size: 100.01%; /* [1] */
}
#col-a {
  float: left;
  width: 100%;
}
#col-a[id] { /* [2] */
  margin-left: -1px;
}
#col-b {
  float: left;
  margin-left: -199px;
  z-index: 10; /* [3] */
}
#col-b[id] { /* [2] */
  margin-right: 1px;
}
#col-c {
  float: right;
  margin-right: -12em;
  z-index: 11; /* [3] */
 }
#col-c[id] { /* [2] */
  margin-left: 1px;
 }
.show-all #columns {
  padding: 0 12em 0 205px;
}
.hide-left #columns {
  padding: 0 12em 0 0;
}
.hide-right #columns {
  padding: 0 0 0 12em;
}
.cols-wrapper {
  width: 100%;
}
.cols-wrapper[class] {
  padding-bottom: 0.1px; /* [4] */
}
.float-wrapper {
  float: left;
  width: 100%;
  position: relative;
  z-index: 0;
}
.float-wrapper[class] { /* [2] */
  margin-right: -1px;
}
.sidecol {
  position: relative;
  width: 12em;
  overflow: hidden;
}
.box,
.main-content {
  margin: 0 1em;
}
.adside {
  position:absolute;
  left: -160px;
  top: 5px;
  width: 120px;
}
.adimg {
  position:absolute;
  left: -200px;
  top: 35px;
  width: 80px;
}
.midnavimg {
  position:absolute;
  left: 70px;
  width: 50px;
}
.midnav {
  position:absolute;
  left:90px;
  width: 336px;
}
.clear {
  clear: both;
}
.none {
  display: none;
}

/*
  [1] Play nice with EMs in Opera 6 and IE Win.
  [2] Support for Mozilla, but IE doesn't likes it.
  [3] Z indices needed for link clickability in IE Mac and Opera 6.
  [4] Mozilla needs a non zero value, seems to be a bug.
*/

/* Presentation stylesheet */

/* IDs */
#main {
  border: 1px solid #EFEFEF;
  min-width: 50em;
  max-width: 850px;
  width: 850px;
  margin: 0 auto;
}
#header {
  height: 124px;
  background-image:url('/header.jpg');padding-left:1em; padding-right:1em; padding-top:1.5em; padding-bottom:1.5em
}
#header .title {
  margin: 0;
  padding: 0;
}
#footer {
  padding: 1.5em;
  border-top: 2px solid #000000;
}
#footer p {
  margin: 0;
  text-align: center;
}
#header {
  border-bottom: 2px solid #000000;
}

/* backgrounds */
#header {
  background-color: #ca0e00;
}
.cols-wrapper {
  background-color: white;
}
#main {
  background: #ca0e00;
  border-top: 1px dotted #ffeecc;
  border-bottom: 1px dotted #ffdd99;
}

/* classes */
.box {
  margin: .5em;
  background: #ca0e00;
}
.main-content {
  margin: 1em;
  margin-top: 26em;
}
.cols-wrapper {
  border: 1px;
  margin: 0 -1px;
}
.hide-left .cols-wrapper {
  border-left: none;
  margin-left: 0;
}
.hide-right .cols-wrapper {
  border-right: none;
  margin-right: 0;
}
.hide-both .cols-wrapper {
  border-style: none none dotted none;
  margin: 0;
}
.box {
  font-size: 92%;
  line-height: 1.18em;
}
#footer {
  color: #333;
  background: #FFFFFF;
}
.sidecol {
  color: #333;
}
.sidecol ul {
  padding: 0 0 1.5em;
}

/* dom-tree */
.dom-tree {
  padding: 0 0 0 1.5em;
  color: #999;
}
.dom-tree code {
  font-weight: bold;
}
.dom-tree ul ul ul  {
  list-style: disc;
}
.dom-tree ul ul ul ul  {
  list-style: circle;
}
.dom-tree ul ul ul ul ul {
  list-style: square;
}
.dom-tree dl,
.dom-tree dt,
.dom-tree dd {
  color: black;
  margin: 0;
  padding: 0;
  display: inline; /* IE 5.x doesn't like this */
}
.dom-tree dd {
  font-style: italic;
}

/* Style properties for HTML elements based on the HTML 4.01 Specification.
   <http://www.w3.org/TR/html401/cover.html#toc>

   Blank version of this stylesheet:
   <http://www.webproducer.at/lab/elements.css>
*/

/* Section 7.5: The document body */
body {
  margin: 1.8em;
  padding: 1em;
  min-width: 50em;
  font-size: 75.01%; /* 12px [1] */
  line-height: 1.5em; /* 18px [2] */
  background: #ccc;
  color: black;
  font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", sans-serif;
}
h1 {
  font-size: 3.0em; /* 36px */
  line-height: 2.66em; /* 48px */
  margin: 1.78em 0; /* 32px 0 */
}
h2 {
  font-size: 1.25em; /* 15px */
  line-height: 1.4em; /* 21px  */
  margin: 1.07em 0; /* 16px 0 */
}
h3 {
  font-size: 1em; /* 12px */
  font-style: italic;
  margin: 1.33em 0; /* 16px 0 */
}
h4, h5, h6 {
  font-size: .75em; /* 9px */
  line-height: 2em; /* 18px */
  margin: 1.56em 0; /* 14px 0 */
}
h4 {
  text-transform: uppercase;
}
h5 {}
h6 {
  font-style: italic;
}
address {}

/* Section 9: Text */
/* 9.2: Structured text */
em {}
strong {}
dfn {}
code {
  font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
}
samp {}
kbd {}
var {}
cite {}
abbr {}
acronym {}
blockquote {}
q {}
sub {}
sup {}
/* End of 9.2 */
p {}
pre {
  font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
}
ins {}
del {}

/* Section 10: Lists */
ul {
  margin: 1em 0;
  padding: 0 0 0 2.5em;
}
ul ul {
  margin: 0;
  padding: 0 0 0 1.25em;
}
ol {
  margin: 1em;
  padding: 0 2em;
}
ol ol {
  margin: 0;
}
li {
  margin: 0;
  padding: 0;
}
dl {}
dt {}
dd {}

/* Section 11: Tables */
table {}
caption {}
thead {}
tfoot {}
tbody {}
colgroup {}
col {}
tr {}
th {}
td {}

/* Section 12.2:  The A element */
a {
	text-decoration: none;
}
a:link {
	color: #336699;
}
a:visited {
	color: #6699cc;
}
a:link:hover {
	color: #8cb2d9;
} /* [4] */
a:active {
	color: #8cb2d9;
}

#header a:link {
	color: #fff;
}
#header a:visited {
	color: #fff;
}
#header a:link:hover {
	color: #fff;
} 
#header a:active {
	color: #fff;
}

#footer a:link {
	color: #333333;
}
#footer a:visited {
	color: #333333;
}
#footer a:link:hover {
	color: #333333;
}
#footer a:active {
	color: #333333;
}

.box a:link {
	color: #FFFFFF;
}
.box a:visited {
	color: #FFFFFF;
}
.box a:link:hover {
	color: #FFFFFF;
}
.box a:active {
	color: #FFFFFF;
}




/* Section 13: Objects, Images, and Applets */
img {}
object {}
applet {}

/* Section 15: Alignment, font styles, and horizontal rules */
/* 15.2: Fonts "[...] their use is discouraged in favor of style sheets." */
tt {}
i {}
b {}
big {}
small {}
/* End of 15.2 */
hr {}

/* Section 16: Frames */
iframe {}

/* Section 17: Forms */
form {}
input {}
input:focus {}
button {}
button:focus {}
select {}
select:focus {}
optgroup {}
option {}
textarea {}
textarea:focus {}
label {}
fieldset {}
legend {}

/*
  [1] All calculations are based on the assumption that 1em is 12px.
  [2] If you specify a font-size, also consider to specify a line-height property.
  [3] If you don't specify something other than monospace, mozilla will calculate
      its own font-size based on the user preferences.
  [4] "... prevents hover styles from being applied to non-hyperlink anchors."
      <http://devedge.netscape.com/viewsource/2003/arbitrary-hover/>
*/


/* MENU LINKS */
.links {
	position: absolute;
	top: 360px;
	left: -199px;
	width: 180px;
}
.links ul {
	width: 180px;
	list-style-type: none;
	padding: 0px;
}
.links li {
	padding-top: 15px;
        display: block;
        nowrap: true;
	text-align: center;
}
.links li a {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	font-size: 16px;
}

.links li a:hover{
	color: White;
	text-decoration: none;
}
.links li a:visited{
        color: White;
        text-decoration: underline;
}