html {
  overflow-y: scroll;
  background: #3260bc; /* Site Background color */
  background-image: url(background.gif);
  background-repeat: repeat-x;
  background-position: top;
  }
#doc, #doc2 {
  color:#000000; 
  background: #ffffff; /* Content Background Color */
  padding: 2px;

  /* margin-top: 5px; */
  /* margin-bottom: 5px; */
  /* border-style: solid; */
  /* border-width: 1px; */
  border-color: #CCCCCC; /* Border around content color */
  }
.clear {
  clear: both;
  }
#logo {
  float:left;
  }
#logo a {
  color: #fff;
  text-decoration: none;
  font-size: 125%;
  }
#logo a:hover {
  text-decoration: underline;
  }
#header, #footer {
  font-weight:bold;
  color:#fff;
  background-color:#235cbb;
  padding:5px;
  }
#header {
  }
#footer ul {
  list-style:none;
  margin:0px;
  padding:0px;
  }
#footer li {
  display:inline;
  margin: 0px 5px;
  }
#footer a {
  color: #fff;
  }


h1 {
  font-size:138.5%;  
  }
h2 {
  font-size:123.1%; 
  }
h3 {
  font-size:108%;  
  }
h1,h2,h3 {
  margin:1em 0;
  }
h1,h2,h3,h4,h5,h6,strong {
  font-weight:bold; 
  }
abbr,acronym {
  border-bottom:1px dotted #000;
  cursor:help;
  } 
em {
  font-style:italic;
  }
blockquote,ul,ol,dl {
  margin:1em;
  }
ol,ul,dl {
  margin-left:2em;
  }
ol li {
  list-style: decimal outside;	
  }
ul li {
  list-style: disc outside;
  }
dl dd {
  margin-left:1em;
  }
caption {
  margin-bottom:.5em;
  text-align:center;
  }
p,fieldset {
  margin-bottom:1em;
  }




.thumbnail_large {
  width:90px;
  height:90px;
  overflow:hidden;
  border: 1px solid #ddd;
  margin:5px;
  text-align:center;
  }
.thumbnail_small {
  width:50px;
  height:50px;
  overflow:hidden;
  border: 1px solid #ddd;
  margin:5px;
  text-align:center;
  }




/* Menu */
#menu {
  background-color:#b2d281;
  padding:2px;
  }
#menu ul {
  list-style:none;
  }
#menu li {
  display:inline;
  margin: 0px 5px;
  }
#menu span.current {
  color:#325b0a;
  background-color:#fff;
  font-weight:bold;
  font-size:125%;
  padding:5px;
  }
#menu a {
  padding:5px;
  color:#325b0a;
  background-color:#b2d281;
  font-weight:bold;
  font-size:125%;
  text-decoration:none;
  }
#menu a:hover {
  background-color:#dbedbf;
  }




/* Pager Style */
.pager {
  border: 1px solid #e5e5e5;
  padding: 8px 10px;
  margin: 10px 0;
  font-size: 80%;
  }
.pager .clear {
  clear:both;
  }
.pager .totals {
  float:left;
  font-weight:bold;
  padding:3px;
  }
.pages {
  float:right;
  padding:3px;
  }
.pages a, .pages span {
  padding: 0.2em 0.5em;
  margin-right: 0.1em;
  border: 1px solid #fff;
  background: #fff;
  }
.pages span.current {
  border: 1px solid #2E6AB1;
  font-weight: bold;
  background: #2E6AB1;
  color: #fff;
  }
.pages a {
  border: 1px solid #9AAFE5;
  text-decoration: none;
  }
.pages a:hover {
  border-color: #2E6AB1;
  color: #000;
  }
.pages a.nextprev {
  font-weight: bold;
  }
.pages span.nextprev {
  color: #666;
  border: 1px solid #ddd;
  color: #999;
  }






/* rating system */
form.rating {
  padding: 1em;
  border: 1px solid #ccc;
  }
#rating label {
  display:none;
  }
.rating {
  cursor: pointer;
  clear: both;
  display: block;
  }
.rating:after {
  content: '.';
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden;
  }
.star {
  float: left;
  width: 17px;
  height: 15px;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
  }
.star,
.star a {background: url("/shared/star.gif") no-repeat 0 0px;}
.star a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 0 0px;
  }
div.rating div.on a {
  background-position: 0 -16px;
  }
div.rating div.hover a,
div.rating div a:hover {
  background-position: 0 -32px;
  }
div.notifytext {
  margin-top: 5px;
  font-size: .8em;
  clear: both;
  }
#ratingdiv {
  margin:15px;
  }