body {
  font-family: "Myriad Pro", Verdana, Arial, sans-serif;
  /*font-size: 62.5%;*/   /*The font size here is set to 62.5% so that 1em = 10px.*/
              /*This makes adjusting our typography a little easier*/
  
  
  line-height: 1.2em;
  background-image: url(../images/mull_bg.jpg);
  background-repeat: repeat;
  margin: 0px 0 0 0;
  padding: 0;
}
#wrapper {
  width: 855px;
  margin: 0px auto 0px auto;
}
#header {
  font-family: AlexandriaFLF, Courier, sans-serif;
  text-align: center;
  margin: 0 auto;
  }

#header h1{
font-size: 45px;
line-height: 50px;  /*need this for proper display in IE*/
}

#header h2{
font-size: 25px;
}

/*  I don't think I need these anymore. Yes you do.
The settings for the topline keep the nav boxes at the same
spot during rollover */
#topline{margin: 40px 0 0px 0;}
#bottomline{margin: 0;padding: 10px 0 0px 0;}



#footer {
  text-align: center;
  width: 855px;
  margin: 50px 0 30px 0;
  padding-top: 50px;
  font-size: .9em;
}

#footernav{
  padding: 0;
  font-size: .9em;
}

#footernav li {
  display: inline;
  list-style-type: none;
  margin: 0 0 0 0px;
}


/*coding for internal pages such as About, Services, etc.*/
#main{
clear: both;
margin: 0 0px 0 0px;
padding: 0 5px 0 5px;
width: 845px;
}


/*sidebar */
#sidebar{
  width: 250px;
  margin: 0px 0px 50px 0px;
  padding: 0px 5px 0px 5px;
  float: left;
  text-align: left;
  border-top: solid #cccccc 1px;
  border-left: solid #cccccc 1px;
}

#sidebar h1, h2, h3{
  font-family: "Adobe Garamond Pro", "Times New Roman", serif;
  color:#666;
}

#sidebar h1{
  font-size: 1.8em;
  line-height: 1em;
  margin: 20px 5px 0px 5px;
}

#sidebar h2{
  font-size: 1.5em;
  line-height: 2em;
  margin: 5px 5px 0px 5px;
}

#sidebar h3{
  font-family:"Myriad Pro", Verdana, Arial, sans-serif;
  font-weight:bold;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 5px 5px 0px 5px;
}

#sidebar p, #sidebar li{
font-family: "Myriad Pro", Verdana, Arial, sans-serif;
color: #000;
font-size: .9em;
  line-height: 1em;
    list-style: none;
margin: 0px 5px 2px -20px;

}


.shortlist {
  margin-top: 0px;
}

.shortlist li{
font-family: "Myriad Pro", Verdana, Arial, sans-serif;
color: #000;
font-size: 1.0em;
  line-height: 10px;
  list-style: none;
  margin: 0px 0px 10px -20px;
}


/*content */
#content{
width: 520px;
margin: 0px 10px 50px 0px;
padding: 0px 20px 0px 10px;
float: right;
background-color: #fdfdfd;
text-align: left;
border-top: solid #cccccc 1px;
border-left: solid #cccccc 1px;
}

#content h1, h2, h3{
  font-family: "Adobe Garamond Pro", "Times New Roman", serif;
  color:#666;
}

#content h1{
  font-size: 2em;
  line-height: 1em;
  margin: 20px 5px 0px 5px;
}

#content h2{
  font-size: 1.6em;
  line-height: 2em;
  margin: 5px 5px 0px 5px;
}

#content h3{
  font-family:"Myriad Pro", Verdana, Arial, sans-serif;
  font-weight:bold;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 5px 5px 0px 5px;
}

#content p{
font-family: "Myriad Pro", Verdana, Arial, sans-serif;
color: #000;
font-size: 1em;
  line-height: 1.2em;
    list-style: none;
margin: 10px 5px 2px 5px;
}

.thumbnail{
width: 120px;
float: right;
padding: 0px 0px 0px 5px;
margin: 0 0 0 5px;
}

/* pseudo classes 
Text color: 000000
Link (unvisited) color:  underline in 33CCFF (twitter blue)
Link visited color: underline in CC6633
Link hover color: underline in 666666

*/

#sidebar a, #content a {
  color: #33ccff;  /*twitter blue*/
  text-decoration: none;
  font-weight: bold;
}
#sidebar a:visited, #content a:visited{
    color: #cc6633;  /*burnt orange*/
  /*text-decoration: none;*/
  font-weight: bold;
}
#sidebar a:hover, #content a:hover{
    color: #666666;  /*gray*/
  text-decoration: none;
  font-weight: bold;
}

#header a, #header a:visited, #header a:hover{
color: #ffffff; 
}

.thumbnail a:visited{
color: #ffffff; 
}

img {
border: 0;
}



/*
characters
///////////////*/
#tagline{
  width: 650px;
  margin: 10px auto;

  color:  #006C91;
  font-size: 1.1em;
  text-align: left;
}

.tagline2{
  float: right;
  font-style:italic;
  font-size: 1.2em;
  line-height: 1.2em;
  color: #000;
}


strong{
color: #666;  
}