/* --- CSS Reset --- */

html, body, div, span, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, 
fieldset, form, label, legend {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* --- Overall Settings ---*/

body {
  background-color: #6699cc;
  font-family: sans-serif;
    
}

a:link {
  color: #ffffff;
}

a:visited {
  color: #000099;
}



/* --- Typography --- */


h1 {
  font-size: 34pt;
}

h2 {
  line-height: 28px;
  font-size: 16px;
}

h6 {
  line-height: 5px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
 
 }
 

.grid p {
  line-height: 16px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

.grid h1 {
  line-height: 32px;
  font-size: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.grid h2 {
  line-height: 32px;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.grid h3 {
  line-height: 12px;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.grid h4 {
  line-height: 32px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.grid h5 {
  line-height: 32px;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}

.grid h6 {
  line-height: 5px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
 
 }


/* --- Header --- */

.header {
  float: left;
  width: 800px;
}

.header-m1 {
  float: left;
  width: 10px;
}

.header-home {
  float: left;
  width: 73px;
  height:111px;
}

.header-right {
  float: left;
  width: 519px;
  background-color: #3399cc;
  height: 96px;
  padding: 14px;
  padding-bottom: 10px;
  line-height: 14px;
  
}

.header-right2 {
  float: left;
  width: 120px;
  height: 120px;
  background-color: #3399cc;
    overflow: ;
}

.topimage {
  float: left;
  width: 800px;
}


/* --- Use this for the home page --- */
.topimage-m1 {
  float: left;
  width: 10px;
}

/* --- Use this for the pages with flash film strip --- */
.topimage-m1b {
  float: left;
  width: 29px;
}

.topimage1 { 
  float: left
  width: 740px;
  }



/* --- Navigation --- */
.nav {
  float: left;
  width: 800px;
}

.nav-m1 {
  float: left;
  width: 11px;
}

.nav-button1 {
  float: left;
  width: 98px;
  height: 24px; 
}

.nav-button2 {
  float: left;
  width: 105px;
  height: 56px; 
}

/* --- Grid --- */

.grid {
  width: 800px;
  float: left;
}

.grid-m1 {
  float: left;
  width: 10px;
}

.side {
  float: left;
  width: 211px;
  font-size: 10pt;
  line-height: 20px;
  background-color: #6666cc;
  border: 1px solid black;
  padding: 3px;
}

.grid-m2 {
  float: left;
  width: 5px;
}

.main {
  float: left;
  width: 510px;
  font-size: 11pt;
  background-color: #3399cc;
  border: 1px solid black; 
  padding: 3px;
}

.blog {
  float: left;
  width: 474px;
  height: 300px;
  font-size: 11pt;
  background-color: #99CCFF;
  border: 1px solid black; 
  padding: 16px;
  overflow: scroll;
    
 }
 

/* --- Footer --- */

.footer {
  float:left;
  width: 800px;
  font-size: 8pt; 
  text-align: center;
  padding-top:20px;
  }