/* $Id: global.css 34 2005-10-20 12:08:53Z preagan $ */
/* Global Stylesheet */

/* Rosary Rally Style Sheet */

/* General Tags */
body *{
  margin:0;
  padding:0;
}
body{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin:0;
  padding:0;
  font-size:.8em;
  background:url(../images/site-bkgnd.gif) repeat-y left;
}
a{
  color:#990000;
}
a img{
  border:none;
}
p{
  margin:1em 0;
}
ul{
  margin: 10px 0;
}
li{
  margin: 0 0 0 20px;
}
h2{
  font-size:1.8em;
}
h3{
  font-size:1.4em;
  color:#3fa133;
}
h4{
  font-size:1.2em;
}
h5{
  font-size:1em;
}
h2,h3,h4,h5,h6{
  margin:1em 0;
}
.right{
  float:right;
  margin:0 0 0 10px;
}
.left{
  float:left;
  margin:0 10px 0 0;
}
a{
  outline:none;
}
/* General Layout Styles */
div#globalWrapper{
  width:760px;
}
div#leftCol{
  width:340px;
  text-align:left;
  float:left;
  padding:0 0 0 0;
}
div#leftCol p.links{
  margin: 20px 0 0 40px;
}
div#leftCol p.links img{
  margin: 0 10px 0 0;
}
div#mainCol{
  width:390px;
  text-align:left;
  float:left;
  padding:0 0 20px 20px;
}
#navUtil{
  width:400px;
  text-align:right;
  font-size:.8em;
  margin:0;
  padding:5px 0;
  text-align:right;
}
#navUtil li{
  display:inline;
  margin:0;
  padding:0;
}
#navUtil a{
  color:#000;
  margin:0 10px;
  background:url(../images/icon-bullet.gif) no-repeat left; 
  padding: 0 0 0 14px;
}
#nav{
  margin: 0 0 15px 0;
}
#nav ul{
  background:url(../images/nav-bkgnd.gif) no-repeat left;
  height:46px;
  width:360px;
  margin:0 0 0 -5px;
  padding:0 20px; 
}
#nav li{
  display:block;
  float:left;
  margin:0;
  padding:0;
}
#nav li a{
  display:block;
  height:30px;
  margin:8px 20px 0 0;
  text-indent:-1000em;
  overflow:hidden;
  text-decoration:none;
}
#nav-esp{
  margin: 0 0 10px 0;
}
#nav-esp ul{
  background:url(../images/nav-bkgnd.gif) no-repeat left;
  height:46px;
  width:370px;
  margin:0 0 0 -5px;
  padding:0 15px; 
}
#nav-esp li{
  display:block;
  float:left;
  margin:0;
  padding:0;
}
#nav-esp li a{
  display:block;
  height:30px;
  margin:8px 12px 0 0;
  text-indent:-1000em;
  overflow:hidden;
  text-decoration:none;
}
#nav li.about a{
  background: url(../images/nav-about.gif) no-repeat center;
  width:89px;
  margin-left:0;
}
#nav li.history a{
  background: url(../images/nav-history.gif) no-repeat center;
  width:42px;
}
#nav li.mountains a{
  background: url(../images/nav-mountains1.gif) no-repeat center;
  width:78px;
}
#nav li.press a{
  background:url(../images/nav-press.gif) no-repeat center;
  width:64px; 
}
#nav li.links a{
  background:url(../images/nav-links.gif) no-repeat center;
  width:28px;
  margin-right:0;
}
#nav-esp li.about-esp a{
  background: url(../images/nav-about-esp.gif) no-repeat center;
  width:124px;
  margin-left:0;
}
#nav-esp li.mountains-esp a{
  background: url(../images/nav-mountains-esp.gif) no-repeat center;
  width:80px;
}
#nav-esp li.press-esp a{
  background: url(../images/nav-press-esp.gif) no-repeat center;
  width:84px;
}
#nav-esp li.links-esp a{
  background: url(../images/nav-links-esp.gif) no-repeat center;
  width:45px;
  margin-right:0;
}
#subNav{
  width:150px;
  float:right;
  margin:20px 0 15px 15px;
}
#subNav ul{
  background-color:#dedede;
  margin:0;
}
#subNav li{
  list-style:none;
  margin:0;
  padding:5px 10px 5px 5px;
  border-bottom:1px solid #FFF;
}
#subNav a{
  color:#000;
  font-size:.85em;
  font-weight:bold;
  display:block;
  text-decoration:none;
  background:url(../images/icon-bullet.gif) no-repeat left; 
  padding: 0 0 0 14px;  
}

/* Home page */
div#homeInvite{
  color:#FFF;
  padding:0 0 10px 0;
}
div#homeInvite p,
div#homeInvite ul{
  margin:10px 20px;
}
h2.invited{
  background:url(../images/h2-invited.gif) no-repeat;
  text-indent:-1000em;
  overflow:hidden;
  width:390px;
  height:37px;
  margin:0;
}
h2.invited-esp{
  background:url(../images/h2-invited-esp.gif) no-repeat;
  text-indent:-1000em;
  overflow:hidden;
  width:390px;
  height:37px;
  margin:0;
}
h4.involved, h4.involved-esp, h4.contact{
  text-indent:-1000em;
  overflow:hidden;
  height:20px;
  margin:0 0 10px 0;
}
h4.contact-esp {
  text-indent:-1000em;
  overflow:hidden;
  height:40px;
  margin:0 0 10px 0;
}
h4.sponsors {
  text-indent:-1000em;
  overflow:hidden;
  height:17px;
  margin:0 0 10px 0;
}
h4.involved{
  background:url(../images/h4-involved.gif) no-repeat;
  width:88px;
}
h4.sponsors{
  background:url(../images/h4-sponsors.gif) no-repeat;
  width:74px;
}
h4.contact{
  background:url(../images/h4-contact.gif) no-repeat;
  width:65px;
  margin-top:10px;
}
h4.involved-esp{
  background:url(../images/h4-involved-esp.gif) no-repeat;
  width:88px;
}
h4.contact-esp{
  background:url(../images/h4-contact-esp.gif) no-repeat;
  width:110px;
  margin-top:10px;
}

div.contactInfo{
  width:150px;
  font-size:.85em;
  float:left;
  margin:20px 0 0 0;
}
div.informed{
  width:200px;
  font-size:.85em;  
  float:right;
  border:1px solid #cccccc;
  padding:10px ;
  margin:20px 0 0 10px;
}
div.homeContent{
clear:both;
padding-top:15px;
}
form{
  margin:0;
}
fieldset{
  border:none;
}
.row{
  clear:both;
  padding:0 0 0 0;
} 
.checkfield input{
  margin:0;
  padding:0;
  float:left;
}
.checkfield label{
  float:right;
  display:block;
  text-align:left;
  width:370px;  
  padding:0;
  margin:0;
  vertical-align:bottom;
}
.informed .checkfield label{
  width:180px;
}
.email label{
  display:block;
  margin:5px 0 0 0;
}

.shortRow {
  float:left;
  position:relative;
  margin: 0 15px 5px 0;
}
.shortRow label{
  display:block;
  margin: 5px 0 0 0;
}
.shortRow input{
  width: 70px;
}
.longRow input{
  width: 175px;
}

.button{
  margin: 5px 0 0 0;
}
.error ul{
  color:#cc0000;
  margin:0 0 10px 0;
  padding:5px 0 5px 20px;
  background-color: #fffbd0;
}
.error li{
  margin:0;
}

#pressDownloads, #videoClip {
  float:right;
}

#pressDownloads {
  width: 175px;
  }

#pressDownloads h3 {
  margin:0 0 10px 0;
}

#pressDownloads p.caption, #videoClip p.caption  {
  color: #666666;
  font-size: 0.9em;
}

#videoClip {
  background-color:#f3f3f3;
  width:150px;
  margin:0 0 10px 10px;
  padding:10px;
}

#schedule {
float:left;
position:relative;
}
#schedule div.row {
border-bottom:1px solid #ccc;
}
#schedule div.row div.time {
padding:10px;
width:50px;
float:left;
}
#schedule div.row div.event {
padding:10px;
width:250px;
float:right;
position:relative;
}