body {
background-color:#FFFFFF;
color:#000000;
font-family: Verdana;
font-size:10px;
padding:0;
margin:0;
line-height:12px;
text-align: center;
}

#fix {margin:0px auto 0px auto;
width:704px;}

#top{
width:704px;
height:27px;
background:url(images/px1.jpg) repeat-x;
display:table;
}

#top_a{
width:704px;
height:auto;
text-align:left;
background:url(images/blue_px.jpg) repeat-y top right;
display:table;
}

#menu {
	width:175px;
	float:left;
	height:80%;
}

#right_top {
margin-top:-60px;
padding-top:60px;	
width:529px;
height:100%;
float:right;
display:table;
}

#blue_form_i {
	width:529px;
	height:100%;
	background-color:#DFECF5;
	margin-left:0px;
	margin-top:-6px;
	z-index:1;
	position:relative;
	padding-right: 0px;
	padding-left: 0px;
}

#blue_form {
	width:529px;
	height:116px;
	background-color:#DFECF5;
	margin-left:0px;
	margin-top:-59px;
	z-index:1;
	position:relative;
}
#blue_form_ct{
	width:529px;
	height:116px;
	background-color:#DFECF5;
	margin-left:0px;
	margin-top:-32px;
	z-index:1;
	position:relative;
}
#blue_form_pt{
	width:529px;
	height:116px;
	background-color:#DFECF5;
	margin-left:0px;
	margin-top:-52px;
	z-index:1;
	position:relative;
}
#yellow_form {
	width:529px;
	height:116px;
	background-color:#FFFF00;
	margin-left:0px;
	margin-top:-61px;
	z-index:1;
	position:relative;
}
#red_form {
	width:529px;
	height:116px;
	background-color:#FE1D25;
	margin-left:0px;
	margin-top:-56px;
	z-index:1;
	position:relative;
}
#green_form {
	width:529px;
	height:116px;
	background-color:#33FF66;
	margin-left:0px;
	margin-top:-56px;
	z-index:1;
	position:relative;
}
#orange_form {
	width:529px;
	height:116px;
	background-color:#FFCC66;
	margin-left:0px;
	margin-top:-56px;
	z-index:1;
	position:relative;
}
#violet_form {
	width:529px;
	height:116px;
	background-color:#CC33CC;
	margin-left:0px;
	margin-top:-56px;
	z-index:1;
	position:relative;
}
#silver_form {
	width:529px;
	height:116px;
	background-color:#C3C3C3;
	margin-left:0px;
	margin-top:-56px;
	z-index:1;
	position:relative;
}
#content {
width:529px;
height:1px;
display:table;
background-color:#ffffff;
}

#footer {
width:704px;
height:36px;
background-color:#E6E6E6;
margin:10px auto 0px auto;
padding:6px 14px 5px 14px;
text-align:left;
display:table;
}

.copy {
color:#848484;
font-family:verdana;
font-size:10px;
text-decoration:none;
}
.gray {color:#929292}

.copy2 {
color:5c5c5c;
font-family:verdana;
font-size:10px;
text-decoration:none;
}

a {
	text-decoration: underline;
	font-family:verdana;
	color:#0071BC;
}

a:hover{text-decoration:underline;}
#menu-b {

width:175px;
float:left;
height:222px
}
.cH1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #316AC5;
	text-decoration: none;
}

#preload
{
	display:none;
	visibility:hidden;
	
}

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:300px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-400px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:400px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}


/*  POP UP */




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

.thumbnail a img { border: none ; }

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200;
left: -360px; /*position where enlarged image should offset horizontally */
text-decoration:none; 

}

/*  POS POP UP */




.thumbnail2{
position: relative;
z-index: 0;
text-decoration:none; 
}

.thumbnail2 a img { border: none ; }

.thumbnail2:hover{
text-decoration:none; 
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -500;
left: -300px; /*position where enlarged image should offset horizontally */
text-decoration:none; 

}