
/* Layout Stylesheet */ 

body{
 margin: 0px;
 padding:0px;
 background: #fff;
 color: #333333;
 width: 100%;
 height: 100%;
 }

#allPage{
 width: 700px;
 background: #fff;
 height: 770px;
 overflow: hidden;
}
#leftCol{
 width: 300px;
 float: left;
 background: #fff;
 padding: 10px;
 height: 1200px;
}
#rightCol{
 width: 300px;
 float: left;
 background: #fff;
 padding: 10px;
 height: 1200px;
}
#divImage1 {
  float: left;
  height: 222px;
  width: 135px;
  /* padding: top, right, bottom, left */
  padding: 18px 10px 0px 0px;
}
#divImage2 {
  float: left;
  height: 222px;
  width: 135px;
  padding: 0px 10px 2px 0px;
}
#divImage3 {
  float: left;
  height: 222px;
  width: 135px;
  padding-right: 10px;
}
#firstImage {
  border: 2px;
  border-style: ridge;
  border-color: silver;
  height: 222px;
  width:135px;
} 
#secondImage {
  border: 2px;
  border-style: ridge;
  border-color: silver;
  height: 222px;
  width:135px;
} 
#thirdImage {
  border: 2px;
  border-style: ridge;
  border-color: silver;
  height: 222px;
  width:135px;
}
.wraptext1 {
  padding-top: 18px;
  text-align : justify;
  font-family:Georgia;
} 
.wraptext2 {
  padding: 0px 0px 0px 0px;
  text-align : justify;
  font-family:Georgia;
}
.wraptext3 {
  padding-left: 16px;
  text-align: justify;
  width:      600px;
  font-family:Georgia;
}
h1 {
font-family: Georgia;
width:       600px;
text-align:  center;
padding-top: 18px;
}
h2 {
padding-top: 2px;
width:      620px;
text-align: left;
color:      #FDD017;
}
h3 {
font-family: Georgia;
width:       600px;
text-align: center;
}
.compImage {
border: none;
height: 100px;
width:  130px;
}
.picRow {
 padding-left: 20px;
}
#mediawrapper { 
 margin: 0 auto;
 padding-left: 8px;
 width: 622px;
 border: 1px solid #FFF;
 height: 800px;
 margin-left: 100px;
}
.mediablock {
 border: 1px solid #000;
 background: #FFF;
 height: 326px;
 width: 400px;
 float: left;
 margin-bottom: 30px;
}
#picwrapper { 
 margin: 0 auto;
 padding-left: 8px;
 width: 1622px;
 border: 1px solid #FFF;
}
#leftcolumn { 
 color: #333;
 background: #FFF;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 height: 500px;
 width: 128px;
 float: left;
}
#leftmiddle { 
 color: #333;
 background: #FFF;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 height: 500px;
 width: 128px;
 float: left;
}
#rightmiddle { 
 color: #333;
 background: #FFF;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 height: 500px;
 width: 128px;
 float: left;
}
#rightcolumn { 
 color: #333;
 background: #FFF;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 height: 500px;
 width: 128px;
 float: left;
}
#farrightcolumn { 
 color: #333;
 background: #FFF;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 height: 500px;
 width: 128px;
 float: left;
}
.clear { float: left; width: 1px; }
