* {  margin: 0; padding: 0; }
* html { height: 1%;} }
/* html, body { } */
 html, body { min-height: 100%; } 
body
{ 
  text-align: center;    margin: 0;  border: 0;  padding: 0;
  background-color: #000000; 
  font-family:  Arial,Georgia, Verdana,Copperplate Gothic Light,sans-serif;
  color: #ffccff;   
  font-size: 10pt;   text-decoration: none;  text-align: center; font-weight: lighter; 
  background-image: url(/assets/images/line02.gif); background-repeat: repeat;
  filter:alpha(opacity=99);
  -moz-opacity:0.999;
  -khtml-opacity: 0.999;
  opacity: 0.999;
}

body.body_splash {  background-image: none;  }

#page_container {  width: 916px; margin: auto; position: relative; min-height: 100%; }
#page { width: 913px; position: relative; float: left; text-align: center; background-color: #000; min-height: 100%; } 
.content { width: 843px; 
           position: absolute; top: 272px; left: 6px; 
           padding: 20px 30px 20px 30px;
           background-color: #000; 
           border-right: solid 1px #993366; border-left: solid 1px #993366; 
           text-align: justify; line-height: 1.4em; font-size: 1.05em;
           }

.content_bare { width: 902px; 
           position: absolute; top: 272px; left: 6px; 
           background-color: #000; 
           border-right: solid 1px #993366; border-left: solid 1px #993366; 
           }

#narrow_content { width: 840px; margin: auto; position: relative;  }
.narrow_content { width: 840px; margin: auto; position: relative;  }

H1 { font-size: 20px; line-height: 1.0em; color: #ff3399; }
H2 { font-size: 18px; line-height: 1.0em; color: #ff3399; }
H3 { font-size: 16px; color: #ff3399; }
H4 { color: #ff3399; }
H5 { color: #ff3399; }
H6 { color: #ff3399; }

.site_text { font-size: 1.05em; text-align: justify; line-height: 1.4em; }
.text_box { font-size: 1.05em; text-align: justify; line-height: 1.4em; float: left; width: 840px;  }
.gallery_box { font-size: 1.05em; text-align: center; line-height: 1.4em; float: left; width: 840px; margin: auto; padding-left: 30px;  }
.left_image { float: left; padding-right: 20px; padding-bottom: 10px; }
.banner { float: left; margin: auto; width: 876px; padding-bottom: 20px; }

.pink {  color: #ff3399; }
.lighter_pink {  color: #FF26D0; }
.lightest_pink {  color: #ff6eff; }

 .blush_front { float: left; width: 901px; background-image: url(/assets/images/home.jpg); background-color: #000; background-repeat: none;  } 
.blush_spacer {  float: left; width: 901px; height: 100px; clear: both; }
.blush_front_flash{  float: left; width: 320px; height: 240px; text-align: left; clear: both; padding-left: 30px; }
.blush_front_download { float: left; width: 881px; text-align: left; padding-left: 20px; clear: both; padding-left: 20px; }
.blush_front_text {  float: left; color: #ff3399; font-size: 1.2em; line-height: 1.8em; text-align: justify; padding: 20px 30px 20px 30px; 
                    width: 841px; font-weight: normal; background-color: #000; 
                     }

#header { position: absolute; top: 0px; left: 0px; width: 908px; z-index: 10; padding-bottom: 5px; padding-left: 4px; height: 272px; } 
#menu_container{  float: left; width: 908px;  }
#sub_menu_container{  float: left; width: 908px;  }
.menu_item { float: left;  }

#sub_menu_border_top { float: left; width: 908px;}
#sub_menu_border_left { float: left; width: 13px; }
#sub_menu_border_right { float: left; width: 22px;  }
#sub_menu_border_bottom { float: left; width: 908px; }
#sub_menu_menu_container { float: left; width: 873px; }

#splash { position: absolute; width: 908px; top: 200px; left: 20px; padding: 0;    }
#splash_english { float: left; }
#splash_right { float: left; }
#splash_left { float: left; }
#splash_genevieve {  float: left; }
#splash_french {  float: left; }

.thumbnail{  padding: 10px; }

#video_top { float: left; background-color: #000;  }
#video_bottom { float: left; background-color: #000;  }

a.selected, a:visited.selected {color: #000000; outline: none; }

img { border: 0; }

/* even though the links in the menu are inside divs with id's i need to style */
a { color: #993366; text-decoration: none; outline: none; }
a:hover {  color: #ff3399; outline: none; text-decoration: underline;}


/* the buttons will have the same L&F */
INPUT
{ 
  font-size: 11px;  
  border-color: #828282;  border-style: solid;  border-width: 1px;
  color: #828282; 
 }

.blog_common { float: left; width: 770px; }
.blog_item { padding-bottom: 30px; float: left; width: 770px; }
.blog_title { font-size: 140%; line-height: 1.4em; }
.blog_documentInfo { float: left; }
.blog_summary { 
float: left; 
font-size:98%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6em;
text-align:left;

}
.blog_comments{
float: left; 
/* color:#000000; */
font-size:78%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:1.4em;
text-transform:uppercase;
 }

.blog_date { 
/* color:#000000; */
font-size:84%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.2em;
line-height:1.4em;
/* margin:1.5em 0pt 0.75em; */
text-transform:uppercase;
}