/* CSS Document */
body { margin:0; background-color:#F2D5B7}
#container { width: 792px; margin:0 auto; background-color:#C5AD96;}
#header { width: 792px; height:220px; background-image:url(images/banner_1.jpg); background-repeat:no-repeat;}
#header1 { width: 792px; height:220px; background-image:url(images/banner_1.jpg); background-repeat:no-repeat;}
#header2 { width: 792px; height:220px; background-image:url(images/banner_2.jpg); background-repeat:no-repeat;}
#header3 { width: 792px; height:220px; background-image:url(images/banner_3.jpg); background-repeat:no-repeat;}
#header4 { width: 792px; height:220px; background-image:url(images/banner_4.jpg); background-repeat:no-repeat;}
#teaser { padding-left:605px; padding-top:70px; width:120px; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:15px;}
#teaser a:link { color:#057492;}
#teaser a:visited { color:#057492;}
#teaser a:hover { color:#333333;}
.videotitle { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight:bold;}


/* This is the section for the buttons and content */
#content { margin:0 auto; width:649px; background-color:#FFFFFF;}
#nav { background-color:#8A5B2D; font-family:Arial, Helvetica, sans-serif; color:#CDE3E9; font-size:11px; padding:10px; text-align:center;}
#nav a:link { color:#ffffff; text-decoration:none;}
#nav a:visited { color:#ffffff; text-decoration:none;}
#nav a:hover { color:#FFCC00; text-decoration:none;}

/* This is where the main content goes.*/
#main_content { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:20px; padding-left:30px; padding-right:30px;}
#main_photo { margin: 0px 20px 20px 0px;}
#bio { height:270px;}

/* This is the floater section*/
#floater { float:right; margin: 20px 0px 20px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#CDE3E9; border:thin solid #000000; width:200px; padding:10px; line-height:20px;}


/* this is the footer section*/
#foot { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:center; margin:10px; border-top:solid thin #000000; padding-top:10px;}
.headline { color:#057492;}

/* This is the setup for photos photo 1 is photos on the right and two is the left.*/
#photo1 { padding-left: 20px; padding-bottom:20px;}
#photo2 { padding-right: 20px; padding-bottom:20px;}

/* This section is for the special classes that I created for the different pages. I have named the class according to the page. */