/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family: 'tresbuchet ms', arial, sans-serif;
    }
	h1 {
	font-size: 1.5em;
	text-align: left;
	color: blue;
	}
	h2{
	font-size: 1.3em;
	text-align: left;
	color: blue;
	}
	h3 {
	font-size: 1.1em;
	text-align: left;
	color: blue;
	}
	a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		background-color:#369;
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
		height: 144px;
		background-image: url(/images/masthead4.gif);
		background-repeat: no-repeat;
		background-position: center center;
    }
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}
/*	#header #img_wrap {
	margin: auto;
	width:100%;
	border: 1px blue solid;
	}
	#header #img_wrap p img {
	margin: auto;
	text-align: center;
	}*/

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:#FFF;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 15px 0 330px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:290px;
        position:relative;
        right:200px;
	 }

	.col2 {
	background-color: white;
		background-image: url(/images/lborderflag.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		background-attachment:fixed;
}

	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }


	#footer p, #footer img {
	margin: auto;
	text-align: center;
	display: block;
	color: #99CCFF;
	}
#footer p a:active,#footer p a:visited,#footer p a:link {
	text-decoration: none;
	}
#footer p a:hover {
	background-color: #99CCFF;
	color: #000;
	border: 1px #99CCFF dotted;
	}
#footer p.forces {
font-weight: bold;
font-size: 1.2em;
font-style: italic;
color: #000;
}
	/* nav styles*/
	#nav {
	font-size: 1.2em;
	}
	.col2 {
	font-family: arial, sans-serif;
	color: #000;
	}
	#nav hr {
	width: 85%;
	text-align: left;
	}
	.col2 ul, .col2 ul li{
list-style-type: none;
margin:0;
padding:0 0 0 50px;
}
.col2 ul li {
margin: .5em 0;
font-weight: bold;
font-size: .85em;
}
.col2 ul li a:link,.col2 ul li a:visited,.col2 ul li a:active{
text-decoration: none;
color: blue;
}
.col2 ul li a:hover {
background-color: blue;
text-decoration:underline;
color: #fff;
/*border: 1px black dotted;*/
}
.col2 ul li ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.col2 ul li ul li {
padding-left: .5em;
margin-left: 0.25em;
}
.col1 ul li ul,.col1 ul li ul li{
list-style-type: none;
}
.form br {
clear: both;
}
legend {
font-size:1.1em;
font-weight:bold;
border:3px solid #D9D9D9;
padding:3px;
background:#fff;
}
fieldset {
border: 1px #D9D9D9 solid;
width: 100%;
margin: .5em auto;
padding: .5em;
}
label {
clear:left;
display:block;
float:left;
width:15em;
text-align:right;
padding-right:10px;
color:#888;
margin-bottom:0.5em;
}
span.req {
font-weight: bold;
color: red;
font-size: 1.2em;
}
p.btn{
margin:1em auto;
text-align: center;
display: block;
}
li.notice:before {
content: url(/images/animated_arrow.gif);
padding-right: .5em;
}
.ctr {
text-align: center;
}
.pull {
margin-left: -25%;
}
#error.p {
font-weight: bold;
}
div#nl_links
{
float: right;
font-size: .85em;
}
div#nl_links {
margin: 0;
padding: 0;
}
ul.sublinks {
display: inline;
list-style-type: none;
}
ul.sublinks li {
padding: .25em 0;
text-align: right;
}
ul.sublinks li a:link,
ul.sublinks li a:visited,
ul.sublinks li a:active,
#nl_body p.archive a:link,
#nl_body p.archive a:visited,
#nl_body p.archive a:active
 {
text-decoration: none;
color: blue;
}
ul.sublinks li a:hover,
#nl_body p.archive a:hover {
color: #fff;
background-color: blue;
text-decoration: underline;
}
p.right {
text-align: right;
}
p.min {
font-size: .85em;
font-weight: bold;
}
/* newsletter specific styles */
#newsletter .fleft {
float: left;
padding: .5em;
clear: right;
}

#newsletter p.content:first-letter
{
color: #ff0000;
font-size:xx-large;
}
#newsletter p.normal{
color: #000;
font-size: 1em;
}
#nl_body p{
width: 70%;
margin: .5em 1em;
}

#nl_body ul {
list-style-type: none;
}

#home_body h2,
#act_body h2 {
color: blue;
font-size: 1.3em;
text-align: left;
}
#nl_body h3,
#home_body h3,
#act_body h3 {
color: blue;
font-size: 1.1em;
text-align: left;
}
#nl_body .holiday {
font-weight: bold;
}
#nl_links #interest ul {
font-style: italic;
font-size: 1em;
padding: .5em;
float: right;
}
#interest {
padding-top: 1em;
}
#interest ul {
list-style-type: none;
text-align: right;
}
#interest ul li {
padding: .25em 0;
}
#interest h3 {
font-size: 1.1em;
text-decoration: underline;
text-align: right;
margin: 0;
padding: 0;
}

/* form specific styling */
form#contact1, form#contact2 {
padding: 1em;
margin: 1em;
}
form#contact1 input,
form#contact1 textarea,
form#contact2 input,
form#contact2 textarea {
width: 25em;
}
form#contact1 textarea,
form#contact2 textarea {
height: 15em;
}
form#contact2 br {
line-height: 2em;
}
legend {
font-size:1.1em;
font-weight:bold;
border:3px solid #D9D9D9;
margin-bottom:5px;
padding:3px;
background:#fff;
}
fieldset {
border: 1px #D9D9D9 solid;
width: 85%;
float: left;
}
label {
clear:left;
display:block;
float:left;
width:15em;
text-align:right;
padding-right:10px;
color:#888;
margin-bottom:0.5em;
}
span.req {
font-weight: bold;
color: red;
font-size: 1.2em;
}
.btn, #sub_submit {
margin: 1em auto;
text-align: center;
clear: both;
}
.btn p{
text-align: left;
padding-left: .5em;
}
.ctr {
text-align: center;
}
.pull {
margin-left: -25%;
}
#error.p {
font-weight: bold;
}
div#nl_links
{
float: right;
font-size: .85em;
}
div#nl_links {
margin: 0;
padding: 0;
}
ul.sublinks {
display: inline;
list-style-type: none;
}
ul.sublinks li {
padding: .25em 0;
text-align: right;
}
ul.sublinks li a:link, ul.sublinks li a:visited, ul.sublinks li a:active {
text-decoration: none;
color: blue;
}
ul.sublinks li a:hover {
color: #fff;
background-color: blue;
text-decoration: underline;
}
p.right {
text-align: right;
}
p.min {
font-size: .85em;
font-weight: bold;
}
span#recycle:before {
content: url(/images/recaptcha.gif);
}
#nl_body table {
border: 1px black solid;
border-collapse: collapse;
margin: auto;
width: 85%;
}
#nl_body table tr, #nl_body table tr th, #nl_body table tr td {
border: 1px black solid;
}
#nl_body table th, #nl_body table td {
width: 14.2%;
}
.lr {
float:right;
clear: left;
}
/* calendar styles */
table#calendar {
border: 1px black solid;
width: 85%;
}
#events table {
margin-left:0;
padding-left: .5em;
}
#events .calmonth {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 18px; line-height: 1.3em;
     font-weight: bold; color: #003399;
     text-align: center;
     vertical-align: middle;
     padding-top: 10px;
     padding-right: 0px;
     padding-bottom: 10px;
     padding-left: 0px;
     border: #003399; border-style: solid;
     border-top-width: 2px;
     border-right-width: 2px;
     border-bottom-width: 1px;
     border-left-width: 2px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
}

#events th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #0080C0;
	text-align: center;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
/*	letter-spacing: 1.025em; */
	border-top: 2px solid #003399;
	border-right: 1px solid #003399;
	border-bottom: 1px solid #003399;
	border-left: 1px solid #003399;
}
#events #oldmonth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF3333;
	background-color: #FFFFDF;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003399;
	border-right-color: #FF3366;
	border-bottom-color: #FF3366;
	border-left-color: #003399;
}
#events #newmonth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	background-color: #FFFFDF;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF3366;
	border-right-color: #003399;
	border-bottom-color: #003399;
	border-left-color: #FF3366;
}
#events #sundays {
	border: #003399 solid;
	border-width: 1px 1px 1px 2px
}

#events .date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #F2FFFF;
	text-align: left;
	vertical-align: top;
	height: 65px;
	width: 14%;
	border: #003399;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #003399;
	margin: 0px;
	padding: 0px 3px 3px 0px;
}
#events #saturdays {
	border: #003399 solid;
	border-width: 1px 2px 1px 1px
}

#events #bottoms {
	border: #003399 solid;
	border-width: 1px 1px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; color: #003399; background-color: #F2FFFF
}

#events #lowerleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; color: #003399;
	background-color: #F2FFFF;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
	padding-top: 0px; padding-right: 3px; padding-bottom: 3px; padding-left: 0px;
	border: #003399; border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 2px
}

#events h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	background-color: #FFFFDD;
	text-align: center;
	vertical-align: middle;
	display:block;
	margin-top: 0px; margin-right: 30%; margin-bottom: 0px; margin-left: 0px;
	padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px;
	height: 15px;
	width: 22px;
	border: #003399 solid; border-width: 0px 1px 1px 0px;
	/* clip:     rect(   ) */
}
#events p {
     margin-top: 0px;
     padding-top: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
     padding-left: 3px
}

#events ul {
     margin-top: -2.14em;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 3em;
     list-style-type: circle
}

#events #oldmonth p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003399;
	background-color: #FFFFDF;
	text-align: left;
	vertical-align: top;
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
	padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px
}

#events #newmonth p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003399;
	background-color: #FFFFDF;
	text-align: left;
	vertical-align: top;
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
	padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px
}

#events h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003399;
	text-decoration: none;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
	list-style-type: circle;
	font-weight: normal;
	margin-top: 2px; margin-right: 0px; margin-bottom: 3px; margin-left: 5px
}
#events h4 {
text-align: left;
font-size: .95em;
margin-top: 0;
padding-top: 1px;
color: #000;
}
p.cite {
font-style: italic;
font-size: .85em;
text-align: left;
font-family: 'times new roman', serif;
}
.captcha {
display: inline-block;
margin: auto;
}
#recaptcha_widget_div, #recaptcha_area {
margin: auto;
text-align: center;
display: block;
}
a[href$='.pdf'] {
padding-left: 18px;
background: transparent url(/images/icon_pdf.gif) no-repeat center left;
}

.officers {
padding-left: 4em;
}
/* newsletter and officers page headings styles */
#everlasting h2, #nl_body h3, .officers h2, #alr_body h3,.alr_event h1{
line-height: 75px;
padding-left: 75px;
}
#everlasting h2,
#nl_body h3#commander,
#nl_body h3#cal,
#nl_body h3#adjutant,
.officers h2.legion {
background:transparent url(/images/legion_emblem_sm.gif) no-repeat center left;
}
#nl_body h3#chaplain {
padding-left: 90px;
background:transparent url(/images/chaplain_icon2.gif) no-repeat center left;
}

#nl_body h3#park {
background:transparent url(/images/park_layout_sm.gif) no-repeat center left;
padding-left: 80px;
}
#nl_body h3#lounge {
background:transparent url(/images/lounge_icon.web.gif) no-repeat center left;
}
#nl_body h3#aux, .officers h2.aux {
background:transparent url(/images/aux_emblem_sm.gif) no-repeat center left;
}

#nl_body h3#sal, .officers h2.sal {
padding-left: 65px;
background:transparent url(/images/sal_emblem_sm.gif) no-repeat center left;
}
.alr_event h1,
#nl_body h3#alr,
#alr_body h3#alr,
.officers h2.alr {
background:transparent url(/images/alr_emblem_sm.gif) no-repeat center left;
}
#nl_body h3#dav {
padding-left: 77px;
background:transparent url(/images/dav_logo.gif) no-repeat center left;
}

/* membership application */
div.service, div#sign {
float: left;
padding: 0 2em;
clear: both;
margin-left: 15em;
}
div#sign {
padding-bottom: 2em;
}
p.ruled {
width: 85%;
border-bottom: 1px black solid;
text-align: left;
clear:both;
margin: 0 2em 0 0;
padding-top: 2em;
}
/* Applications pages will use this */
/* hide print stuff from screen */
div#sendto {
display: none;
}

/*newsletter archive list styles */
h2.archive  {
background: transparent url(/images/newspaper-icon.gif) no-repeat center left;
line-height: 86px;
padding-left: 86px;
}

#archive_body ul {
list-style-type: none;
}
#archive_body ul li {
padding-bottom: 1.5em;
}
table#eligibility {

margin: 0;
padding: 0;
}
table#eligibility td {
border: 1px black solid;
border-collapse: collapse;
padding: .25em .5em;
}
table#eligibility tr {
padding: .5em;
}
table#eligibility caption {
font-family: 'trebuchet ms', arial, sans-serif;
font-weight: bold;
text-align: left;
}
/*p.archive {
text-align: center;
margin: auto;
}*/
h2.archive {
color: blue;
text-align: left;
}
hr {
width: 80%;
text-align: left;
margin-left: 10%; 
}
p.subtle {
font-size: .85em;
color: #003399 /* dark blue */
}
ul.plain {
list-style-type: none;
line-height: 1.8em;
}
.subtext {
font-size: .85em;
}
div#everlasting div#heading p {
padding: 0 5em 1.5em .5em;
font-style: italic;
text-align: left;
margin: auto;
}
table#eternal tr, table#eternal th, table#eternal td{
vertical-align: top;
padding: 0 .5em;
}
table#eternal th {
text-align: center;
padding: 0 0 .5em 0;
}
table#eternal h3 {
text-align:right;
padding: 0 .5em;
margin-top:0;
}
table#eternal h4 {
text-align: right;
margin-top: 0;
}
table#eternal td p {
margin:0;
padding:0 .5em .75em .5em;
}
br.bigger {
line-height: 2em;
}
ul.alr {
list-style-type: none;
}
ul.alr li {
font-weight: bold;
}
ul.alr ul.alr  {
list-style-type: none;
}
ul.alr li ul.alr li{
font-weight: normal;
}
/*ul.alr li.inner {
list-style-type: circle;
}*/