@charset "utf-8";
/* CSS Document */

/* CSS Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 12px; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
table.fixed { table-layout: fixed; }
td { vertical-align: top; }


body{ background-color: #094E9D; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
img { border:none; display: block; }
a { border:none;outline:none;} 

/* Container */
#container { background-image: url(../../images/bg.png); background-repeat: no-repeat; height: 1897px; width: 880px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-right: 112px; padding-bottom: 0px; padding-left: 108px; position: relative; }
#container #content-section { position: relative; }

#container #content-container { width: 545px; position: absolute; left: 0px; top: 2px; margin-top: -6px; }

/* nav */
#container #content-container #nav { float: left; }
#container #content-container #nav ul li { height: 49px; float: left; background-repeat: no-repeat; width: 180px; background-image: url(../../images/nav.png); }
#container #content-container #nav ul li a{ color: #FFF; text-decoration: none; text-indent: -9999px; height: 100%; width: 100%; display: block;}
#container #content-container #nav ul #page-1 { background-position: left -10px; height: 49px; width: 181px; }
#container #content-container #nav ul #page-2 { background-position: -181px -10px; height: 49px; width: 180px; }
#container #content-container #nav ul #page-3 { background-position: -361px -10px; height: 49px; width: 181px; }
#container #content-container #nav ul #page-1.selected ,#container #content-container #nav ul #page-1:hover{ background-position: left bottom; height: 49px; width: 181px; }
#container #content-container #nav ul #page-2.selected ,#container #content-container #nav ul #page-2:hover{ height: 49px; width: 180px; background-position: -181px bottom; }
#container #content-container #nav ul #page-3.selected ,#container #content-container #nav ul #page-3:hover{ background-position: -361px bottom; height: 49px; width: 181px; }


/* Right side */
#container #right-content { background-image: url(../../images/scroll-bg.png); height: 797px; width: 263px; position: absolute; right: 0px; top: -5px; padding-top: 35px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; background-repeat: no-repeat; }
#container #content-section #right-content #iframe-area { margin: 0px; padding: 0px; height: 100%; width: 100%; overflow: hidden; }
#container #content-section #right-content #iframe-area iframe { height: 790px; width: 260px; }

/* Left side */
#container #content-container #content-center { background-image: url(../../images/content-bg.png); background-repeat: no-repeat; width: 518px; margin: 0px; padding-top: 16px; padding-right: 12px; padding-bottom: 16px; padding-left: 12px; float: left; height: 1030px; }
#container #content-container #content-center table tr td {width:518px;}
#container #content-container #content-center table tr td p { line-height: 18px; text-align: left; width: 472px; margin-right: auto; margin-left: auto; color: #333; margin-top: 5px; }
#container #content-container #content-center table tr td p.short-des { width: 224px; margin-left: 0px; text-align: left; }

/* footer */
#container #footer { position: absolute; left: 118px; bottom: 160px; }
#container #footer span { float: none; display: block; font-size: 10px; color: #333; margin-top: 4px; margin-bottom: 4px; font-family: Arial, Helvetica, sans-serif; }