/* Harland & Wolff */

/* general attributes */
html {padding:0px; margin:0px; height: 100%; background: url(../images/bgBody2.jpg) repeat-x ;}
html.popup {padding:0px; margin:0px; height: 100%; background: #fff;}

body {margin: 0; padding: 0; font: 70% verdana, arial, helvetica, sans-serif; height: 100%; text-align:center;}
img {border:0;}
* {outline: none;}
.txtInput {border:1px solid #BEC7CD; font:100% Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF;}
.txtInput2 {border:1px solid #fff; font:100% Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF;}
form {margin:0; padding:0;}
.hide {display: none;}


/* Page */
#pageholder {background: url(../images/bgPage.jpg); margin:0 auto; width:780px; padding:0; text-align:center;}


/* Top Bar */
#top {background:url(../images/bgTopPublic.jpg) no-repeat; width: 780px; height: 123px; margin: 0; padding:0;}
#topsecure {background:url(../images/bgTopSecure.jpg) no-repeat; width: 780px; height: 123px; margin: 0; padding:0;}
#topsecure a, topsecure a:visited  {text-decoration: none; color: #EAB500; padding:0; margin:0; font-weight:normal;}
#topsecure a:hover {text-decoration: none; color: #373737;}
#toprightsecure {float:left; margin:0; padding:10px 20px 0 212px; text-align:left;}

#topleft {float:left; margin:0; padding:7px 0 0 10px;}
#topright {float:right; margin:0; padding:10px 20px 0 0;}
#toplinks {clear:both; margin:0; padding:4px 25px 0 0; text-align:right; color: #fff;}
#toplinks a, toplinks a:visited  {text-decoration: none; color: #fff; padding:0 5px 0 5px; margin:0;}
#toplinks a:hover {text-decoration: none; color: #000000;}


#ImageHome {background:url(../images/bgImageHome.jpg) no-repeat; width:780px; height:194px; margin:0  0 0 30px; padding:0;text-align:center;}
#home {background:url(../images/bgHome.jpg) no-repeat; height:200px; padding:0; margin:0 0 0 11px; text-align:left;}
#home ul {list-style: none; margin: 0; padding:60px 0 0 0; text-indent:0;}
#home li {font-weight: normal; color: #000000; margin:0; padding:0 0 10px 10px; background:url(../images/bullit.gif) no-repeat 1px .3em;}

#home1 {float:left; padding:0; margin:0 9px 0 15px; width:165px;}
#home2 {float:left; padding:0; margin:0 9px 0 15px; width:165px;}
#home3 {float:left; padding:0; margin:0 9px 0 15px; width:165px;}
#home4 {float:left; padding:0; margin:0 9px 0 15px; width:165px;}
#home4 a, home4 a:visited  {text-decoration: none; color: #373737; padding:0; margin:0; font-weight:bold;}
#home4 a:hover {text-decoration: none; color: #EAB500;}
#home4 a.yellow, home4 a.yellow:visited  {text-decoration: none; color: #EAB500; padding:0; margin:0; font-weight:bold;}
#home4 a.yellow:hover {text-decoration: none; color: #373737;}

#imagebank {background:url(../images/bgimagebank.jpg) no-repeat; width:780px; height:125px; margin:0; padding:0;}


/* LeftNav */
#leftnav {background:url(../images/bgLeftNav.jpg) no-repeat; padding:60px 0 0 0; margin:0 0 0 11px; float:left; text-align:left; width:181px;}
#leftnav ul {list-style: none; margin: 0; padding: 0; text-indent:0;}
#leftnav li a {display: block; margin:0 15px 0 11px; padding:5px 0 5px 15px; text-decoration: none; color:#373737; border-bottom:1px solid #dddddd; background: url(../images/bullit.gif) no-repeat 5px .7em;}
#leftnav li a:hover {color:#EAB500;}
#leftnav li.indent .sublink  {display: block; margin:0 10px 0 10px; padding:3px 0 3px 17px; background: url(../images/bullit.png) no-repeat 10px .9em; text-decoration: none; color:#fff;  border-bottom:1px solid #C0CCDE; font-size:80%;}
#leftnav li.indent .sublink:hover {display: block; margin:0 10px 0 10px; padding:3px 0 3px 17px; text-decoration: none; color:#000; background: #fff url(../images/bullit2.png) no-repeat 10px .9em;}
#leftnav li.indent2 .sublink2  {display: block; margin:0 10px 0 10px; padding:3px 0 3px 25px; text-decoration: none; color:#fff;  border-bottom:1px solid #C0CCDE; font-size:80%;}
#leftnav li.indent2 .sublink2:hover {display: block; margin:0 10px 0 10px; padding:3px 0 3px 25px; text-decoration: none; color:#000;}


/* Content without rightmenu */
#content {margin: 0 20px 0 5px; text-align: left; padding:0; float:left; width:563px;}
#content h1 {color:#EAB500; font-weight:bold; font-size:120%; padding:5px 0px 10px 0px; margin:10px 10px 10px 10px; border-bottom:1px solid #dddddd;}
#content h2 {color:#EAB500; font-size:120%; font-weight:bold; margin:0 10px 0 10px; padding:5px 0px 5px 0px;}
#content h3 {color:#EAB500; font-weight:bold; font-size:100%; padding:5px 0px 10px 0px; margin:0 10px 10px 10px; border-top:1px solid #dddddd;}
#content p {color:#373737; font-weight:normal; margin:0 10px 0 10px; padding:5px 0 5px 0; line-height:15px;}
#content p.clear {clear:both; color:#000; font-size:80%; font-weight:normal; margin:0 10px 0 10px; padding:5px 0 5px 0; line-height:15px;}
#content p.row {clear:both; color:#000; font-weight:normal; margin:0 10px 0 10px; padding:5px 0 5px 0; line-height:15px;}
#content td {font-weight: normal;text-decoration: none;color:#373737; font-size:70%;}
#content a, content a:visited  {text-decoration: none; color: #EAB500; padding:0; margin:0; font-weight:bold;}
#content a:hover {text-decoration: none; color: #373737;}
#content ul {list-style: none; margin: 0; padding: 0; text-indent:0;}
#content li {font-weight: normal; color: #373737; margin:0; padding:5px 0 5px 20px; background: url(../images/bullit.gif) no-repeat 10px .7em;}
#content a.link2, content a.link2:visited  {text-decoration: none; color: #373737; padding:0; margin:0; font-weight:normal;}
#content a.link2:hover {text-decoration: none; color: #EAB500;}
#content table {margin:0 0 10px 10px;}

#popup {text-align:left;}
#popup h1 {color:#EAB500; font-weight:bold; font-size:120%; padding:5px 0px 10px 0px; margin:0 10px 10px 10px; border-bottom:1px solid #dddddd;}
#popup a, popup a:visited  {text-decoration: none; color: #EAB500; padding:0; margin:0; font-weight:bold;}
#popup a:hover {text-decoration: none; color: #373737;}
#popup p {color:#373737; font-weight:normal; margin:0 10px 0 10px; padding:5px 0 5px 0; line-height:15px;}

/* footer */
#footer {clear:both; width: 780px; height:50px; margin:0; padding:0; text-align:left; background:url(../images/bgFooter.jpg) no-repeat;}
#footerinfo {margin:0 20px 0 20px; border-top:1px solid #dddddd; padding:10px 0 0 0;}
#footerinfo a, #footerinfo a:visited {margin:0; padding:0 10px 0 10px; color:#373737; text-decoration:none;}
#footerinfo a:hover {color:#EAB500;}


#error {margin: 0; text-align: left; padding:0; float:left; width:780px; background:url(../images/bgError.jpg) no-repeat;}
#error h1 {color:#EAB500; font-weight:bold; font-size:120%; padding:260px 0px 10px 0px; margin:10px 20px 10px 20px; border-bottom:1px solid #dddddd;}
#error p {color:#373737; font-weight:normal; margin:0 210px 0 20px; padding:10px 0 5px 0; line-height:15px;}
#error a, error a:visited  {text-decoration: none; color: #EAB500; padding:0; margin:0; font-weight:bold;}
#error a:hover {text-decoration: none; color: #373737;}