/* A css comment for reference */
body 
{
margin:0;
padding:0;
color:#000000;
background:#FFFFFF url(blueblendbg.jpeg) top left repeat-x;
}


h1 
{
  border: 0px solid gray;
  padding: 0.1em 0em;
  /*background: #eeeeee none repeat scroll 0% 50%;*/
  color: orange;
  font-family: times new roman, arial, helvetica,sans serif;
  font-style: normal;
  font-variant: normal;
text-transform: uppercase;
letter-spacing: 0.2em;
  font-weight: bold;
  font-size-adjust: none;
  font-stretch: normal;
  text-align: center;
}

h2 
{
  padding: 0em 6em 1em;
  color: maroon;
  font-family: arial;
  text-align: center;
}

h3 
{
  padding: 1em 6em;
  color: black;
  font-family: arial;
}

h4 
{
  padding: 1em 0em 0em 6em;
  color: black;
  font-family: arial;
}

h5 
{
  padding: 1em 6em;
  color: black;
  font-family: arial;
}

p 
{
  padding: 0em 6em;
  color: black;
  font-family: arial;
  display: block;
}

i 
{
  padding: 0em 6em;
  color: black;
  font-family: arial;
  font-size: 100%;
}

table 
{
  background: #eeeeee none repeat scroll 0% 50%;
}

ul 
{
}
li 
{
}

div.imageright 
{
  border: 1px solid gray;
  margin: 0 6em 1em 1em;
  background: #eeeeee none repeat scroll 0% 50%;
  float: right;
  width: 450px;
  display: inline;
  text-align: center;
  font-family: arial;
}

div.imageleft 
{
  border: 1px solid gray;
  margin: 1em 1em 1em 6em;
  background: #eeeeee none repeat scroll 0% 50%;
  float: left;
  width: 450px;
  display: inline;
  text-align: center;
  font-family: arial;
  font-size: 75%;
}

div.imagerightsmall {
  border: 1px solid gray;
  margin: 0em 6em 1em 1em;
  background: #eeeeee none repeat scroll 0% 50%;
  float: right;
  padding: 0.4em 0.2em 0.2em 0.2em;
  width: 240px;
  height: 320px;
  display: inline;
  text-align: center;
  font-family: arial;
  font-size: 75%;
}

div.thumbnail 
{
  border: 1px solid gray;
  margin: 1em 1em 1em 1em;
  float: left;
  width: 250px;
  height: 210px;
  font-family: arial;
  font-size: 75%;
  text-align: center;
background: #gggfff;
}

div.thumbnail img
{
margin: 10px 10px 10px 10px;
align: center;
border: 1px solid gray;
}

div.thumbnaillong
{
  border: 1px solid gray;
  margin: 1em 1em 1em 1em;
  float: left;
  width: 177px;
  height: 240px;
  font-family: arial;
  font-size: 75%;
  text-align: center;
}

div.thumbnaillong img
{
margin: 10px 10px 10px 10px;
align: center;
border: 1px solid gray;
}

.clear
{
clear: left;
}


a
{
color: maroon;
}

a:hover
{
color: red;
}