/* --------------------------------------------
layout Stylesheet for Dublin Port

Version: 1.0
Author: Rafal Szczypka
Company: Fluid Rock
-------------------------------------------- */
body{margin: 0;	padding: 0;	text-align: center; background: url(../images/page-bg-home.gif) repeat-x top left; font: 100% Verdana, Tahoma, Arial; color: #25405c;}
h1{font-size: 170%; font-weight: bold;}
h2{font-size: 120%; font-weight: bold; color: #00adef; margin-bottom: 24px;}
h3{font-size: 95%; font-weight: bold;}

#wave-background{text-indent: -5000px;}
div.container{position: relative; margin: 0 auto 0 auto; padding: 0; width: 780px; height: 100%; text-align: left;}
h2	{margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/*image replace*/
#logo {margin: 0px;padding: 0px; z-index: 1000; text-indent: -5000px; background: url(../images/dublin_port_logo.jpg) no-repeat; height: 158px; width: 739px; cursor: pointer;} 
#logo a{display:block; height:158px; text-decoration:none;}

/* generic links */
a{color: #1c9300; text-decoration: underline;}
a:visited{color: #1c9300; text-decoration: underline;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}

.skiplink{display: none;}


/* FORMS */
/* Search form */
#search{
	position: absolute;
	width: 220px;
	right: 0px;
	top: 132px;
	text-align: right;
	left: 557px;}
	
label.labelsearchinput{display: none;}
#searchinput {width: 120px;border: 1px solid #7aac6f; background: #e8f4e5; font-size: 75%; padding: 2px 5px 2px 5px;}
*html #searchinput {width: 120px; font-size: 70%; }
#searchsubmit {width: auto; background: none; border: 0; color: #1c9300; font: bold 80% Verdana; text-decoration: underline;}
*html #searchsubmit	{margin-left: -20px;}


/* TABLES */
table{border: 0; margin: 0; padding: 0; margin-top: 20px; margin-bottom: 20px;}
table tr{ }
table th{font-weight: bold; padding-right: 10px; padding-bottom: 15px; border-bottom: 1px dashed #a6aeb5;}
table td{padding-right: 10px; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px dashed #a6aeb5;}
#contentpadding ul.tablelinks{margin: 0; padding: 0; list-style: none; list-style-image: none;}
#contentpadding ul.tablelinks li{margin: 0; padding: 0; background: none;}

/* MAINCONTENT */
#contentpadding{width: 780px; }
#contentpadding p, #contentpadding li{font-size: 90%; line-height: 15px;}
#colnormal{position: relative; margin-bottom: 0px; } 
#colnormal ul{margin: 0; padding: 0; list-style: none; list-style-image:url(../images/blue-square.gif); clear: both;}
#colnormal ol{clear: both;}
#colnormal li	{margin: 0px 0px 0px 20px; padding: 5px 10px 5px 10px;}

/* breadcrumbs */
#breadcrumbs{display:none;}

/* MENUS */
#topmenu{display: block; margin: 0; padding: 0; list-style: none; position: absolute; right: 0; top: 10px; z-index: 1;}
#topmenu li{float: left; border-right: 1px solid #005293; padding-right: 10px; margin-left: 10px;}
#topmenu li.last{border-right: 0; padding-right: 10px; margin-left: 10px;}
#topmenu a{text-decoration: none; color: #005293; font-size: 85%;}
#topmenu a:visited{text-decoration: none; bold; color: #005293; font-size: 85%;}
#topmenu a:hover{text-decoration: underline;}
#topmenu a:active{text-decoration: underline;}

/***************************** Top navivation */
#menu_1	{position: absolute; left: -10px; top: 109px; margin: 0px; padding: 0; height: 50px; z-index: 10000;}
#menu_1 #topnav {margin: 0px; padding: 0; list-style: none; margin-top: 22px; margin-left: 6px;}
#menu_1 ul 	{margin: 0px; padding: 2px; list-style: none; } /* second and third level lists*/
#menu_1	 ul li {position: relative; float: left; z-index: 1;  width: auto; margin-left: 10px; padding-right: 10px; background: url(../images/nav-break.gif) no-repeat 100% 50%;}
#menu_1	 ul li.about {position: relative; float: left; z-index: 1;  width: 130px; margin-left: 10px; padding-right: 10px; background: url(../images/nav-break.gif) no-repeat 100% 50%;}
#menu_1	 ul li.info {position: relative; float: left; z-index: 1; width: 140px; margin-left: 10px; padding-right: 10px;  background: url(../images/nav-break.gif) no-repeat 100% 50%;}
#menu_1	 ul li.business {position: relative; float: left; z-index: 1; width: 60px; margin-left: 10px; padding-right: 10px;  background: url(../images/nav-break.gif) no-repeat 100% 50%;}
#menu_1	 ul li.public {position: relative; float: left; z-index: 1; width: 60px; margin-left: 10px; padding-right: 10px;  background: url(../images/nav-break.gif) no-repeat 100% 50%;}
#menu_1	 ul li.tourism {position: relative; float: left; z-index: 1; width: 60px; margin-left: 10px; padding-right: 10px; background: none;}

#menu_1 ul ul li{background: none transparent;}

#menu_1 ul ul{width: 165px; } /* second and third level lists*/
#menu_1 ul ul li {width:163px; margin-top: -3px; } /* second and third level li's are 1 pixel narrower because of border*/
*html #menu_1 ul ul li	{width:162px; margin-top: -3px; } /* second and third level li's are 1 pixel narrower in explorer*/
#menu_1 li ul {position: absolute;	left: 0px; /* Set 1px less than menu width */	top: auto;	display: none;	z-index: 10000; width:auto;}

/* Styles for Menu Items */
#menu_1 ul li a {display: block; text-decoration: none;	color: #008469;	padding: 3px; text-align: center; font-weight: bold; font-size: 80%;}
#menu_1 ul li a.current {display: block; text-decoration: underline;	color: #00539b;	padding: 3px; text-align: center;font-weight: bold; font-size: 80%;}
#menu_1 ul li a:hover	{display: block; text-decoration: none; color: #00539b;}
#menu_1 ul ul li a {display: block;	text-decoration: none;	color: blue; padding: 0; text-align: left; font-weight: normal; font-size: 100%; }
*html #menu_1 ul ul li a {font-size: 80%; }

/* commented backslash mac hiding hack \*/ 
* html #menu_1 ul li a {height:1%}
/* end hack */ 

/* this sets all hovered lists to colors */
#menu_1 li:hover a, #menu_1 li.over a {color: #00539b;} /*1st level blue*/
#menu_1 li:hover li:hover a {color: #fff; background-color:#005293; filter:none;} /*after you've rolled off 2nd level*/
#menu_1 li.over li.over a {color: #fff; background-color: #005293;} /*after you've rolled off 2nd level IE and Opera*/
#menu_1 li.over li.over li.over a {color: #666666; background-color: #005293;} /*Opera 3rd mouseout*/
#menu_1 li:hover li a:hover {color: #fff; background-color: #005293;} /* 2nd level hover (not IE Opera)*/
#menu_1 li.over li a:hover {color: #fff; background-color: #005293;} /* 2nd level hover IE & Opera)*/

/* set dropdown to default */
#menu_1 li:hover li a,  /* 2nd level hover IE*/ #menu_1 li.over li a, #menu_1 li:hover li:hover li a, /* 2nd level hover opera*/ #menu_1 li.over li.over li a {color: #005293; background-color: #deefda;}/* 2nd level hover IE*/
#menu_1 li:hover li a.current2level,  #menu_1 li.over li a.current2level, #menu_1 li:hover li:hover li a.current2level,  #menu_1 li.over li.over li a.current2level {font-weight: bold; color: #005293; background-color: #deefda;}/* 2nd level hover IE*/
#menu_1 li ul li a {padding: 5px 5px;} /* 2nd level link */ #menu_1 ul li:hover ul ul, #menu_1 ul li:hover ul ul ul, #menu_1 ul li.over ul ul, #menu_1 ul li.over ul ul ul {display:none;}
#menu_1 ul li:hover ul, #menu_1 ul li li:hover ul, #menu_1 ul li li li:hover ul, #menu_1 ul li.over ul, #menu_1 ul li li.over ul, #menu_1 ul li li li.over ul {display: block;}


#menu_2	{display: none;}
#leftcontent{display: none;}

#firstcolumn{position: relative; float: left; width: 205px; padding: 0px 20px 0px 15px;}
*html #firstcolumn{width: 210px;}
#firstcolumn img {border: solid 3px #e8f5ff; float: left;}
#firstcolumn a{}
#firstcolumn p.caption{margin:0; padding:0; font-size: 80%;}


#secondcolumn{position: relative; float: left; width: 270px; padding: 0px 10px 0px 10px;}
#secondcolumn table	{width: 270px; margin-bottom: 10px; font-size: 85%;}
#secondcolumn table tr{background: #f5faf4;}
#secondcolumn table tr.even{background: #f1f8fe;}
#secondcolumn table tr.more{background: #fff;}
#secondcolumn table caption {text-align: left; font-weight: bold; font-size: 12px; margin:0; padding: 0; }
#secondcolumn table	td{ padding-left: 3px; padding-bottom: 3px; padding-top: 3px; border: 0;   vertical-align: top; color: #033a65; border-bottom: 3px solid #fff;}

#secondcolumn table td.tdmore{width: 270px; margin: 0; padding: 0;}

#thirdcolumn{position: relative; float: left; width: 205px; padding: 0px 15px 0px 20px;}
*html #thirdcolumn{width: 210px;}
#thirdcolumn img {border: solid 3px #e8f5ff; margin-top: 3px;}
#thirdcolumn .news{width: 100%; margin: 0; padding: 0; margin-bottom: 7px; padding-bottom: 7px; line-height: 13px; border-bottom: 0px solid #e8f5ff; list-style: none;}
#thirdcolumn .news li{margin: 0; padding: 0; }

#thirdcolumn .news a {margin-top: 0px;}
#thirdcolumn .news a img {margin: 10px 0px 0px 0px;}


/* TABLES */


#footer{float: left; width: 100%; background: #fff url(../images/footer-bg.gif) repeat-x; font-size: 85%; color: #146700;}
#footer .container{background: none;}
#address{position: relative; float: left; margin-top: 10px; font-size: 95%; line-height: 15px;}
#footerright{position: relative; float: right; width: 30%; text-align: right; margin-top: 10px; } 
#footerright form{float: right; font-size: 95%; text-align: right;}
#designed{font-size: 95%; clear: both; margin: 0; margin-bottom: 10px;  padding: 0; padding-top: 10px; text-align: right; width: 100%;}

#font_select #smalltext-submit{width: 14px; height: 14px; background: url(../images/small-text-icon.gif) no-repeat; border: none; font-size: 0%; color: #3fa327; padding-top: 15px; line-height: 14px;}
#font_select #largetext-submit{ width: 19px; height: 19px; background: url(../images/large-text-icon.gif) no-repeat; border: none; font-size: 0%; color: #3fa327; padding-top: 15px; line-height: 19px;}
t; border: none; font-size: 0%; color: #3fa327; padding-top: 15px; line-height: 19px;}