﻿body {
    color:#97978f;
    background-color:#ffffff;
    text-align:center;
    font-family:"Times New Roman", serif;
    font-size:0.9em; 
   }

div#page {
    position: absolute;
    top:5%; bottom:5px; left:2%;
    background-color:#ffffff;
    width:95%;
    min-width:900px; 
    height:70%;
    min-height:730px;
    }

div#index_navigation {
    float:left;
    width:100%;
    min-width:800px;
    height:155px;
    }

div#index_logo {
    float:left;
    width:239px;
    height:200px;
    }

div#index_full_header {
    float:left;
    width:70%;
    min-width:600px;
    height:155px;
    }

div#index_header {
    float:left;   
    width:520px;
    height:65px;
    margin-top:40px;
    }

div#index_pages {
    float:left;
    width:100%;
    height:5px;
    text-align:left;
    text-indent:75px;
    }

#index_navigation a img{width:0px; height:0px; border:none;}
#index_navigation a:hover img{position:absolute; top:0px; left:0px; height:200px; width:239px; border:none;}
#index_navigation a:focus img{position:absolute; top:0px; left:0px; height:200px; width:239px; border:none;}

div#header {
    float:left;
    width:100%;
    min-width:1000px;
    height:151px;
    }

div#navigation {
    float:left;
    width:740px;
    height:147px;
    }

div#logo {
    float:left;
    width:163px;
    height:137px;
    }

div#mcs_header {
    float:left;   
    width:371px;
    height:47px;
    margin-top:40px;
    }

div#pages {
    float:left;
    width:475px;
    height:5px;
    text-align:left;
    text-indent:25px;
    }

div#page_title {
    float:right;
    width:157px;
    height:125px;
    margin-right:4%;
    }

#navigation a img{width:0px; height:0px; border:none;}
#navigation a:hover img{position:absolute; top:8px; left:0px; top:0px; height:137px; width:163px; border:none;}
#navigation a:focus img{position:absolute; top:8px; left:0px; top:0px; height:137px; width:163px; border:none;}

div#welcome {
    float:left;
    width:22%;
    height:63%;
    clear:left;
    position:relative; top:10%; left:47px;
    }

div#angel {
    float:right;
    min-width:600px;
    min-height:450px;
    position:relative; top:15%; right:2%;
    }

div#page_logos {
    position: absolute;
    top:5%; bottom:5px; left:2%;
    background-color:#ffffff;
    width:100%;
    min-width:1000px; 
    height:100%;
    min-height:730px;
    }

div#gallery_content {
    float:left;
    width:100%;    
    }

div#gallery_top {
    float:left;
    width:100%;    
    min-width:1150px;
    height:45px;
    background-image:url(Graphics/Gallery-Pages/Stone-Ridge-Top.gif);
    background-repeat:repeat-x;
    background-position:top;
    background-color:#000000;
    }

div#stone_corner_1 {
    float:left;
    width:55px;    
    height:55px;
    position:relative; top:-6px; z-index:1;
    }

div#stone_corner_2 {
    float:right;
    width:55px;    
    height:55px;
    position:relative; top:-6px; z-index:1;
    }

div#gallery_middle {
    float:left;
    width:100%;
    min-width:1150px;
    height:80%;
    min-height:550px;
    background-color:#000000;
    }

div#gallery_right {
    float:right;
    width:35%;
    min-width:450px;
    height:100%;
    min-height:500px;
    background-color:#000000;
    }

div#gallery_text {
    float:right;
    height:20%;
    width:100%;
    min-width:350px;
    background-color:#000000;
    position:relative; right:50px; z-index:3;
    }

div#dark_angel {
    float:right;
    width:100%;
    height:80%;
    min-height:451px;
    min-width:450px;
    background-color:#000000;
    background-position:bottom;
    background-image:url(Graphics/Gallery-Pages/Dark-Angel.jpg);
    background-repeat:no-repeat;
    position:relative; z-index:2;
    }

.gallery_container {
    position: absolute; left:10%; 
    height:321px;
    width:550px;
    }

.thumbnail img {
    position:relative; right:10%;
    border: 5px solid black;
    margin: 0px 5px 5px 0px;
    }

.thumbnail:hover {
    background-color: transparent;
    }

.thumbnail:focus {
    background-color: transparent;
    }

.thumbnail span { 
    position:absolute;
    padding: 1px;
    left: -1000px;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }

.thumbnail span img { 
    border-width: 0;
    padding: 1px;
    }

.thumbnail:hover span { 
    visibility: visible;
    top: 40%;
    left:9%; 
    z-index:50;
    }

.thumbnail:focus span { 
    visibility: visible;
    top: 40%;
    left:9%; 
    z-index:50;
    }

#thumbnail a img{width:0px; height:0px; border:none;}
#thumbnail a:hover img{position:absolute; top:0px; left:0px; height:41px; width:41px; border:none;}
#thumbnail a:focus img{position:absolute; top:0px; left:0px; height:41px; width:41px; border:none;}

div#stone_left {
    float:left;
    width:47px;
    height:100%;
    min-height:550px;
    background-image:url(Graphics/Gallery-Pages/Stone-Left.gif);
    background-repeat:repeat-y;
    }

div#stone_right {
    float:right;
    width:47px;
    height:100%;
    min-height:550px;
    background-image:url(Graphics/Gallery-Pages/Stone-Right.gif);
    background-repeat:repeat-y;
    }

div#gallery_bottom {
    float:left;
    width:100%;    
    min-width:1150px;
    height:45px;
    background-image:url(Graphics/Gallery-Pages/Stone-Ridge-Bottom.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    background-color:#000000;
    }

div#stone_corner_3 {
    float:left;
    width:55px;    
    height:55px;
    position:relative; top:-4px; z-index:1;
    }

div#stone_corner_4 {
    float:right;
    width:55px;    
    height:55px;
    position:relative; top:-4px; z-index:1;
    }

div#page_contact {
    position: absolute;
    top:5%; left:2%; bottom:2%;
    width:95%;
    min-width:900px;
    height:70%;
    min-height:500px; 
    }

div#contact_chaos {
    float:left;
    width:100%;
    height:100%;
    min-height:387px;
    min-width:1050px;
    position:relative; top:5%;
    }

div#contact_chaos_image {
    float:left;
    width:60%;
    height:90%;
    min-height:377px;
    min-width:566px;
    position:relative; top:20%;
    }

div#contact_chaos_text {
    float:right;
    width:30%;
    height:100%;
    min-height:377px;
    min-width:100px;
    clear:right;
    margin-right:4%;
    }

div#copyright_notice {
    width:100%;
    height:1%;
    clear:both;
    position:relative; bottom:-19%;
    }

div#copyright_notice_1 {
    width:100%;
    height:2%;
    clear:both;
    position:relative; top:2%; 
    }

div#copyright_notice_2 {
    width:100%;
    height:2%;
    clear:both;
    position:relative; top:2%; 
    }

p {
    font-family:"Times New Roman", serif;
    color:#A5A59E;
    font-size:100%;
    line-height:2em;
    text-align:left;
	}

p.one {
    font-family:"Times New Roman", serif;
    color:#A5A59E;
    font-size:100%;
    line-height:1em;
    text-align:left;
    }

p.copyright {
    font-family:"Times New Roman", serif;
    color:#A5A59E;
    font-size:80%;
    text-align:center;
    font-weight:normal;
    font-style:italic;
    }

h1 {
    font-family:"Times New Roman", serif;
    color:#A5A59E;
    font-size:100%;
    text-align:left;
    font-weight:bold;
    }

h2 {
    font-family:"Times New Roman", serif;
    color:#A5A59E;
    font-size:100%;
    text-align:left;
    font-weight:normal;
    font-style:italic;
    }

a:link {
    font-family:Arial, sans-serif;
    color:#EA3F6F;
    font-size:0.9em;
    text-decoration:none;
    }

a:visited {
    font-family:Arial, sans-serif;
    color:#EA3F6F;
    font-size:0.9em;
    text-decoration:none;
    }

a:focus {
    font-family: Arial, sans-serif;
    color:#000000;
    font-size:0.9em;
    text-decoration:none;
    }

a:hover {
    font-family: Arial, sans-serif;
    color:#000000;
    font-size:0.9em;
    text-decoration:none;
    }

a:active {
    font-family:Arial, sans-serif;
    color:#EA3F6F;
    font-size:0.9em;
    text-decoration: none;
    }

a.serif:link {font-family:"Times New Roman", serif; font-size:1em;}
a.serif:visited {font-family:"Times New Roman", serif; font-size:1em;}
a.serif:focus {font-family:"Times New Roman", serif; font-size:1em;}
a.serif:hover {font-family:"Times New Roman", serif; font-size:1em;}
a.serif:active {font-family:"Times New Roman", serif; font-size:1em;}

