/* Base Template CSS */

/* reset whitespace */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 margin:0;
 padding:0;
}

/* basic layout */
body {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000;
 line-height: 18px;
}

a img {
 border: 0px;
}

.center {
 width: 900px;
 margin: 0 auto 0 auto;
}

.left {
 float: left;
}

.right {
 float: right;
}

.clear { 
 clear: both; 
 height: 0; 
 margin: 0;
}

#logo {
 margin: 30px 0px 0px 20px;
 float: left;
}

#logo2 {
 margin: 30px 0px 0px 0px;
 float: right;
 position: relative;
}


#strapline {
 float: left;
 height: 40px;
 width: 600px;
 margin: 55px 0px 0px 10px; 
}

#strapline p {
 font-family:"Courier New", Courier, monospace;
 line-height: 25px;
 color:#07368D;
 height: 40px;
 font-size:20px;
 font-weight: bold;
}

/* flash area */

#flashcontent {
 width: 900px;
 height:348px;
 padding-top:10px;
 padding-bottom:7px;
 background: transparent url(../images/flashcontent.gif) top center repeat-y;
}

#overflash {
 width: 460px;
 height:31px;
 position: absolute;
 top: 200px;
 left: 120px;
 background: transparent url(../images/bg_overflash.png) top center no-repeat;
}


/*#flashcontent #flashdiv { /* check in the stylesheet  vertstuck.css - to fix the problem on firefox on the mac*/
/* width: 500px;
 height:300px;
 margin: 0px 0px 0px 100px;
 padding-top: 0px;
 position: absolute;
 z-index: 0;
}*/

#flashdiv_footer {
 width: 500px;
 height:55px;
 position: absolute;
 top: 255px; 
 left: 100px;
 background: transparent url(../images/bg_flashdiv_footer.png) top left no-repeat;
}


/* many of this paragraph use text replacement */

/*
#flashdiv_left {
 width: 327px;
 height: 279px;
 position: absolute;
 top: 18px; 
 left: 559px;
 z-index:1200;
 background: transparent url(../images/bg_flashdiv_left.png) top left no-repeat;
}*/

#flashdiv_left .top {
 width: 307px;
 padding: 8px 0px 0px 20px;
}

#flashdiv_left .top p {
 font-size:19px;
 letter-spacing: -0.05em;
 color:#FFFFFF;
 font-family:"Courier New", Courier, monospace;
}

#flashdiv_left .middle {
 width: 262px;
 padding: 10px 15px 0px 20px;
 font-size:12px;
 line-height: 16px;
 margin:7px 0px 0px 16px;
 color:#FFFFFF;
}

#flashdiv_left .bottom {
 width: 277px;
 padding: 0px 0px 0px 20px;
 font-size:14px;
 margin:7px 0px 0px 16px;
}

#flashdiv_left .bottom p {
 font-size:16px;
 font-weight: bold;
 letter-spacing: -0.05em;
 color:#FFFFFF;
 line-height: 16px;
 padding-right: 10px;
 font-family:"Courier New", Courier, monospace;
}

#flashdiv_left .bottom p b,
#flashdiv_left .bottom p strong {
 color:#FFFF00;
 font-weight: normal;
}

#flashdiv_left .footer {
 width: 257px;
 padding: 0px 20px 0px 20px;
 font-size:14px;
 margin:25px 0px 0px 30px;
 text-align: right;
}

#flashdiv_left .footer a,
#flashdiv_left .footer a:hover {
 color:#FFFFFF;
 text-decoration: none;
}



#flashdiv_left .footer p {
 font-size:18px;
 line-height: 16px;
 letter-spacing: -0.05em;
 color:#FFFFFF;
 font-family:"Courier New", Courier, monospace;
}

/* many of this paragraph use text replacement */

.binfinder {
 width: 700px;
 height:55px;
 position: absolute;
 top: 305px; 
 left: 5px;
 background: transparent url(../images/bg_binfinder.png) 10px 10px no-repeat; 
}


/*
.binfinder #search {
 position: absolute;
 top: 23px;
 width:110px;
 left: 115px;
 border: 0px;
 font-size: 12px;
 padding-top: 2px;
 padding-right: 10px;
}

*/

.binfinder #submit {
 position: absolute;
 top: 22px;
 width:45px;
 height: 20px;
 left: 306px;
}

#flashdiv_footer p {
 color:#FFFFFF;
 padding: 13px 0px 0px 16px;
 font-size:15px;
 font-family:"Courier New", Courier, monospace;
}

#header {
 height: 119px;
 background: transparent url(../images/header.gif) top center no-repeat;
}

#header .center {
 position: relative;
 margin: 0 auto 0 auto;
}

#content div.center {
 position: relative;
 padding: 0px 0px 0px 0px;
}

#copy {
 background: #333 url(../images/bg_copy.gif) top center repeat-y;
 position: relative;
}


#copy .center{

}


.column1 {
 width: 500px;
 float: left;
 margin: 5px 0px 0px 102px;
 color:#FFFFFF;
}

.column1 img {
 float: left;
 margin: 5px 10px 5px 0px
}

.column2 {
 width: 240px;
 float: right;
 margin: -10px 0px 0px 0px;
}

.box {
 width: 220px;
 float: left;
 margin: 0px 25px 10px 25px;
}

/*box1 - box2 - box3*/

.box_title span{
 background-color: transparent;
 padding: 4px 2px 0px 3px;
 position: relative;
 z-index: 10000;
 margin: -10px 0px 0px 5px;
 height: 22px;
 font-size:14px;
 float: left;
 padding: 3px 8px 3px 8px;
 font-family: "Courier New", Courier, monospace;
 color:#FFFFFF;
}

#box span{
 background-color:#990000;
}

#box1 span{
 background-color: #6600FF;
}

#box2 span{
 background-color: #05388B;
}

#box2 .box_title,
#box1 .box_title,
#box .box_title {
 float: left;
 width: 210px;
}

#box .box_background {
 float: left;
 width: 200px;
 margin: 5px 0px 10px -5px;
 padding-bottom:5px;
 background: #CC0000;
}

#box1 .box_background {
 float: left;
 width: 200px;
 margin: 5px 0px 10px -5px;
 padding-bottom:5px;
 background: #6666CC;
}

#box2 .box_background {
 float: left;
 width: 200px;
 margin: 5px 0px 10px -5px;
 padding-bottom:5px;
 background: #0066CC;
}

#box2 p,
#box1 p,
#box p {
 display: block;
 float: left;
 padding: 0px 5px 0px 10px;
 margin: 6px 0px 0px 0px; 
 color:#FFFFFF;
 line-height: 12px;
 font-size: 10px;
}

#box2 p a,
#box2 p a:hover,
#box1 p a,
#box1 p a:hover,
#box p a:hover,
#box p a {
 color:#FFFFFF;
 text-decoration: none;
}

/*end of box1 box2 box3 */

.column1 p {
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 13px;
 margin: 5px 0px 15px 0px;
 line-height: 18px;
}

.column1 h2,
.column1 h1 {
 font-family:"Courier New", Courier, monospace;
 color:#FFFFFF;
 margin: 12px 0px 12px 0px;
 font-size:20px;
}

.column1 ul {
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 13px;
 line-height: 18px;
}

.column1 a,
.column1 a:visited {
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 13px;
 line-height: 18px;
 text-decoration: underline;
}

.column1 a:hover {
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 13px;
 line-height: 18px;
 text-decoration: none;
}

#copy .center {
 position: relative;
 margin: 0 auto 0 auto;
}

* html #content {
 position: relative;
 top: -3px;
}

#footer {
 background: #333 url(../images/bg_copy.gif) top center repeat-y;
 height:30px;
 padding-top: 10px;
}

#footer .center {
 position: relative;
 margin: 0 auto 0 auto;
}

#footer .left {
 position: relative;
 margin-left: 100px;
 font-size: 10px;
}

#footer .right {
 position: relative;
 margin-right: 20px;
 float: right;
 font-size: 10px;
}

#footer .right a:hover,
#footer .right a,
#footer .left a,
#footer .left a:hover {
 color:#FFFFFF;
 text-decoration: none;
}

/* header */

/* nav */

/*
#nav {
 width: 200px;
 position:absolute;
 top: 20px;
 left: 20px;
 z-index:11300;
}*/

.navv li {
 position:relative;
 background: transparent;
 display: block;
 padding: 0px;
 z-index:999;
 text-align: left;
 margin: 0px;
 height: 19px;
 float:left;
 width:200px; 
 z-index:3000;
}


a,
a:visited {
 color: #000;
 text-decoration: none;
}

a:visited{
	color: #fff;
}

a:hover {
 color: #000;
 text-decoration: underline;
}


/******************************************************************************************************/
/* page */
/******************************************************************************************************/

#page {

}


#page #flashdiv {
 width: 500px;
 height:300px;
 margin: 0px 0px 0px 100px;
 padding-top: 0px;
 display: none;
}

#page #flashdiv_footer {
 width: 500px;
 height:55px;
 position: absolute;
 top: 255px; 
 left: 100px;
 display: none;
}

#page .binfinder {
 background: transparent;
 width: 200px;
 top: 235px;
 left: 20px;
 z-index:2000;
 margin: 0px;
 padding: 0px;
}

#page .binfinder #search {
 position: absolute;
 top: 23px;
 width:120px;
 left: 20px;
 border: 0px;
}

#page .binfinder #submit {
 position: absolute;
 top: 22px;
 width:45px;
 height: 20px;
 left: 150px;
}

/* many of this paragraph use text replacement */

#page #flashdiv_left {
 width: 872px;
 height: 317px;
 position: absolute;
 z-index:1;
 top: 5px; 
 left: 20px;
 background: transparent url(../images/bg_flashdiv_page.png) top left no-repeat;
}

#page #flashdiv_left .top {
 border: 1px solid #999;
 position: absolute;
 top: 10px;
 width: 578px;
 height: 296px;
 left: 260px;
 padding: 0px;
}

#page #overflash {
 display: none;
}


/* ######################################################### Hack fo Safari on mac ################################################## */

html[xmlns*=""] .navv li a {
 font-size:14px;
 z-index:1300;
}

html[xmlns*=""] .navv li.wide ul li a{
 font-size:14px;
}


#footer .left {
 margin-left: 100px;
}

#footer .left ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
} 

/*this code has been added to fix the crazy z-index bug on FF on the mac*/

#flashdiv {border: 0px solid yellow; z-index:0; position:absolute; top: 10px; left: 80px; width: 300px;}

#nav {z-index: 15000;  width: 200px; margin-top:20px; margin-left:20px; position: absolute;  border: 0px solid green; background: transparent;}


#flashdiv_left {
 width: 315px;
 height: 279px;
 border: 0px solid blue;
 position: absolute;
 top: 18px; 
 left: 565px;
 z-index:11200;
 background: transparent url(../images/bg_flashdiv_left.png) top left no-repeat;
}

.binfinder #search {
 position: absolute;
 top: 23px;
 width:110px;
 left: 169px;
 border: 0px;
 font-size: 11px;
 padding-top: 2px;
 padding-right: 10px;
}


#page .binfinder {
 width: 240px;
 height:55px;
 position: absolute;
 top: 280px; 
 left: 0px;
 /*background: transparent url(../images/bg_binfinder.png) 10px 10px no-repeat;*/
}

#page .binfinder #search {
 position: absolute;
 top: 12px;
 width:118px;
 left: 38px;
 border: 0px;
 font-size: 11px;
 padding-top: 2px;
 padding-right: 10px;
}

#page .binfinder #submit {
 position: absolute;
 top: 11px;
 width:45px;
 height: 20px;
 left: 173px;
}