/* The style sheet for Solasis */

/* Be normal for margin, padding */

body, div, dl, t, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0 ; }

/* Be normal for font-size for headers */

h1, h2, h3, h4, h5, h6
{ font-size : 100%; }

/* Removes list-style from lists */
ol, ul
{ list-style : none; }

/* Be normal for font-style and font-weight */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes table borders from tables */
table
{ border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset, img
{ border : 0 }

/* Left-aligns text in caption and th */
caption, th
{ text-align : left; }

/* Removes quotation marks from q */
q:before, q:after
{ content : ''; }

html
{ height: 100%;
}

p
{ margin: 0 15px 0 15px;
  padding: 0px 0px 16px 0px;
  _padding: 0px 0px 8px 0px;
  font-size: 1.2em;
  font-weight: bold;
}

ul
{ margin: 0 15px 0px 15px;
  padding: 0px;
}

#thebeef ul
{ padding: 0px 0px 16px 0px;
}

ul li 
{ list-style-type: square;
  margin: 0px 0px 11px 0px;
  padding: 0px;
}

#thebeef ul li
{ margin: 0 0 0 20px;
  padding: 0px 0px 0px 16px;
  _padding: 0px 0px 0px 8px;
  font-size: 1.2em;
  font-weight: bold;
}

#solasis 
{ font-family: sans-serif;
  padding: 0px;
  margin: 0px;
  background: url(cloud3.png);
  font-size: .68em;
  color: #340000;
  background-color: #689acb;
}

#solname
{ font-variant: small-caps;
  font-size: 1.3em;
}

#shell
{ width: 740px;
  margin-left: auto;
  margin-right: auto;
  background: #340000;
  color: #413623;
}

#home
{ margin-left: auto;
  margin-right: auto;
  width: 720px;
  height: auto;
  padding: 0px;
  overflow: hidden;
}

#verticalmenu
{ width: 190px;
  float: right;
  padding: 16px 0px 15px 0px;
  _padding: 8px 0px 7.5px 0px;
  background: #a33305;
  font-family: arial, verdana, sans-serif;
}

#toplinks, #bottom, #tabs, #tabs li a
{ background: #ffffff url(menu2.png);
  color: #efd753;
  border-color: #fff391;
  font-weight: bold;
}

#toplinks, #bottom
{ margin-left: auto;
  margin-right: auto;
  padding: 10px 20px 0px 20px;
  _padding: 5px 10px 0px 10px;
  width: 700px;
  height: 26px;
  font-size: 100%;
  text-transform: uppercase;
}

#toplinks a, #bottom a
{ background: transparent;
  color: #efd753;
  text-align: right;
}

#toplinks a:hover, #bottom a:hover
{ background: transparent;
  color: #ffa608;
  text-align: right;
}

#bottom
{ text-align: center;
  border-top: 3px solid #340000;
}

#bottom a: hover 
{ text-decoration: underline;
}

#banner
{ background: transparent url(dlionback.jpg) no-repeat;
  color: #734713;
  margin-left: auto;
  margin-right: auto;
  width: 720px;
  height: 250px;
  text-align: left;
  border-bottom: 3px solid #340000; 
}

#banner h1
{ background: transparent url(solasis6.png) no-repeat;
  background-position: 95% bottom;
  color: #ffffff;
  font-family: arial, sans-serif;
  margin: 0;
  height: 180px;
  text-indent: -9999px;
  padding: 41px 0px 0px 30px;
  _padding: 20.5px 0px 0px 15px;
}

#banner h2
{ background: transparent;
  color: #340000;
  font-family: arial, sans-serif;
  margin: 0 0 0 10px;
  padding: 0px 0px 0px 19px;
  _padding: 10px 0px 0px 19px;
  font-size: 180%;
}

#thebeef
{ text-align: left;
  width: 518px;
  float: left;
  padding: 12px 0 15px 0;
  _padding: 6px 0px 7.5px 0px;
  height: 100%;
  background: #ffffc0;
  color: #826b46;
}

#thebeef h1, h2
{ background: transparent;
  padding: 6px 0px 4px 0px;
  -padding: 3px 0px 2px 0px;
  color: #a54500;
  font-family: arial, sans-serif;
}

#thebeef h1
{ font-size: 180%;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0px 15px 12px 15px;
  border-bottom: 1px solid;
  border-color: #a54500;
}

#thebeef h2
{ font-size: 150%;
  margin: 0px 15px 4px 15px;
  font-weight: bold;
}

#tabs
{ height: 42px;
  width: 720 px;
  margin-left: auto;
  margin-right: auto;
}

#tabs ul
{ margin: 0px auto;
}

#tabs li
{ float: left;
  margin: 0px;
  padding: 0px;
}

#tabs li a
{ display: block;
  float: left;
  height: 37px;
  text-decoration: none;
  padding: 3px 19px 2px 19px;
  -padding: 1.5px 9.5px 1px 9.5px;
  font-size: 120%;
  text-transform: uppercase;
}

#tabs li a:hover
{ background: #ffffff url(menu_hover.png);
  color: #734713;
  font-weight: bold;
} 

#tabs li a#selected, #tabs li a#selected:hover
{ background: #ffffff url(menu_selected.png);
  color: #734713;
  font-weight: bold;
} 

#thebeef a, #thebeef a:hover
{ background: transparent;
  color: #826b46;
  padding: 0px 0px 2px 0px;
  -padding: 0px 0px 1px 0px;
}

#thebeef a:hover
{ color: #340000;
}

#verticalmenu h1
{ background: #ffffff url(link3.png);
  color: #734713;
  text-align: left;
  font-weight: bold;
  font-size: 130%;
  width: 190px;
  float: left;
  padding: 5px 10px 3px 10px;
  _padding: 2.5px 5px 1.5px 5px;
  margin: 10px 0px 15px 0px;
  text-transform: uppercase;
}

#verticalmenu h2
{ background: #ffffff url(topic.png);
  color: #734713;
  text-align: left;
  font-size: 130%;
  width: 190px;
  float: left;
  padding: 5px 10px 3px 10px;
  _padding: 2.5px 5px 1.5px 5px;
  margin: 10px 0px 15px 0px;
}

#verticalmenu p
{ line-height: 14px;
  color: #d49d18;
  padding: 0px 0px 14px 0px;
  _padding: 0px 0px 7px 0px;
  font-size: 1.2em;
  font-family: sans-serif;
}

#verticalmenu a
{ color: #d49d18;
}

#verticalmenu a:hover
{ color: #340000;
}

#verticalmenu ul
{ margin: 0px auto;
  font-size: 1.2em;
  font-family: sans-serif;
}

#verticalmenu li
{ margin: 0px;
  padding: 0px 8px 2px 10px;
  _padding: 0px 4px 1px 5px;
  float: left;
  list-style: none;
  font-weight: bold;
}

#verticalmenu li a
{ color: #d69e18;
  float: left;
  margin: 0 0 4px 0;
  padding: 5px 10px 4px 10px;
  _padding: 2.5px 5px 2px 5px;
  height: 16px;
  width: 170px;
  border: 0px;
} 

#verticalmenu li a:hover
{ color: #340000;
  float: left;
  margin: 0 0px 4px 0px;
  padding: 5px 10px 4px 10px;
  _padding: 2.5px 5px 2px 5px;
  height: 16px;
  width: 170px;
  text-align: left;
  border-bottom: 1px solid;
  border: 0px;
}