* {  margin: 0; padding: 0; }
* html { height: 1%;} }
html, body { height: 100%; }
body
{ 
  text-align: center;    margin: 0;  border: 0;  padding: 0;
  background-color: #000000; 
/*   font-family:  Helvetica, Verdana, Arial, Helvetica, sans-serif;  */
   font-family:  Arial;
  color: #E7E7e7;   font-size: 12pt;   text-decoration: none;  text-align: center; font-weight: normal; 
}

#page {  width: 825px; margin: auto; position: relative; }
#prepage {  position: relative; font-family: Arial; font-size: 16px; top: 0px; width: 825px; margin: auto; height: 500px; float: left; }
#prepage_loading { position: absolute; top: 180; left: 370; }
#content { width: 825px; margin: auto; position: relative; display: none; }
#splash { position: relative; top: 100; left: 0; }


#header_container { float: left; position: relative; width: 825px; height: 108px; background-color: #000000; padding-top: 10px;   } 
#header_quote { position: absolute; top: 93px; left: 50px; font-size: 0.9em; z-index: 10 }
#header_logo { float: left; width: 321px; height: 108px; }
#header_menu { float: left; width: 504px; height: 108px; position: relative; padding-top: 34px; overflow: hidden; }
#header_portrait { position: absolute; top: 35px; left: 23px; }
#header_art { position: absolute; top: 35px;; left: 152px; }
#header_nudes { position: absolute; top: 35px; left: 230px; }
#header_contact { position: absolute; top: 35px; left: 416px; }
#header_recent { position: absolute; top: 43px; left: 337px; }

#the_gallery{  float: left; width: 825px; min-height: 550px; clear: both; margin: auto; position: relative; display: none;  }
#gallery_controls{ position: absolute; right: 0px; top: 510px; z-index: 10; width: 50px; height: 20px; text-align: right; }
#gallery_info{ position: absolute; left: 0px; top: 510px; z-index: 10; width: 825px; height: 20px; text-align: center; overflow: hidden; }

#title { float: left; width: 825px; height: 20px; }
#title pre { font-family: Verdana, Tahoma, Arial, Courier, Andale Mono, Arial; font-size: 12px; font-weight: normal;  }

/* for the selected content type of the main header menu */
a.selected, a:visited.selected {color: #E7E7E7; outline: none; }

img {  border: 0; }

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

/* gallery content manager style */

/* for the index page only*/
.content_mgr_index {  width: 900px; height: 80px; margin: auto; padding-top: 50px; background-color: #E7E7E7; color: #000000; border-style: solid;}
.content_type_button { float: left; height: 20px;padding-top: 10px; padding: 20px; }
/* now the gallery iteself*/
.gallery{ width: 900px; margin: auto; padding-top: 20px;}
.gallery_content { float: left;	clear: right; width: 900px; padding-bottom: 20px; background-color: #E7E7E7; color: #000000; border-style: solid; border-width: 0 0 2px 0; border-color: #000000 ;}
.content_sort_order { float: left; width: 15px; padding: 20px; background-color: #E7E7E7; color: #000000;}
.content_title { float: left; width: 300px; padding: 20px; background-color: #E7E7E7; color: #000000;}
.content_photo { float: left; width: 200px; padding:20px; background-color: #E7E7E7; color: #000000;}
.content_buttons { float: left; width: 100px; padding: 20px; background-color: #E7E7E7; color: #000000;}
.content_move { float: left; width: 15px; padding: 20px; background-color: #E7E7E7; color: #000000;}
.content_select { float: left; width: 15px; padding: 20px; background-color: #E7E7E7; color: #000000;}
.gallery_actions { float: left; width: 860px; padding: 20px; background-color: #E7E7E7; color: #000000; }

/* news manager style */
.news { width: 800px; margin: auto; padding-top: 20px; float: left; position: relative; clear: both; }
.news_content { float: left; clear: both; width: 800px; padding-bottom: 20px; text-align: left; padding-top: 20px; }
.news_subject { float: left; width: 800px; text-align: left; clear: both; font-weight: bold; }
.news_body { float: left; width: 800px; text-align: left; clear: both; padding-top: 20px; }
.news_image { float: left; width: 800px; text-align: left; clear: both; padding-top: 20px; margin: auto; text-align: center; }

html>body .news { width: 850px; margin: auto; padding-top: 20px;}
html>body .news_content { float: left; clear: right; width: 850px; padding-bottom: 20px; text-align: left; padding-top: 20px; }
html>body .news_subject { float: left; width: 850px; text-align: left; clear: both; font-weight: bold; }
html>body .news_body { float: left; width: 850px; text-align: left; clear: both; padding-top: 20px; }
html_body .news_image { float: left; width: 850px; text-align: left; clear: both; padding-top: 20px; margin: auto; text-align: center; }

.news_buttons { float: left; width: 100px; padding: 20px; background-color: #E7E7E7; color: #000000; }
.status{ float: left; width: 15px; padding: 20px; background-color: #E7E7E7; color: #000000;}

.edit_news { width: 800px; margin: auto; padding-top: 20px; background-color: #E7E7E7; }
.edit_news tr td {padding: 10px; color: #000000;}

.edit_content { width: 500px; margin: auto; padding-top: 20px; background-color: #E7E7E7; }
.edit_content tr td {padding: 10px; color: #000000; font-size: 11px;}

.contact{ width: 825px; margin: auto; }
.contact_photo { float: left; width: 310px; padding-top: 10px; }
.contact_info {  float: left; width: 473px; padding-left: 40px; padding-top: 10px; clear: right; text-align: justify; font-size: 13pt; clear: right; font-family: Verdana; }

#info_english {  }
#info_french { display: none;  }

.contact_language {  font-size: 0.8em; }

/* login page */

.login {  float: left; width: 473px; padding-left: 260px; padding-top: 100px; clear: right; text-align: justify; font-size: 13pt; font-family: Verdana; }

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