/* ------------------------------------------------------- GLOBAL */

html{
background-image: url('../images/bg-html.jpg');
background-position: top center;
background-repeat: repeat-x;
background-color: #383431;
}

body{

color: #e4e4e4;
font-family: Arial, Helvetica;
font-size: 9pt;
margin: 0px auto;
text-align: center;
text-align: -moz-center;
padding: 0px;
background-image: url('../images/bg.jpg');
background-position: top center;
background-repeat: no-repeat;
}

a:link {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;} 
a:active {color: #000000; text-decoration: none;}
a:hover {color: #00589f; text-decoration: none;}
a img {border: none;}

.clear{clear: both;}

span.blue{
color: #4d9ace;
font-size: 12pt;
}

/* ------------------------------------------------------- TOP */

#top{
width: 860px;
height: 72px;
margin: 0px auto;
padding: 0px;
background-image: url('../images/bg_top.jpg');
background-position: top center;
background-repeat: no-repeat;
}

h1{
margin: 0px;
padding: 30px 30px 0px 0px;
font-size: 12pt;
color: #98adc0;
font-weight: normal;
text-align: right;
letter-spacing: 6px;
}

h2{
margin: 0px;
padding: 0px 0px 0px 75px;
font-size: 20pt;
color: #ffffff;
font-weight: normal;
text-align: left;
}

h3{
margin: 0px;
padding: 10px 0px 0px 0px;
font-size: 12pt;
color: #ffffff;
font-family: Arial;
font-weight: normal;
text-align: center;
}

h4{
margin: 0px;
padding: 5px 0px 5px 6px;
font-size: 8pt;
color: #ffffff;
font-family: Arial;
font-weight: normal;
text-align: left;
}

/* ------------------------------------------------------- FRAME */

#container{
width: 900px;
margin: 0px auto;
padding: 0px;
background-image: url('../images/bg_container.jpg');
background-position: top center;
background-repeat: repeat-y;
}

#folder{
width: 860px;
margin: 0px auto;
padding: 0px;
text-align: left;
}

#folder p{
margin: 0px;
padding: 0px 75px;
text-align: justify;
}

#navig{
width: 153px;
height: 182px;
margin: 0px;
padding: 212px 0px 0px 154px;
float: left;
background-image: url('../images/bg_nav.jpg');
background-position: top left;
background-repeat: no-repeat;
}

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 142px; /* Width of Menu Items */

text-align: right;
padding-right: 8px;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 140px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: url(media/zero.gif) no-repeat center right;
padding: 1px 5px;
border-bottom: 0;
font-size: 8pt;
font-weight : bold;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
color: #00589f;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
	

#header{
width: 553px;
height: 394px;
margin: 0px;
padding: 0px;
float: left;
text-align: right;
background-image: url('../images/bg_flash.jpg');
background-position: top left;
background-repeat: no-repeat;
}

#date{
width: 307px;
height: 89px;
margin: 0px;
padding: 0px 0px 0px 0px;
clear: left;
float: left;
background-image: url('../images/bg_date.jpg');
background-position: top left;
background-repeat: no-repeat;
text-align: right;
line-height: 30px;
}

#search{
width: 553px;
height: 89px;
margin: 0px;
padding: 0px;
float: left;
background-image: url('../images/bg_search.jpg');
background-position: top left;
background-repeat: no-repeat;
color: #ffffff;
text-align: right;
line-height: 30px;
}

.searchfield{
color: #005e9e;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 7.5pt;
}

.searchbutton{
color: #ffffff;
background: #005e9e;
font-size: 7.5pt;
border: 1px ridge #cccccc;
cursor:hand;
}

.bulletul{
list-style-type: none;
padding: 0px;
margin: 0px;
margin-left: 77px;
} 

.bulletli{
background-image: url("../images/arrow.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 25px;
padding-bottom: 5px;
font-size: 9pt;
text-align: left;
}

/* ------------------------------------------------------- CONTENT */


#searchresult{
width: 750px;
margin: 0px auto;
padding: 0px;
}

.wholeft{
float: left;
display: inline;
}

.whoright{
float: left;

}

#calculator{
float: left;
width: 191px;
height: 192px;
background-image: url("../images/bg_calculator.jpg");
background-repeat: no-repeat;
background-position: top left;
font-family: Arial;
font-size: 7.5pt;
margin-left: 80px;
border: 1px solid #0070bc;
display: inline;
}

.calcresult{
float: left;
width: 465px;
height: 192px;
background-color: #605d5c;
border: 1px solid #7e7c7c;
margin-left: 20px;
padding: 0px 10px 0px 10px;
text-align: left;
}

.formheading{
width: 500px;
background-color: #005e9e;
margin-left: 75px;
}

.formline{
width: 575px;
height: 20px;
text-align: right;
margin: 0px;
padding: 0px;

}

.formleft{
float: left;
width: 309px;
text-align: right;
margin: 0px;
padding: 0px;
}

.formrightarea{
width: 266px;
float: left;
text-align: right;
margin: 0px;
padding: 0px;
}

.formrightradio{
width: 266px;
float: left;
text-align: left;
margin: 0px;
padding: 0px 0px 0px 10px;
}

/* ------------------------------------------------------- BOTTOM */

#footer{
width: 900px;
height: 120px;
margin: 0px auto;
padding: 0px;
font-size: 7.5pt;
color: #7e7e7e;
text-align: center;
line-height: 10px;
background-image: url('../images/bg_footer.jpg');
background-position: top center;
background-repeat: no-repeat;
}

#footer p{
margin: 0px;
padding: 50px 0px 0px 0px;
}

#footer a:link{color: #7e7e7e; text-decoration: none;}
#footer a:visited{color: #7e7e7e; text-decoration: none;}
#footer a:hover{color: #4d9ace; text-decoration: none;} 
#footer a:active{color: #7e7e7e; text-decoration: none;}

#signature{
float: right;
margin: 0px;
padding: 0px 20px 0px 0px;
}

#signature a:link{color: #5d5958; text-decoration: none;}
#signature a:visited{color: #5d5958; text-decoration: none;}
#signature a:hover{color: #4d9ace; text-decoration: none;} 
#signature a:active{color: #5d5958; text-decoration: none;}

#copyright{
float: right;
text-align: left;
margin: 0px;
padding: 0px 30px 0px 20px;
background-image: url('../images/vr.jpg');
background-position: top left;
background-repeat: no-repeat;
color: #5d5958;
}


/* ------------------------------------------------------- FORM */

.textfield{
color: #005e9e;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 7.5pt;
}

.formfield{
color: #005e9e;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 7.5pt;
width: 250px;
font-family: Arial;
}