body, html {
   padding: 0px 0px 20px 0px;    
   margin: 0px;
   background: #3C3C96 url("bg.gif") repeat 50% 0%;
/*   height: 100%;*/
   width: 100%;
}
body, td, h1, h2, ul, input, textarea { 
   font-family: Arial, Verdana, Tahoma, Courier, sans-serif; 
   color: #000000;
   font-size: 12px;
}
a, a:hover {
   color: #3C3C96;
   text-decoration: underline;
}
a:hover {
   color: #3C3C96;
}
table {
   border: 0px; 
   border-collapse: collapse;
}
table td {
   padding: 0px; 
}
img {
   border: none;
}
form, img, div {
   padding: 0px;
   margin: 0px;
   background: transparent;
   border: none;
}
p {
   padding: 0px 0px 9px 0px;
   margin: 0px;   
}
h1 {
   font-size: 14px;
   background: #F9F9FD url("bg_title.gif") repeat-x 0px 0px;
   border-bottom: 5px solid #C8CFED;
   text-transform: uppercase;
   padding: 5px 10px 4px 10px;
   margin: 0px 0px 7px 0px;
}
h2 {
   font-size: 14px;
   color: #3C3C96;
   padding: 0px 0px 10px 0px;
   margin: 0px;   
}
ul {
	padding: 0px 0px 14px 0px;
	margin: 0px;
	list-style: none;
	color:#000080;
}
ul li {
	background: transparent url("li.gif") no-repeat 0px 6px;
	padding: 0px 10px 10px 20px;
}

/* styles for design elements */
.main {
   width: 100%; 
   background: transparent url("bg_grad.jpg") repeat-x 50% 0%;   
}
#main_width {
	width: 1000px;
}
.left {
   width: 50%;
   vertical-align: top;
   background: transparent url("bg_left.jpg") no-repeat 100% 0%;
}
.right {
   width: 50%;
   vertical-align: top;
   background: transparent url("bg_right.jpg") no-repeat 0% 0%;
}
.center {
   vertical-align: top;
   background: #ffffff;
   padding: 5px;
}
.top {
   background: transparent url("bg_head.gif") repeat-x 0px 0px;
   height: 35px;
}
#slogan {
   margin: 10px 0px 0px 10px;
}
.login {
   float: right;
   padding: 5px 10px 0px 5px;
   
}
.login, .login td {
   font-size: 10px;
   font-family: Tahoma;
}
.login td {
   padding: 0px 10px 0px 17px;
}
.login td.field {
   padding: 0px;
}
.login td.button {
   padding: 0px 0px 0px 10px;
}
.button div {
   height: 20px;
   background: transparent url("bg_button.gif") repeat-x 0px 0px;
}
.button div div {
   height: 20px;
   background: transparent url("bg_button_right.gif") no-repeat 100% 0%;
   padding: 0px 4px 0px 0px;
}
.button a {
   display: block;
   position: relative;
   font-family: Tahoma;
   font-size: 9px;
   color: #ffffff;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none;
   background: transparent url("bg_button_left.gif") no-repeat 0% 0%;
   padding: 4px 10px 4px 14px;
}
.field input {
   background: #ffffff;
   width: 100px;
   height: 20px;
   border: 1px solid #3C3C96;
   font-size: 11px;
   font-family: Tahoma;
   font-weight: bold;
}
.header {
	background: transparent url("bg_tape.gif") repeat-x 0px 0px;
	width: 100%;
}
.header td {
   padding: 10px 0px 10px 10px;
   vertical-align: top;
}
.menu {
	display: block;
	position: relative;
	width: 110px;
	text-align: center;
	font-family: Tahoma;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	background: transparent url("bg_menu.gif") repeat-x 0px 0px;
	padding: 19px 0px 18px 0px;
}
div.menu, .menu:hover {
   background: transparent url("bg_menu_a.gif") repeat-x 0px 0px;
   color: #FFE100;
}
ul.submenu {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	text-transform: uppercase;
}
ul.submenu li {
   background: url("arrow.gif") no-repeat 0px 4px;
   font-family: Tahoma;
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
   padding: 0px 0px 10px 20px;
}
ul.submenu li.active {
   background: url("arrow_a.gif") no-repeat 0px 4px;
}

.banner {
   background: transparent url("bg_tape.gif") repeat-x 0% 100%;
   padding: 0px 0px 9px 0px;
}
.content {
   margin: 10px 0px;
}
.content p {
	text-indent: 20px;
	color: #000080;
}
.photo {
	border: 1px solid #3C3C96;
	margin: 3px 10px 17px 0px;
	float: left;
}
.photog {
	border: 1px solid #3C3C96;
	margin: 3px 10px 17px 0px;
	float: none;
}
.table {
   border-bottom: 5px solid #C8CFED;
}
.table th {
   background: #F5F7FC url("bg_th.gif") repeat-x 0px 0px;
   padding: 8px 10px 9px 10px;
}
.table th, .table td {
   border-bottom: 1px solid #C8CFED;
   font-family: Tahoma;
   font-size: 11px;
   text-align: left;
}
.table td {
   padding: 8px 10px 8px 24px;
}

.news p {
   text-indent: 0px;
   padding-left: 10px;
   padding-right: 10px;
}
.news a {
   color: #166C1D;
}
.news {
	width:220px;
}
.copyright {
   padding: 5px;
   background: #ffffff;
   font-family: Tahoma;
   font-size: 10px;
   font-weight: bold;
}
.copyright div {
	height: 30px;
	background: #3C3C96 url("bg_tape_s.gif") repeat-x 0px 0px;
}
.copyright p {
   padding: 8px 10px 0px 10px;
}
.copyright, .copyright a, .copyright a:hover {
   color: #ffffff;
}
.footer {
   padding: 0px 5px; 
   font-size: 11px;
   font-family: Verdana;
   background: transparent url("bg_foot_line.gif") repeat-x 0px 0px;
}
.footer div {
   height: 30px;
   background: transparent url("bg_foot.gif") repeat-x 0px 0px;
   text-align: center;
}
.footer p {
   padding: 7px 0px 0px 0px;
}
.floatdiv{
	float:left;
}