@import url(/css/reset.css);
@import url(/css/generic.css);
@import url(/css/wysiwyg.css);

/*
 * Site Layout Styles
 */

body {
  text-align: center;
  background:#000200 url(/img/bg2-50.jpg) center top fixed no-repeat;  /*000a01 */
}
body h1 {
  position: absolute;
  left: -9999px;
}
div#site-container {
  text-align: left;
  margin: 0 auto 2em auto;
  width: 960px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}

.highlight{
 color:#bb5e45 !important;
}

.highlight2{
  color:#7189c3;
}


span.hidden,
.hidden{
  position:absolute;
  visbility:hidden;
  margin-left:-99999em;
}

/*
 * Header
 */

div#site-container div#header {
  background: transparent;
  color:#ffffff;
  padding: 0px;
  position:relative;
  height:100px;
  margin:24px 0px 12px 0px;
  padding-bottom:12px;
}

div#site-container div#header div#logo{
  background:url(/img/logo.png) no-repeat;
  width:70px;
  height:76px;
  float:left;
  margin-right:24px;
  margin-bottom: 12px;
}
div#logo a{
 display:block;
 width:70px;
 height:76px;
}

div#logo a span{
  position:absolute;
  margin-left:-999999px;
}

div#textlogo{
  float:left;
  width:216px;
  height:77px;
}

div#site-container div#header div#datepanel{
  float:left;
  margin-left:12px;
  margin-top:53px;
  background:url(/img/date-bg.png) top left no-repeat;
  width:239px;
  height:22px;
  overflow:hidden;
}

div#datepanel div#clock{
  float:left;
  color:#8ee758;
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  height:22px;
  width:52px;
  w\idth:48px;
  padding:0 4px;
  overflow:hidden;
}

div#datepanel div#day{
 float:left;
 font-size:12px;
 font-weight:bold;
 line-height:18px;
 color:#8ee758 ;
 height:22px;
 width:176px;
 padding:1px;
 margin-left:5px;
 overflow:hidden;
}
div#colonia{
 float:right;
 margin-right:12px;
}

#header #topnav{
 width:100%;
 overflow:hidden;
 clear:both;
 float:none;
 margin-top:6px !important;
 background:url(/img/bgpng65.png) ;
 border:solid 1px #008800;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
}

 #topnav ul{
  list-style:none;
  margin:6px 0px;
  padding:0px;
 }

 #topnav ul.left li{
  float:left;
  margin-right:1%;
 }

 #topnav ul.right li{
  float:left;
  margin-left:1%;
 }

 #topnav ul li a{
  display:block;
  color:#F5F5DC;
  font-size:0.9em;
  font-weight:bold;
  padding:0px 3px;
 }

 #topnav ul.left{
  float:left;
  width:60%;
 }

 #topnav ul.right{
  float:right;
  text-align:right;
  width:39%;
  padding-right:0px;
  margin-right:0px;
 }

 #topnav ul.right li,
 #topnav ul.right li a{
  text-align:right;
  color:#00ff00;
 }

/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  color:#ffffff;
  padding-bottom:5px;
  width: 100%;
  min-height:400px;
  height:auto !important;
  height:400px;
}


/*
 * Left Column
 */

div#page-content div#left-column {
  background: #000000;
  float: left;
  width: 245px;
}


div#left-column p {
  padding: 12px;
}



/*
 * Centre Column
 */

div#page-content div#centre-column {
  background:url(/img/bgpng65.png) ;
  border:solid 1px #008800;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  float: left;
  padding:24px;
  width: 960px;
  w\idth: 910px;
  min-height:300px;
  height:auto !important;
  height:300px;
}

#centre-column p {
  text-shadow: 2px 2px 4px #000000;
}

div#centre-column a{
  color:#ffff00;
}

div#centre-column div,
div#centre-column p,
div#centre-column img{
 opacity:1 !important;
}

div#centre-column p {
  line-height:1.5em;
  padding-bottom:0.2em;
}

div#page-content div#centre-column div#page-title{
  /*background:url(/img/subpage-header-bg.gif) repeat-x;*/
  margin-bottom:24px;
}

div#page-title h2{
  font-size:2.25em;
  font-family:Times New Roman, Times, serif !important;
  text-transform:uppercase;
  margin:0em;
  color:#8EE758;
  border-color:#8EE758;
    text-shadow:2px 2px 4px #000000
}

div.col2{
 width:48%;
 float:left;
 margin-right:1%;
}

div.col4{
 width:30%;
 float:left;
 margin:12px;
}

.alpha{
 margin-left:0px;
}

.omega{
 margin-right:0px;
}

#content ul{
 list-style:none;
 margin:0px;
 padding:0px;
}

#content h2{
  color:yellow;
 border-bottom:solid 1px yellow;
}

div.tf{
 border:solid 1px #ffffff;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 padding:12px;
 margin:0 0 12px 12px;
}

/*
 * Footer
 */

div#site-container div#footer {
  width:100%;
  overflow:hidden;
  margin-top:1em;
  padding-top:1em;
  color:#ffffff;
}

div#footer  {
  text-shadow: 2px 2px 4px #000000;
}

#footer h5{
 font-size:1.1em;
 margin:0 0 12px 0;;
}

#footer div#fhrs{
  width:15%;
  float:left;
  border-right: solid 1px #ffffff;
  margin-right:12px;
  padding-right:12px;
  font-size:0.9em;
  line-height:1.3em;
  height:9em;
}

#footer div#faddress{
  width:20%;
  float:left;
  border-right:solid 1px #ffffff;
  margin-left:12px;
  padding-right:24px;
  font-size:0.9em;
  line-height:1.3em;
  height:9em;
}

#footer div#fcopy{
  width:50%;
  float:right;
  font-size:0.9em;
  line-height:1.3em;
  height:9em;
  text-align:right;
}

div.footer-panel ul.social{
  margin-top:10px;
}

a.social{
  padding-left:25px;
  height:22px;
  display:block;
  line-height:22px;
  margin-bottom:5px;
}

a#stumble{
  background:url(/img/social/stumble.gif) left no-repeat;
}

a#facebook{
  background:url(/img/social/facebook.gif) left no-repeat;
}

a#twitter{
  background:url(/img/social/twitter.gif) left no-repeat;
}

a#bebo{
  background:url(/img/social/bebo.gif) left no-repeat;
}


.alpha{
  margin-left:0px !important;
}

.omega{
  margin-right:0px !important;
}


#fancy_div form,
#sendtofriend form {
  margin:1em;
}
#fancy_div form div.optional,
#sendtofriend form  div.optional {
  margin:0.5em;
  overflow:hidden;
  width:100%;
}

#fancy_div form div.optional label,
#sendtofriend form  div.optional label{
  width:10em;
  text-align:right;
  float:left;
  color:#ffffff;
}
#fancy_div form div.optional input,
#sendtofriend form  div.optional input {
  float:left;
  margin-left:0.5em;
  border:solid 1px #cccccc;
}


#send-to-friend-response {
  color:#ffffff;
  text-align:left;
}

/**
* Impropmtu Messages
**/
.jpwarning .srf {
background-color:#eeeeee;
}
.jpfade {
background-color:#000000;
}
div.jp {
background-color:#7189c3;
padding:10px;
position:absolute;
width:300px;
}
div.jp .jpclose {
cursor:pointer;
float:right;
margin:-35px -10px 0 0;
}
div.jp .jpcontainer {
background-color:#1f1d1c;
padding:5px;
}
div.jp .jpmessage {
border:1px solid #ababab;
color:#ffffff;
padding:10px;
text-align:left;
}
div.jp .jpbuttons {
padding:5px 0 0;
text-align:center;
}

div.jp .jpbuttons button{
  background:url(/img/button-small.gif) no-repeat;
  width:58px;
  height:20px;
  text-align:left;
  padding-left:10px;
}
div.tb button {
margin:0 10px;
padding:3px 10px;
width:20px;
}



div.thirdcolumn {
  width:32%;
  float:left;
}

div.thirdcolumn ul li {
  margin-bottom:1em;
}