/* Pretty Stuff
================================== */



body {
  font: 62.5%/1.6 Arial, Verdana, sans-serif;
  background-color:#ccc8b8;
}

h1 {
  font-size: 2.2em;
  font-weight: normal;
border-bottom:1px solid #c30;
}

h2 {
  font-size: 1.8em;
  font-weight: normal;
}

h3 {
  font-size: 1.6em;
  font-weight: normal;
}

h1, h2, h3 {
color:#cc3300;
}

p, li {
  font-size: 1.4em;
}

p {
  margin: 1em 0;
}


a {
color:#D86C40;
}

#branding {

/* min-height:50px; */
/* _height: 50px; */
background-color: #eeece0;
/* padding: 20px; */
}



#branding h1 {
border:0;
/* margin-top:20px; */
/* background:url(../images/logo.gif) no-repeat; */
width:250px;
height:5px;
position:relative;
text-indent:-5000px;
}

#branding h2 {
/* border-top:2px solid #000; */
/* background:url(../images/motto2.gif) no-repeat 250px top; */
position:relative;
text-indent:-5000px;
height:45px;
padding-left: 250 px;
}

.pad h2 {
font-size: 200%;
font-weight: bold;
}

.pad h4 {
font-size: 140%;
font-style: italic;
color:#cc3300;
}

#wrapper {
background-color: #eeece0;
border:1px solid #999999;
}



#mainNav ul {
  list-style: none;
}

#footer {
  background-color:#b7b29d;
  padding: 1px 20px;
}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  width: 900px; 
  margin: 0 auto; 
  text-align: left; 
}


#content {
margin:20px 0;
border-left:1px solid #999; 
  width: 640px;
  float: right; 
}

#mainNav { 
  width: 220px; 
  float: left; 
} 

#footer { 
  clear: both; 
} 

#resources { 
  clear: both; 
}

/* Add some padding 
================================== */

#mainNav {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNav ul{
  padding-left: 20px;
  
}


/* Top menu */

#topNav {
position:absolute;
right:20px;
top:10px;

}

#topNav ul li {
list-style:none;
}

#topNav ul li {
float:left;
}

#topNav ul li a{
text-decoration:none;
color:#000;
font-weight:bold;
display:block;
padding:5px 10px;
border-right:1px solid #CC3300;

}

#topNav ul li a.last {
border:0;
}


#topNav ul li a:hover {
color:#CC3300;
}

body#index #topNav a.home, body#what #topNav a.what, body#when #topNav a.when, body#where #topNav a.where, body#why #topNav a.why, body#who #topNav a.who, body#blog #topNav a.blog
{
color:#CC3300;
}





#topNav ul li {
float:left;
}

#vis {
min-height:283px;
_height:283px;
background-color:#ffffff;  /* was: #dbc4a1 */
background-image: url(../images/memo-logo-2-big.jpg);
background-repeat: no-repeat;
background-position: 0px 5px; /* was: left bottom; */
margin-left:20px;
margin-right:20px;
border:1px solid #bbbaac;
font-size: 95%;
}


#vis p {
margin-left:270px;
margin-right:20px;
font-size:1.8em;
/*font-weight:bold;*/
color:#993300;
}

#vis-lower {
min-height: 88px;
_height: 88px;
background-image: url(../images/RS_350_logo_greyback-168x70.gif);
background-repeat: no-repeat;
background-position: right bottom;
text-align: right;
margin-top: -30px;
margin-right: 20px;
margin-bottom: 20px;

}

#content .pad {
padding:20px;
}

#mainNav .pad {
padding-left:20px;
}


label {
margin-top:10px;
font-weight:bold;
color:#0066CC;
font-size:1.3em;
display:block;
}

form .abbr {
font-weight:bold;
color:#999;
}

#resources {
background-color:#e4e1cf;
}

#resources div.col{
float:left;
padding:20px;
}



#resources div.left {
border-right:1px solid #999;
width:220px
}

#resources div.right {
width:580px
}

#resources {
border-top:1px solid #999;
padding:10px 0;
}

#resources h1 {
margin-bottom:30px;
}

#resources ul li {
list-style-type:disc;
color:#b7b29d;
margin-left:30px;
}

#resources ul.btn {
margin-top:50px;
}

#resources ul.btn li {
float:left;
list-style:none;
margin-bottom:5px;
}

#resources ul.btn li a {
display:block;
width:113px;
height:28px;
text-indent:-5000px;
}


#resources ul.btn li a.donate {
background:url(/images/donate_btn.gif) no-repeat;
}

#resources ul.btn li a.press {
background:url(/images/press_btn.gif) no-repeat;
}

#resources ul.btn li a:hover {
background-position:0 -28px;
}
div.clear {
clear:both
}