/* HTML element styles */

body {
	background-color: #343A54;
	background-image: url();
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:30px;
}

h1 {
  font-size: 35px;
  margin:-10px 5px;
  color: #613430;
}

h2 {
  font-size: 16px;
  color: #365470;
}


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color: #2B2B2B;
	
}

a {
	text-decoration: none;
	font-weight: bold;
}


a:link {color: #613430;}
a:visited {color: #613430;}
a:hover {color: #613430;}
a:active {color: #613430;}



/* Custom classes */
.content {
	background-image: url(images/background-photo.jpg);
	background-color: #FFFFFF;
	border: 1px solid #333333;
    /*  The background image is 800x600, but we want  inner padding, 
        so subtract px for top/bottom and left/right from image dimensions.
        Otherwise background will repeat.    */	
    padding:0px 30px 10px 30px;    
    width:740px;
	height:500px;
	margin-left: auto;
    margin-right: auto;
}

#innercontent {
    float:left;
    width:500px;
}

p.tagline {
    color:#000000;
    font-size:1.2em;
    margin-bottom:0px;
}

img.withborder {
    border: 1px solid #C1C1C1;
    padding:5px;
}


#nav ul  {
    list-style: none;
    float:right;
    width:150px;
    
}

#nav ul li {
   margin-bottom:10px;
    
}