/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}


#wrapper {
  background-color: #503D1F;
}

#branding {
  height: 50px;
  background-color:#FFFFFF;
  padding: 20px;
}

#main-content {
  list-style: none;
  background-color:#FFFFFF;
}

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

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

body {
        text-align: center;
        min-width: 920px;
        color: #503D1F;
}

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


#photo-box {
        width: 325px;
        float: right;
        background-color: #503D1F;
        padding-top: 20px;
        padding-right: 15px;
        padding-bottom: 0px;
        padding-left: 0px;
}

#main-content { 
  width: 492px; 
        margin: 20px;
  padding: 20px;
  float: left; 
} 

#logo { 
  width: 159px; 
  float: left; 
}

#logo img{border:0;
}

#main-navigation-box {
        background: #fff url("images/nav_block.gif");
        background-repeat: no-repeat;
        background-position: top left;
        font-size:14px;
        width: 260px;
        margin-top: 15px;
        padding: 7px 5px 7px 43px;
        float: right;
        border: 1px solid #35c2de;
        color: #503D1F;
        text-align:left;
        font-family: "Century Gothic", "Myriad Web Pro", "Myriad Std", "Browallia New", "Gautami", san-serif;
}

#main-navigation-box a{color:#503D1F;
        padding:0 4px 0 4px;
        text-decoration:none;
        }
#main-navigation-box a:hover{color: #35c2de;
}

#main-navigation-box p
        {color:#503D1F;
        text-align:center;
        padding-right:25px;
        padding-top:12px;
        font-size:13px;
        }
#main-body-text-area { 
  width: 480px; 
  text-align: left;  
} 

#main-body-text-area div{
  margin-bottom: 8px;
}

h1 {font-size:20px; padding:5px 0 5px 0; color:#35c2de;
        font-weight:normal;
}

h2{color:#503D1F;
font-size:14px;
        padding:10px 0 5px 0;
        font-weight:normal;
}
ul {margin-left:40px;}

p {margin-bottom:7px;}

input {font-size: 10px; margin: 0 5px 0 5px;}


#bio-text-area p{
        width: 425px;
        text-align: left;
        background-color: #E8F6F9;
        margin-top: 10px;
        padding: 20px 30px 20px 30px;
}

.clearfloat{clear:both; margin:0;padding:0; }




#footer { 
  clear: both; 
} 

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

#main-content {
  padding-top: 20px;
  padding-bottom: 20px;
}

#main-content * {
/*  padding-left: 20px;
  padding-right: 20px;*/
}

#main-content * * {
  padding-left: 0;
  padding-right: 0;
}

#content * {
  padding-right: 20px;
}

#content * * {
  padding-right: 0;
}


/* Font Styling */
/* Main Body Text */

.body-text {
        font-family: "Century Gothic", "Myriad Web Pro", "Myriad Std", "Browallia New", "Gautami", san-serif;
        font-size: 12px;
        line-height: 18px;
        color: #000000;
        text-decoration: none;
        margin-top:10px;
}

.body-text a:link{
        color: #35C2DE;
        text-decoration: underline;
}

.body-text a:visited{
        color: #35C2DE;
        text-decoration: underline;
}

.body-text a:hover{
        color: #8D553E;
        text-decoration: underline;
}

/* Bio Body Text */

.bio-text {
        font-family: "Century Gothic", "Myriad Web Pro", "Myriad Std", "Browallia New", "Gautami", san-serif;
        font-size: 11px;
        line-height: 18px;
        color: #000000;
        text-decoration: none;
        font-style: italic;
}

.bio-text a:link{
        color: #35C2DE;
        text-decoration: underline;
}

.bio-text a:visited{
        color: #35C2DE;
        text-decoration: underline;
}

.bio-text a:hover{
        color: #8D553E;
        text-decoration: underline;
}


/* Small Footer text */

.footer-text {
        font-family: "Century Gothic", "Myriad Web Pro", "Myriad Std", "Browallia New", "Gautami", san-serif;
        font-size: 10px;
        line-height: 18px;
        color: #FFFFFF;
        text-decoration: none;
        margin-top: 20px;
}

.footer-text a:link{
        color: #E8F6F9;
        text-decoration: underline;
}

.footer-text a:visited{
        color: #E8F6F9;
        text-decoration: underline;
}

.footer-text a:hover{
        color: #FFFFFF;
        text-decoration: underline;
}

/* bottom navigation */

#bottomnav {width:580px;
        font-size:12px;
        color: #C8D5CB;
        text-align:center;
        font-family: "Century Gothic", "Myriad Web Pro", "Myriad Std", "Browallia New", "Gautami", san-serif;
}

#bottomnav a{color: #C8D5CB;
        padding:0 8px 0 8px;
        text-decoration:none;
}
#bottomnav a:hover{color: #35c2de;}