/******* three column layout with header and footer *******/

html {margin: 0; padding: 0;}

body {margin: 0; padding: 0; font-family: verdana,sans-serif; background: #ffffff;}

p {padding: 10px; margin: 0;} /*** vertical margin causes problems ***/
h2 {padding: 10px; margin: 0;} /*** vertical margin causes problems ***/

.imagedesc { font-family: verdana,sans-serif; font-size: 0.55em; text-align: center; margin: 2em;}

.img-shadow {
  float:left;
  background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 0px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  }

.img-shadow-table 
{
  float :left;
  background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/img/shadow.gif) no-repeat bottom right;
  margin: 0 0 0 0;
  }

.img-shadow-table table {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #007DC5;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  }

/******* screenbox *******/
.screenbox { text-align: center;} /* IE 5 fix */

/******* headerbox *******/
.headerbox
{
	color: White;
}

.headerbox h1 {font-size: 1.25em; font-weight: normal; font-style:italic; border-bottom: 0px solid #fff; background: #007DC5; margin: 0; color: white; padding: 3px 10 3px 0em;}

/******* bigbox *******/
.bigbox {
	margin: 0 auto;
	text-align: left;
	width: 875px;
	border: 1px solid black;
	border-width: 1 1px;
	background: #7aafde;
}
.bigbox {font-size: 1em; font-family: verdana,sans-serif;}
* html .bigbox {width: 877px; w\idth: 875px;} /* IE5 fix */

/******* footerbox *******/
.footerbox
{
	color: White;
	clear: both;
	margin: 4px;
	padding: 0px 0 0px 0em;
	border: 0px solid black;
	border-width: 0px 0;
    font-size: 0.6em;
	background: #007DC5;
}
.footerbox a {color: white; text-decoration: none;}
.footerbox a:hover {color: #f08000; text-decoration: underline;}

/******* other boxes *******/
.wrapperbox {float: left;  width: 695px;}
.middlebox  {float: right; width: 515px; background: #ffffff;}
.leftbox    {float: left;  width: 180px; background: #7aafde;}
.rightbox   {float: right; width: 180px; background: #7aafde;}

.middlebox  a {color: #1c5fb0; text-decoration: none;}
.middlebox  a:hover {text-decoration: underline;}
.middlebox  h2 {font-size: 1.0em; padding-left: 10px; margin: 0;}
.middlebox  h3 {font-size: 0.8em; padding-left: 10px; padding-top:10px; margin: 0; line-height:10px; vertical-align:text-bottom; }
.middlebox  h4 {font-size: 0.75em; padding-left: 10px; margin: 0; }
.middlebox  p  {font-size: 0.7em; }
.middlebox  td {font-size: 0.7em; }
.middlebox  li {font-size: 0.7em; }

.leftbox    a  {color:#001050; text-decoration: none;}
.leftbox    a:hover {color: #ea5800; text-decoration: none;}
.leftbox    p  {font-size: 0.6em; }
.leftbox    td {font-size: 0.65em; }

.templobg1 {padding-left:5px; padding-top:5px; background-image:url(/img/templobg1.jpg); background-repeat: no-repeat;}

.p-shadow {
  width: 90%;
  float:left;
  background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(/img/shadow.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em verdana, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
/*** end ***/