body
{
  height:100%;	
  margin: 0px;
  padding:0px;
  background: url(../images/background.jpg) #CDDAE0 repeat-x;
  color:#333333;
  font-family:'Lucida Grande',sans-serif;
  font-size:0.75em;
  text-align: center;
}

#container
{
  margin:0 auto;
  width:800px;
  padding:10px;
  text-align: left;
}

#logo
{
  position:absolute;
  top:2px;
}

#googlesearch
{
  float: right; 
  margin: 0 20px 20px 0; 
  width: 420px;
  top:2px;
}

#header
{
  float:right;
}


h2
{
  font-size:1.7em;
  font-weight:bold;
  margin:0px;
  font-family:'Lucida Grande',sans-serif;
  color:#666;
  leter-spacing:-1px;
}

h1
{
  letter-spacing:-1px;
  font-weight:bold;
  font-family:helvetica,arial,sans-serif;
  font-size:1.9em;
  line-height:1.1em;
  margin:0;
  padding:0;
}
h3
{
  margin-bottom:0.5em;
  color:#333333;
  font-family:'Lucida Grande',sans-serif;
  font-weight:bold;
  font-size:1.2em;
}

a
{
  cursor:pointer;
  color:#0084b4;
  text-decoration:none;
}
a:hover
{
  text-decoration:underline
}
a img
{
  border:0px;
}


.wrapper
{
  background-color: #ffffff;
  width: 100%;
}

.round
{
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
}

.column
{
  padding:10px;
}

.shade
{
  border:1px #f0f0f0 solid;padding:8px;
  background-color:#fafafa;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
}

.spacer
{
  height:8px;
}

.spacertop
{
  height:43px;
}

.categories
{
  width:100%;
  font-size:14px;
  background-color:#EFFBFF;
  padding:3px;
  margin: 0 0 5px 0px;
}

.categories td{
  width:33%;
  background-color:#D8EFF7;
  padding:3px;
}

.categories .selected
{
  font-weight:bold;
  background-color:#81CFCA;
}

.categories .selected a
{
  color:#fff;
}


.inst
{
  font-size: 11px;
  color: #778899;
  line-height: 16px;
}

#inviteForm select, #browseForm select, .herdForm select
{
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  border:1px solid #aaa;
  display:block;
  font-size:13px;
  margin:0px;
  padding:2px;
  font-family:'Lucida Grande',sans-serif;
}

#signupButtonBig
{
  cursor:pointer;
  background:url(../images/signup.png) repeat-x #c2e455;
  width:150px;
  border:1px #99CC22 solid;
  color:#333333;
  text-shadow:0 1px 0 #DDFF66;
  font-size:18px;
  font-family:Helvetica,Arial,Sans-serif;
  font-weight:bold;
  padding:3px;
}

#inviteForm .textfield, #browseForm .textfield
{
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  border:1px solid #aaa;
  display:block;
  font-size:13px;
  margin:0px;
  padding:3px;
  width:200px;
  font-family:'Lucida Grande',sans-serif;
}

.profileForm .textfield, .herdForm .textfield
{
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  border:1px solid #aaa;
  display:block;
  font-size:13px;
  margin:0px;
  padding:5px;
  width:400px;
  font-family:'Lucida Grande',sans-serif;
}

.herdsList .desc
{
  padding-right:10px;
  width:350px;
}

.bigbold
{
  font-size:1.1em;
  font-weight:bold;
  font-spacing:-1px;
}

.category
{
  color:#aaa;
  font-weight:bold;
}

.distance, .simple
{
  font-weight:normal;
  color:#272727;
  font-family:verdana,arial,sans-serif;
  line-height:1.4em;
}

.pagelist
{
  margin:0px;
  padding:0px;
  display:inline-block;
  color:#666;
  font-weight:bold;
}

.pagelist .noborder
{
  border:0px;
}

.pagelist li
{
  display:inline-block;
  padding:3px;
  zoom:1;
  *display:inline;
  border:0px #ccc solid;
  margin:1px;
}

.pagelist .selected
{
  background-color:#ddeeff;
}

.sidebar .pagelist .selected
{
  background-color:#fff;
}
.pagelist a
{
  cursor:pointer;
  font-weight:bold;
}

.gray
{
  color:#888;
}

.zaList .desc
{
  padding-right:10px;
  width:350px;
}

#leftColumn 
{
  float: left; 
  margin: 0 20px 20px 0; 
  width: 620px;
}

#rightColumn 
{
  float: left; 
  width: 300px;
}