/* pic.css */
/*imported sans-serif font for heading - Generated by Font Squirrel (http://www.fontsquirrel.com) on September 7, 2011 09:28:13 AM America/New_York */




@font-face {

  font-family: 'CopystructNormal';
    
  src: url('../fontface/copystruct/COPYN___-webfont.eot');
    
  src: url('../fontface/copystruct/COPYN___-webfont.eot?#iefix') format('embedded-opentype'),
         
  url('../fontface/copystruct/COPYN___-webfont.woff') format('woff'),
  
  url('../fontface/copystruct/COPYN___-webfont.ttf') format('truetype'),
         url('../fontface/copystruct/COPYN___-webfont.svg#CopystructNormal') format('svg');
      font-weight: normal;

  font-style: normal;


}


/* Style for body and background */
html {
  margin:0; 
  padding:0; 
  height:100%;
  width:100%; 
  overflow:hidden;	
}

body {
  background-image: url("../../assets/bkg_misc/grsqrbkcg.png");
  background-repeat: repeat;
  margin:0; 
  padding:0; 
  width:100%;
  height:100%;   
  overflow:hidden;
  margin-left: 15%;
  margin-right: 15%;
  position: relative;
  border-left: .7em double #002824;	
}

/* Style for h1 */
h1 {
  font-family: CopystructNormal, Arial, Helvetica, sans-serif;
  color: #002824;
  text-align: center;
  font-size: 1.5em;
  padding-top: 30px;
  padding-bottom: 20px;
  
}


/* Paragraph style */
p {
  font-family: Arial, Helvetica, sans-serif;
  color: #002824;
  font-size: 1.2em;
  word-wrap:break-word;
}

/* style for tables of thumbnail images */
table.thumbs{
  text-align: center;
  border-spacing: 8px;
  margin:auto;
}


/* Style for table calls that contain thumbnails */
td.thumbs {
  border: solid 2.5pt #240a49;
  padding: 5px;
  background-color: #c1c3dc;
}

/* Style for thumbnail images */
img.thumbs {
  width: 200px;
  height: 150px;
  border-width: 0px;  
 vertical-align:  middle; /*needed for vertical alignment in FF*/
}

img {
  max-height: 1200px;  
}

img.background {
  position:absolute;   
  height:100%;
  width:40%;
  border-right: thick solid #002824;

}

.text {
position:relative;
  top:-20px;
  left: 43%;
  width: 25%;
  padding-right: 2%;  
  height: 100%;
  max-height: 1200px;
  border-right: .7em double #002824;
}

/* Float image to left of paragraph*/ 
img.floatLeft {
	float: left;
	margin-right: 5px;
	}
	
/* Float image to right of paragraph*/ 
img.floatRight {
	float: right;
	}