/* cmsms stylesheet: homeport-core modified: 10/18/15 07:07:09 */
/* Created by A. Anderson and D. Morschhauser */
/* Copyright 2011 */

/* Core style definitions for nmea2000solutions home port chart theme*/

body {
min-width: 880px;
background-color: #ffffff;
background-image:url('/images/homeport/backgrnd-grid.gif');
}

#wrapper {
width: 880px;
margin: 0 auto;
margin-top: -15px;
background-color: transparent;
}

/* chartmain, chartext, and chartfooter are the main containers defining the */
/* three graphical regions on the page */

#chartmain {
background-image:url('/images/homeport/charttop.jpg');
background-repeat: no-repeat;
margin: 0 auto;
min-height: 540px;
width: 840px;
z-index: 4;
}

#chartext {
background-color: #ffffff;
background-image:url('/images/homeport/chartmiddle.jpg'); 
background-repeat: repeat-y;
margin: 0 auto;
min-height: 10px;
padding-bottom: 13px;  /*      Padding to collapse on any default margins added to content       */
padding-top: 13px;       /* elements that would otherwise cause #chartext div to shift vertically */
width: 840px;
z-index: 4;
}

#chartfooter {
background-color: #ffffff;
/* background-image:url('/images/homeport/chartbottom.jpg'); */
background-image:url('/images/homeport/chartbase.jpg');
background-repeat: no-repeat;
margin: 0 auto;
height: 100px;
width: 840px;
z-index: 4;
}

/* head, body, extra, and footer define the content containers */
/* that lie within the graphic containers identified above */

#head {
background-color: transparent;
margin: 0 auto;
width: 780px;
}

#body {
background-color: transparent;
margin: 65px auto 0;
/* margin: 50px auto 5px; */
/* height: 100px; */
width: 780px;
}

#extra {
background-color: transparent;
margin: 0 auto;
width: 780px;
}

#footer {
background-color: transparent;
height: 100px;
margin: 0 auto;
position: relative;
width: 780px;
}
/* cmsms stylesheet: homeport-header modified: 10/17/15 20:56:32 */
/* Created by A. Anderson and D. Morschhauser */
/* Copyright 2011 */

/* Top menu style definitions for nmea2000solutions home port chart template */
/* Two line menu, main line displays top most menu items, second line appears */
/* when hovering over a menu item with children; second line contains the children */

/* general definitions, reserve space for two lines */

.nav_menu {
background-color: #FFF8D4;
position: relative;
font-family: Helvetica, Arial, sans serif;
font-size: 12px; /* .85em; */
font-weight: normal;
text-align: left;
padding-top: 15px;
height: 20px;
line-height: 16px; /* 1.15em; */
}

/* root list - first line, no list style */

.nav_menu ul { 
background-color: #FFF8D4;
margin: 0;
padding: 0;
list-style-type: none;
/* border-style: dotted; */
}

/* display list items in root list as inline elements */

.nav_menu ul li {
background-color: #FFF8D4;
display: inline;
}

/* remaining lines, hidden */

.nav_menu li ul {
display: none;
}

/* sub menus, display inline, locate absolutely under the first line */
/* locate in block element that extends full width of parent block */

.nav_menu li:hover ul{
position: absolute;
left: 0;
top: 30px;
height: 25px;  /* makes submenu higher to make it easier to stay within its space */
display: block;
width: 100%;
min-width: 100%;
/* border-style: dotted; */
}


/* anchor tags in list items, no decoration, padding(trbl) around each */
/* extra bottom padding to ensure overlap of hover target from li with */
/* ul contained within it */

.nav_menu a {
color: #3366cc;
font-weight: 575;
border-width: 1px;
text-decoration: none;
padding: 0px 3px 1px 3px; /* 0em .25em .1em .25em; */
}

.nav_menu a:hover {
/* color: #3366cc; */
color: #3300ee;
/* font-weight: bold; */
text-decoration: none;
padding: 0px 3px 1px 3px; /* 0em .25em .1em .25em; */
}

.nav_menu a.menuactive {
color: #555555;
}

.nav_menu a.menuactive:hover {
color: #111111;
}

/* styles for breadcrumbs */

.breadcrumbs {
position: relative;
color: #3366cc;
font-family: Helvetica, Arial, sans serif;
font-size: .65em;
font-weight: normal;
text-align: left;
line-height: 16px; /* 1.15em; */
padding-top: 5px;
}

.breadcrumbs a {
color: #3366cc;
border-width: 1px;
border-bottom-style: dotted;
text-decoration: none;
}

.breadcrumbs a:hover {
color: #3300ee;
text-decoration: none;
}

/* styles for the title */

.pagetitle {
padding-top: 48px;
}

.pagetitle h1, .pagetitle h2, .pagetitle h3 {
margin: 0;
}
/* cmsms stylesheet: homeport-content modified: 10/17/15 20:54:30 */
/* Created by A. Anderson and D. Morschhauser */
/* Copyright 2011 */

/* Content style definitions for nmea2000solutions home port chart theme*/

.content {
font-family: Helvetica, Arial, sans-serif; 
font-size: 13px; /* .9em; @ 14px/em */
line-height: 17px; /* 1.2em; */
font-style: italic; 
text-align: left;
color: #3366cc;
margin: auto;
background-color: transparent;
/* background-color: rgba(255, 240, 196, 0.4); */
}

.content h1 {
font-size: 25px; /* 1.8em; */
font-weight: bold;
}

.content h2 {
font-size: 21px; /* 1.5em; */
font-weight: bold;
}

.content h3 {
font-size: 17px; /* 1.2em; */
font-weight: bold;
}

.content a {
color: #3366cc;
border-width: 1px;
border-bottom-style: dotted;
text-decoration: none;
}

.content a:hover {
color: #3300ee;
text-decoration: none;
}

.chartfirst {
background-color: rgba(255, 240, 196, 0.4);
}

.copyrightline {
color: #99CCFF;
font-family: Helvetica, Arial, sans-serif; 
font-size: 10px; /* .7em; */
font-style: italic; 
line-height: 1em;
margin: 20px auto auto;
text-align: center;
}