/* CSS Document for IMDO Maritime Careers Homepage */


/* Header */
#header { width:294px; height:auto !important; height:200px; min-height:200px; margin:0px 0px 0px 17px; padding:35px 397px 78px 35px; background:url(../images/generic/header_bg.jpg) no-repeat left top; }
#header h1 { width:auto; color:#444444; font-size:305%; margin:0px 0px 8px -2px; position:static; bottom:0px; left:0px; }



/* Secondary Navigation */
#secondary-navigation { width:242px; margin:-173px -18px 0px 3px; }



/* Content */
#content { padding:0px; }
.left-column { width:242px; margin:-7px 0px 0px 4px; padding:7px 0px 0px 0px; }
.right-column { width:725px; margin:-7px 4px 0px -1px; padding:7px 0px 0px 0px; font-size:100%; }
.right-column h3 { font-size:175%; color:#003366; }
.right-column h4 { font-size:160%; color:#003366; }
.right-column ul { margin-top:0px; }
.right-column li { padding:0px; background:none; }

#line { background-image:url(../images/generic/content_line.gif); }



/* News Snippets */
ul.snippets, ul.snippets-nb { width:697px; margin-bottom:7px; padding:17px 0px 15px 0px; float:left; display:inline; background:url(../images/generic/snippets_bg.gif) no-repeat 30px bottom; }
ul.snippets-nb { background:none; }
ul.snippets li, ul.snippets-nb li { width:183px; margin:0px 29px 0px 30px; float:left; display:inline; }
ul.snippets li.last, ul.snippets-nb li.last { width:183px; margin:0px 0px 0px 30px; }
ul.snippets li a, ul.snippets-nb li a { width:100%; float:left; display:block; color:#333333; background:url(blank.gif) repeat left top; }
ul.snippets li a:hover, ul.snippets-nb li a:hover { color:#333333; }
ul.snippets li h4 a, ul.snippets-nb li h4 a { margin-bottom:9px; float:none; color:#0066CC; background:url(blank.gif) repeat left top; line-height:normal; }
ul.snippets li h4 a:hover, ul.snippets-nb li h4 a:hover { color:#669933; }
ul.snippets li a img, ul.snippets-nb li a img { margin-bottom:10px; }
ul.snippets li a .h5, ul.snippets-nb li a .h5 { margin-bottom:5px; font-weight:bold; }
ul.snippets li a .read-more, ul.snippets-nb li a .read-more { margin-top:10px; color:#0066CC; display:block; }
ul.snippets li a:hover .read-more, ul.snippets-nb li a:hover .read-more { color:#669933; }
ul.snippets li ul li, ul.snippets-nb li ul li { width:auto; margin:0px; float:none; display:block; }
ul.snippets li ul li a, ul.snippets-nb li ul li a { color:#003366; float:none; }
ul.snippets li ul li a:hover, ul.snippets-nb li ul li a:hover { color:#669933; }
ul.maritime-education-centres { font-size:105%; }
ul.maritime-education-centres li { padding-bottom:15px; }
ul.maritime-courses { margin-bottom:30px; font-size:105%; }
ul.maritime-courses li { padding-bottom:3px; }
ul.shipping-companies { margin-bottom:10px; font-size:105%; }
ul.shipping-companies li { padding-bottom:3px; }




/* Search */
.search { width:232px; margin:0px; padding:0px 12px 14px 0px; background:url(../images/generic/search_graphic.gif) no-repeat left bottom; position:absolute; left:31px; bottom:17px; }
.search form { width:232px; background:url(../images/generic/search_box.gif) no-repeat left top; }
.search input { width:202px; padding:2px 0px 0px 5px; }





/* News */
.news { width:206px; margin:15px 0px 0px 19px; padding-bottom:30px; float:left; display:inline; position:relative; }
.news h3 { margin:0px 0px 2px 0px; padding:0px 0px 0px 0px; }
.news ul { width:206px; margin-top:4px; float:left; background:url(../images/generic/gradient_line_news.gif) no-repeat left top; }
.news li { width:206px; float:left; background:url(../images/generic/gradient_line_news.gif) no-repeat left bottom; font-size:105%; }
.news li a { width:186px; padding:8px 0px 8px 20px; float:left; display:block; color:#333333; background:url(../images/generic/bullet.gif) no-repeat 5px 13px; }
.news li a .read-more { width:100%; float:right; display:block; cursor:pointer; text-align:right; color:#0066CC; font-size:95%; }
.news li a:hover { color:#333333; }
.news li a:hover .read-more { color:#669933; }
.news .prev-next { float:left; clear:both; bottom:20px; }
.news .prev-next ul { width:auto; margin-bottom:0px; float:right; background:none; }
.news .prev-next li { width:auto; float:left; padding:0px 6px 0px 0px; margin:0px; background:url(../images/generic/homepage_r15_c24.gif) no-repeat right center; display:inline; font-weight:bold; border:none; cursor:pointer; }
.news .prev-next li.last { padding:0px 0px 0px 5px; margin:0px; background:none; }