/* resets */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

div:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

/* fonts */

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

/* uhcc */
A {
 text-decoration: none;
 color: #800000;
}
A:hover {
 text-decoration: underline;
 color: #800000;
}
strong {
 font-weight: bold;
}
em {
  font-style: italic;
}

h1 {
  font-size: 120%;
  font-weight: bold;
}

h2 {
  font-size: 110%;
  font-weight: bold;
}

h3 {
  font-size: 100%;
  font-weight: bold;
}

#content ul, #content_2 ul, #content_3 ul {
  list-style-type: disc;
  padding-left: 20px;
  list-style-position: inside;
}
#content_4 ul {
  list-style-type: disc;
  padding-left: 20px;
  list-style-position: inside;
}

body {
 font-size: 90%;
 background-color: #924914;
 background-image: url(../img/background.jpg);
 background-repeat: repeat-x;
 margin: 0px;
 text-align: center;
}

table#container {
 /*width: 1166px;*/
 width: 1128px;
 margin: 0px auto;
 height: 100%;
}

table#container td {
 vertical-align: top;
}


table#all {
 width: 846px;
 margin: 0px auto;
 height: 100%;
}

table#all td {
 vertical-align: top;
}

.clearthis {
 clear: both;
}

.topbar {
 background-image: url(../img/topbar.gif);
 height: 120px;
 background-repeat: none;
 background-position: center top;
}

.tilecontent {
 background-image: url(../img/tile_content.gif);
 background-repeat: repeat-y;
 background-position: center top;
}
.tilecontentsomos {
 background-image: url(../img/somosmiddle.jpg);
 background-repeat: repeat-y;
 background-position: center top;
}

.bottombar {
 background-image: url(../img/bottombar.gif);
 height: 120px;
 background-repeat: none;
 background-position: center top;
}
.bottombarsomos {
 background-image: url(../img/somosbottom.jpg);
 height: 120px;
 background-repeat: none;
 background-position: center top;
}

body#elj {
 background-color: #4b3600;
}
.mainContent {
 background-color: #4b3600;
}

#flashholder {
 text-align: center;
}

#flashholder embed {
 margin: 0px auto;
}

.homediv {
 background-image: url(../img/splash2.gif);
 width: 736px;
 background-position: center top;
 height: 263px;
 background-repeat: no-repeat;
 text-align: center;
}

.homediv .columns {
 margin: 0px auto;
}

table#all .homediv .columns .left {
 background-image: url(../img/redleft.gif);
 width: 211px;
 background-position: center right;
 background-repeat: no-repeat;
 vertical-align: middle;
}

.homediv .columns .left div#content {
 padding: 20px;
 text-align: center;
}

table#all .homediv .columns .center {
 background-image: url(../img/redcenter.gif);
 width: 248px;
 background-position: center center;
 background-repeat: no-repeat;
 vertical-align: middle;
}

.homediv .columns .center div#content_2 {
 padding: 20px 30px;
 text-align: center;
}
div#content_4 {
 padding: 20px 30px;
 text-align: center;
}

table#all .homediv .columns .right {
 background-image: url(../img/redright.gif);
 width: 235px;
 background-position: center left;
 background-repeat: no-repeat;
 vertical-align: middle;
}

.homediv .columns .right div#content_3 {
 padding: 20px;
 text-align: center;
}

#disclaimer {
 color: White;
 text-align: center;
 font-size: 85%;
}

.leftGraphic {
 width: 55px;
 background-image: url(../img/leftTrailer.jpg);
}

.rightGraphic {
 width: 53px;
 background-image: url(../img/rightTrailer.jpg);
}

.trailer {
 background-image: url(../img/trailer.jpg);
}

body.board .tilecontent td {
 font-size: 85%;
}

/* nav */

div#navtd {
/* 4c3700 */
 text-align: center;
 /* float: left; */
 position: relative;
 left: 50%;
}

ul#navtop 
{
  /* font-size: 85%; */
  font-size: 75%;
  text-transform: uppercase;
float: left;
position: relative;
/* left: -50%; */
left: -45%;
}

ul#navtop li 
{
float: left;
position: relative; 
          z-index: 1;
}

ul#navtop li a 
{
color: #fceb8e;
       font-weight: bold;
       text-decoration: none;
display: block;
padding: 10px 17px;
}

ul#navtop a:hover, 
  ul#navtop li.selected li a:hover, 
  ul#navtop li.selected a, 
  ul#navtop li.selected li.selected a
{
color: White;
}

ul#navtop li.selected li a 
{
color:  #fceb8e;
}

ul#navtop li ul 
{
width: 135px;
position: absolute;
          z-index: 2;
top: 30px;
left: 0px;
display: none;
background: transparent url(../img/dropdownbg.gif) bottom center no-repeat;
            text-align: left;
}
ul#navtop li ul.redraw
{
color: #ffffff;
}

ul#navtop li ul li 
{
float: none;
display: inline;  
position: relative;
          z-index: 2;
}

ul#navtop li ul li a 
{
display: block;
padding: 5px 17px;
position: relative;
          z-index: 1002;  
}

ul#navtop li ul li.last a 
{
  padding-bottom: 15px;
}

ul#navtop li:hover ul, ul#navtop li.over ul 
{
display: block;
}

/* home */
.homediv
{
  background-image: url(../img/splash2.gif);
width: 736px;
       background-position: center top;
height: 263px;
        background-repeat: no-repeat;
        text-align: center;
}

.homediv .columns
{
margin: 0px auto;
}

table#all .homediv .columns .left
{
  background-image: url(../img/redleft.gif);
width: 211px;
       background-position: center right;
       background-repeat: no-repeat;
       /*vertical-align: middle;*/
       vertical-align: top;
}

.homediv .columns .left div#content
{
width: 171px;
padding: 20px;
         text-align: center;
}

table#all .homediv .columns .center
{
  background-image: url(../img/redcenter.gif);
width: 248px;
       background-position: center center;
       background-repeat: no-repeat;
       /*vertical-align: middle;*/
       vertical-align: top;
}

.homediv .columns .center div#content_2
{
padding: 20px 30px;
         text-align: center;
}
div#content_4
{
padding: 20px 30px;
         text-align: center;
}

table#all .homediv .columns .right
{
  background-image: url(../img/redright.gif);
width: 235px;
       background-position: center left;
       background-repeat: no-repeat;
       /*vertical-align: middle;*/
       vertical-align: top;
}

.homediv .columns .right div#content_3
{
padding: 20px;
         text-align: center;
}

#disclaimer 
{
color: White;
       text-align: center;
       font-size: 85%;
padding: 5px 0px;
}


body#elj 
{
  background-color: #c93323;
}


/* admin stuff */
.admin {
 background-color: #cc3300;
}
.admin a {
 text-decoration: none;
 color: #ffff99;
}
.admin a:hover {
 text-decoration: underline;
 color: #ffff99;
}
.admin table {
 width: 95%;
 padding: 5px;
 margin-left: 5px;
}
.admin td {
 text-align: left;
 verticle-align: top;
 padding: 2px;
 color: #fff;
}

.text {
 margin-bottom: 5px;
 margin-right: 25px;
 text-align: left;
}
.datetime {
 margin-bottom: 5px;
 text-align: left;
}
.textarea {
 margin-bottom: 5px;
 text-align: left;
}
.lonelytextarea {
 margin-bottom: 5px;
}

/* board of directors and staff */
table.board {
  margin-bottom: 2px;
  margin-left: 10px;
  padding-right: 4px;
  line-height: 1.8;
  vertical-align: top;
  text-align: left;
  width: 90%
}

table.board td {
  padding-top: 0px;
  padding-bottom: 5px;
  padding-right: 4px;
  vertical-align: top;
}
/* tables */
table.admintable {
  margin-bottom: 2px;
  margin-left: 10px;
  padding-right: 4px;
  line-height: 1.8;
  vertical-align: top;
  text-align: left;
  width: 90%
}

table.admintable td {
  padding-right: 4px;
  line-height: 1.8;
  vertical-align: top;
}

/* admin forms */
form.adminform fieldset {
  margin-bottom: 10px;
}
form.adminform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.adminform label {
  display: inline-block;
           line-height: 1.8;
           vertical-align: top;
}
form.adminform fieldset ol {
margin: 0;
padding: 0;
}
form.adminform fieldset li {
  list-style: none;
padding: 5px;
margin: 0;
}
form.adminform fieldset fieldset {
border: none;
margin: 3px 0 0;
}
form.adminform fieldset fieldset legend {
padding: 0 0 5px;
         font-weight: normal;
}
form.adminform fieldset fieldset label {
display: block;
width: auto;
}
form.adminform em {
  font-weight: bold;
  font-style: normal;
color: #f00;
}
form.adminform label {
width: 120px; /* Width of labels */
}
form.adminform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/* more framework stuff */
table tr.altrow td {
	background: #993300;
}
/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.altrowuhcc {
	background: #f7e5a3;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

.convention img {
	width: 250px;
	position: absolute;
	top: 3px;
	right: 22px;
}