/* stylesheet for Jupiter Drift Divers */
/* http://www.jupiterdriftdivers.com */

.link {
	border-collapse : collapse;
	color : #000;
	background-color : #399; 
	text-align : center;
	font-size : 10pt;
	line-height : .9;
	border-bottom : 1px solid black;
	padding-top : .2em;
	padding-bottom : .4em;
}

.smlink {
	border-collapse : collapse;
	color : #000;
	background-color : #FFF5EE; 
	text-align : center;
	font-size : 8pt;
	border-bottom : 1px solid black;
	line-height : .9;
	padding-top : .2em;
	padding-bottom : .4em;
}

.lnkheader {
	height : 20px;
	text-align : center;
	font-weight : bold;
    font-size : 10pt;
	vertical-align : middle;
	color : #fff;
	background-color : #000;
	line-height : .9;
	padding-top : .2em;
	padding-bottom : .4em;
	padding-left : .2em;
}

.logo {
	text-align : center;
	font-weight : bold;
	vertical-align : middle;
}

.header {
	height : 20px;
	text-align : center;
	font-weight : bold;
    font-size : 12pt;
	vertical-align : middle;
	color : #fff;
	background-color : #000;
}

.rheader {
	height : 25px;
	text-align : center;
	font-weight : bold;
    font-size : 12pt;
	vertical-align : middle;
	color : #fff;
	background-color : #000;
}

.navbar {
    list-style : none;
}

.left-list {
	text-align : left;
	font-size : 12px;
	vertical-align : middle;
	list-style : square;
}

.nextmeeting {
	border : solid #000 2px;
	width : 40%;
	vertical-align : middle;
	text-align : center;
	margin-left : 30%;
}

.letter {
	border : solid #399 6px; 
	width : 80%;
	padding : 20px;
	vertical-align : middle;
	margin-left : 10%;
}

.holiday-letter {
	border : solid green 5px;
	width : 80%;
	padding : 20px;
	vertical-align : middle;
	margin-left : 10%;
}

.alert {
	color : #f00;
}

.bolder {
	font-weight : bold;
	font-size : smaller;
}

h2, h3, h4	{ 
	/*	margin-top : 10px; */
		text-align : center;
	}

h5 {
	   font-weight : bold;
	   font-size : 1.2em;
   }

p  	{ 
		font-size : 10pt;
		margin-left : 10px;
		margin-right : 10px;
   	}

/* from http://webdesign.about.com/od/css3/f/blfaqbgsize.htm for background image stretch */
html, body 
	{ 
		height: 100%;
		margin: 0;
		padding: 0;
		font-family : Arial, Helvetica, sans-serif;
		vertical-align : middle;
		font-weight : bold;
	}

img#bg 
{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
}

#content 
{
		position:relative;
		z-index:1;
}
/* end of http://webdesign.about.com/od/css3/f/blfaqbgsize.htm */

ul#hx {
		margin-left : 0%;
		padding-left : 0%;
		margin-right : 5%;
		padding-right : 5%;
}

li {
		font-size : .9em;
   }

hr  {
        background-color : #399;
        color : #399;
		width : 30%;
    }

table {
        border-width : thin;
		border : #000066; 
		border : 1px; 
		border-collapse : collapse; 
		empty-cells : show;
	}

table.membership {
	border : solid #366 1px;
	margin-left : 10%;
}

table.img_table {
	border-width : 0;
	padding-left : 10px;
	font-size : .8em;
	width : 100%;
}

table.inside-border {
    width : 100%;
	border : 2px solid black;
	padding : 2px;
}

/* Classes */
.interior {
	text-align : center;	
	border-style : solid;
	border-color : #399;
	border-width : 3px;
    border-collapse : collapse;
    margin-left : 15px; 
	width : 90%;
	empty-cells : show;
}

.roster {
		border-style : solid;
		border-color : #399;
		border-width : 2px;
		margin-left : 10px;
		width : 90%;
		empty-cells : show;
	}

.smaller {
	font-size : .8em;
}

.centered {
	text-align : center;
}

.center {
	text-align : center;
}

.under {
    text-decoration : underline;
}

.ital {
	font-style : italic;
}

.dropcap {
    font-size : 2em;
    font-family : fantasy, arial, helvetica, sans-serif;
    float : left; 
    padding-right : 1px; 
    padding-top : 10px;
}

.gold	
	{
		color : #ffd700;
	}

/* Navigation Menu CSS */

.menu 	
	{
		background-image : url(images/ocean.jpg);
		/* color : #cccc66; */
		font-size : 10pt;
		vertical-align : middle;
	}

.footer 
	{
		text-align : center;
		font-size : 8pt;
	}

.mdetail {
	font-size : 8pt;
	width : 200px;
}

.center 
	{
		text-align : center;
	}

.lm
    {
		text-align : right;
		font-size : 10pt;
	}

.normal-li
    {
	    list-style-image : url(/images/sdiver.gif);
		list-style-position : outside;
		font-size : 10pt;
	}

.stat_list {
	    list-style : square outside 
		    url(http://www.jdd.leftatsea.com/images/smflag.gif);
		font-size : 10pt;
}

.plain_list {
    list-style : none outside;
}

.spaced-li {
    margin-bottom : 10px;
	margin-left : 10%;
}

.normal
    {
		font-size : 10pt;
		text-align : left;
	}

.smredlet
    {
		font-size : .8em;
		color : red;
	}

.redlet
    {
		color : red;
		text-decoration : blink;
	}

.redletb
    {
		color : red;
	}

a:link, a:visited {
	color : #000; 
	text-decoration : none;
} 

/* links on pages were black and turned white (disappeared)
   when hovering.
*/
a.inline {
   color : #000;
   background-color : #fff;
}

a:hover {
    color : #03c;
}

a:visited.inline {
   color : #000;
   background-color : #fff;
}


a:hover.other {
    color : #399;
}

*/
/* Classes for special effects. */
.q-odd {
	font-weight : bold;
	color : white;
	background-color : transparent;
}

.a-odd {
	color : white;
	background-color : transparent;
}

.q {
	font-weight : bold;
    font-size : 1.3em;
	text-decoration : underline;
}

.otitle {
    width : 30%;
   	color : #000;
	font-weight : bold;
	text-align : left;
}

.officer {
   	color : #399;
	font-weight : bold;
	text-align : right;
}

.rt {
	text-align: right;
}

/* Link code  commented out!
A:link	{ color = #0cf; }
A:visited { color = #0cf; }
A:hover   { color = #933; }
*/
/* Division IDs */
#top {
    margin : 10px;
    padding : 10px;
    /* height: 100px; */
}

#leftlines {
    position : absolute;
    left : 25px;
    top : 50px;
    width : 170px;
}

#left {
	/* border : solid #993 2px; */
    position : absolute;
    left : 1%;
    top : 100px;
    width : 170px;
	color : #000;
	background-color : transparent;
}

#rightlines {
	/* border : solid #993 2px; */
    position : absolute;
    left : 85%; 
	right : 25px;
    top : 50px;
    width : 170px;
}

#right {
	/* border : solid #993 2px; */
    position : absolute;
    left : 82%;
    top : 100px;
    width : 170px;
	color : #000;
	background-color : transparent;
}

#center {
    margin-top : 0;
    /* margin-left : 190px;
    margin-right : 200px; */
	margin-left : 15%;
	margin-right : 20%;
}

#container {
   position : relative;
   z-index:1;
}


/* Application styles */
form {
    display : inline;
    /* background-color : #399;
	color : white; */
}

input.txt {
    border : 1px outset #399;
	color : #399;
	background-color : #ffc;
}

input.sub {
    background-color : #399;
	color : #000;
	border : 1px outset black;
}

.tooltip
{
    width: 261px;
    height: 250px;
    padding: 10px 10px 0 55px;
    font-size: 80%;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}

.indented
{
   font-size : 80%;
   text-align : left;
   margin-left : 100px;
   margin-right : 100px;
}

/* for roster */
.break { page-break-after: always; }

/* end roster */

.align-center { float:center; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }
.frame { padding: 5px; border: 1px solid #aaa; }