/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 15px;
left: -1000px;
border: 2px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
width:auto;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


body 
{
	margin:0px 0px 15px 0px;
	background: url(img/bodyBg.jpg) repeat-x top;
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	font-size: 120%;
	color: #444;
}
#divBody 
{
	width: 990px;
	vertical-align: top;
}
#divBodyL 
{
	width: 270px;
	float: left;
}
#divBodyR
{
	width: 720px;
	float:right;
	padding:0px 0px 20px 20px;
}
#divTopNav 
{
	height:60px;
	color:#FFFFFF;
	text-align:right;
	padding:10px 0px 5px 0px;
}
.headerLink 
{
	color:#FFFFFF;
	border:transparent 1px solid;
	padding: 2px 5px 2px 5px;
	margin-left:8px;
}
.headerLink:hover 
{
	color:#FFFFFF;
	text-decoration: none;
	background-color:#f286b7;
	border:#ffffff 1px solid;
	padding: 2px 5px 2px 5px;
	margin-left:8px;

}
#divFooter 
{
	background: url(img/footerBg.jpg) repeat-x top;
	width:990px;
	height:75px;
	color:#ffffff;
	font-size:0.85em;
	line-height:1.8em;
	padding:1em 1em 0.5em 1em;
}
#divItemSmall 
{
	/*background: url(img/itemSmall.png) no-repeat;*/
	width: 175px;
	height: 200px;
	text-align:center;
	/*padding: 10px 25px 2px 5px;*/
}
#divItemSmallTitle 
{
	height: 50px;
	text-align:center;
}
#divItemSmallThumb
{
	width: 160px;
	max-width: 160px;
	height: 125px;
	text-align:center;
	padding:5px 5px 0px 5px;
}
#divItemSmallButtons 
{
	width:160px;
	text-align:center;
	padding:5px;
}
h1
{
    font-size: 1.5em;
	/* background: url(img/grad.png) repeat-x middle; */
    color:#999;
    font-family: Trebuchet MS;
    border-bottom:#e0e0e0 3px solid;
    margin:0.5em 0em 0.25em 0em;
    padding: 0.25em 0.3em 0.25em 0.3em;
}
h2
{
    font-size: 1.2em;
	/* background: url(img/grad.png) repeat-x middle; */
    color:#999;
    font-family: Trebuchet MS, Tahoma;
    border-bottom:#e0e0e0 2px solid;
    margin:0px;
    padding: 0.25em 0.3em 0.25em 0.3em;
}

div.formRow {
  clear: both;
  padding-top: 3px;
  vertical-align:text-top;
  margin-bottom:2px;
  }

div.formRow span.label {
  float: left;
  width: 20%;
  text-align:right;
  border-bottom:#eee 1px solid;
  padding:5px 5px 3px 5px;
  }

div.formRow span.formw {
  float: right;
  width: 75%;
  } 
  
div.formContainer
{
	
}
div.formHead 
{
	height:30px;
	
}
div.formFoot 
{
	clear:both;
	height:29px;
	border-top:#ccc 1px solid;
}
div.formHelp { background-color:#defe2e;border-bottom:#ccc 1px solid;padding:10px;color:#666666; font-size:8pt;line-height:1.4em; }
div.formBody { padding:15px 10px 15px 10px;margin-bottom:15px;}
img 
{
    margin: 0px 0px 0px 0px;
    border:none;
}
.Navlevel0
{
  font-family: Trebuchet MS;
  background: url(img/grad.png) repeat-x middle;
  /* font-style:oblique; */
  font-size:1.2em;
  font-weight:bold;
  cursor:hand;
  padding:2px 0px 0px 10x;
  width:250px;
}
A.NavLevel0:hover 
{ 
    text-decoration:none;
    font-weight:bold;
}
.NavLevel1
{
  font-family:Trebuchet MS;
  font-size: 1em;
  font-weight:normal; 
  cursor:hand;
  padding:2px 0px 0px 5px;
  border:transparent 1px solid;
}
A.NavLevel1:hover 
{ 
  text-decoration:none;
  font-weight:normal;
  border:#ccc 1px solid;
  
}
.note 
{
    font-size:x-small;
    font-style: italic;
}
.ContentWrap 
{
  
}
#divOptionDisplay 
{   margin:5px 0px 10px 15px;
    padding:5px 10px 10px 10px;
    border:#AF7253 1px solid;
    line-height:1.5em;
}
#divThumbTitle
{	width:150px;
    max-width:150px;
    text-align:center;
}
#divThumbImage {
    height:150px;
    width:150px;
    background-color:#ffffff;
    text-align:center;
    vertical-align:bottom;
    overflow:hidden;
}
#divThumbButtons 
{   width:150px; 
	margin-top: 5px;}
p {
    line-height:1.5em;
    margin:0em 0em 1em 0em;
    padding:5px;
    
}
ul{
    line-height:1.2em;
    margin:0px 0px 0px 10px;
}
li
{
    line-height:1.2em;
    margin:5px 0px 5px 10px;
}

#divFormAction 
{
    border-top:#B07253 1px solid;
    width: 100%;
    padding-top:5px;
    margin-bottom:10px;
    text-align:right;
}
td {
    vertical-align: top;

}
A {
    color: #b53758;
    text-decoration: none;
    line-height:normal;
}
A:hover {
    color: #e64772 ;
    text-decoration: underline;
}
.errorbox {
    border-right: #660000 1px solid;
    border-top: #660000 1px solid;
    font-weight: bold;
    font-size: 9pt;
    border-left: #660000 1px solid;
    color: #660000;
    border-bottom: #660000 1px solid;
    background-color: #ffcccc;
    width:auto;
}
td.colCaption {
    width:30%;
    padding:1px 2px 1px 4px;
    background:url('images/hdot.gif') repeat-x bottom;
}

td.colField {
    width:65%;
    padding:1px 4px 1px 2px;
    background:url('images/hdot.gif') repeat-x bottom;
}

.TextBox {
    font-family: Calibri, Arial, Sans-Serif;
    font-size:9pt;
    padding:2px;
    border: #84523D 1px solid;
    height:1.7em;
}