/* leechline.css */

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }

body { font-family: 'Lato', Verdana, Arial, Helvetica, sans-serif; background-color:#fff; margin-top:0px; border-top:0px; background-image:url("http://jobsonsailing.com/images/bg.gif"); padding:0px; color:#003; height:100%;}

p { font-size: 16px; line-height:24px; }

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  width: 100%;
}

th {
  padding: 0.25rem;
  text-align: left;
  background-color:#eee;
}

td {
  padding: 0.25rem;
  text-align: left;
}

ul {
	margin:0;
	padding:0;
}



/* color styles : Blue */
.color { color:#00c; }
.colorHeavy { color:#00c; font-weight:bold;}
.colorLarge {font-size:18px; color:#00c; font-weight:bold; margin-top:20px; margin-bottom:15px;}
.colorxSmall {font-size:14px; color:#00c; font-weight:normal;}

a.colorHeavy { text-decoration:none; color:#00c; }

/* color styles : Grey */
.color2 { color:#999; }

.super { vertical-align:text-top;}

.formRow { padding:4px; width:100%; }
.formHeader { background-color: #ddd; font-weight:bold; }
.formLabels { background-color: #ddd; font-weight:bold; width: 120px; }
.formFields { background-color: #; color:#003; text-align:left; }
.formFieldsXsmall { background-color: #efefef; color:#003; font-size:10px; text-align:left; }
.formFieldsSelect { background-color: #efefef; color:#c00; text-align:left; }

#pageLayout {
	width:900px;
	min-height:100%;
	overflow:auto;
	background-color:#fff;
	margin-right:auto; 
	margin-left:auto; 
	padding:25px;
	border-left:#999 thin solid; 
	border-right: #999 thin solid;
	position:relative;
}

/* IE6 hack for 100% height */
* html #pageLayout {
	height:100%;
}

/* menu classes */

#j70_banner {  /* grey bar behind nav_bar buttons under banner image */
	position:relative;
	width:900px;
	height:345px;
	background-color:#eee;
}

#j70_logo {  /* J/70 Fleet 2 logo */
	position:absolute;
	z-index:10;
	left:15px;
	top:190px;
	border:1px solid #06C; 
} 

#nav_bar {  /* horizontal nav buttons below banner image */
	position:absolute;
	z-index:20;
	width:750px; 
	border:0px;
	left:155px;
	top:280px;
}

#background_topbar {  /* puts a dark blue bar at top */
	position:absolute;	
	left:0px;
	top:0px;
	border:0px;
	z-index:-1;
	width:100%;
	height:250px;
	background-color:#006;
}


#nav_bar li { 
	list-style-type: none;
	float:left;
}

#nav_bar a:link, a:visited {
	display:block;
	width:125px;
	color:#006;
	font-size:18px;
	font-family: 'Open Sans Condensed', Verdana, sans-serif;
	font-weight:bold;
	background-color:#fff;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	border:1px solid #06C; 
	margin:5px;
}

#nav_bar a:hover, a:active {
	background-color:#ddd;
	text-decoration:none;
}


/* main body classes */

#contentCol {
	width:600px;
	margin:20px;
}

#linksCol {
	width:250px;
	float:right;
	background-color:#eee;
	padding-bottom:500px;
}

.links a:link, a:visited {
	display:block;
	width:180px;
	font-size:18px;
	font-family: 'Open Sans Condensed', Verdana, sans-serif;
	font-weight:bold;
	color:#006;
	background-color:#fff;
	text-align:center;
	padding:15px;
	text-decoration:none;
	border:1px solid #06C; 
	margin:20px;
}

.links a:hover, a:active {
	background-color:#ddd;
	text-decoration:none;
}

.center {
	padding:20px;
	margin-left:auto;
	margin-right:auto;
}

#calendarCol {
	width:900px;
	padding-top:40px;
}

#weatherCol {
	width:900px;
	padding-top:40px;
}


/* all pages classes */

.tableLayout { 
	width:600px;
	background-color:#fff;
	border:1px #ddd solid;
	padding:10px;
	float:left;
}


/*Initialize Drop down menus*/
ul#nav_bar li, ul#nav_bar li, ul#menu ul.sub-menu li {
	list-style-type: none;
	display: inline-block;
}

/*Drop Down Link Appearance*/
ul#nav_bar li ul.sub-menu li a {
	text-decoration: none;
	font-size:18px;
	font-family: 'Open Sans Condensed', Verdana, sans-serif;
	color:#006;
	background-color:#fff;
	border:1px solid #06C; 
	display:inline-block;
}

#nav_bar li ul.sub-menu li a:hover, a:active {
	background-color:#ddd;
	text-decoration:none;
}

/*Make the parent of sub-menu relative*/
ul#nav_bar li {
	position: relative;
}

/*sub menu*/
ul#nav_bar li ul.sub-menu {
	display:none;
	position: absolute;
	top: 45px;
	left: 0;
	width: 200px;
	margin:0px;
}
ul#nav_bar li:hover ul.sub-menu {
	display:block;
}


.bulleted_list {
	margin-left:30px;
}