@charset "utf-8";

/* CSS Document */


body {
	font-family: Bitter, Georgia, Times, serif;
	background-color: #996B2E;
	background-color: Sienna;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	/*font-family: "Verdana", Helvetica, Sans-Serif;*/
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

#container {
	width: 900px;
	//height: 1500px;
	//background-color: navy;
	background-color: #FFF;
	border: solid black 2px;
	//border-left: solid black 1px;
	//border-right: solid black 1px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: auto;
	
}

.header { 
	height: 150px;
	position: relative;
	
	/* background-color: #07702A; */
	background-color: #412f1b;
	background-color: #602019;
	background-image: url(../images/davekanelogo2.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align: center;
	padding-top: .2em;
	font-size: 3.0em;
	border-bottom: solid black 1px;
	z-index:1;
	
}

.content {
	padding-top: 2em;
	padding-left: 4em;
	padding-right: 4em;
	height: 100%;
	font-family: "Verdana", Helvetica, Sans-Serif;
	text-align:justify;
	padding-bottom: 40px;
	background-color: #FFDEAD;
	//background-color: #FFFFFF;
	overflow: auto;
	
}

.content p
{
    margin: 12px 0;
}

.content h4
{
	/* color: #3F2C13; */
	margin: 20px 0;
	font-size: 18px;	
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  //font-size: 35px;
  text-decoration: none;
}

.content a,
.content a:link
{
    /* font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; */
	font-family: "Verdana", Helvetica, Sans-Serif;
	text-align:justify;
	text-decoration:none;
	
}

IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

.center { 
	text-align: center;
}

#footer
{
  position: relative;
  margin: 0;
  width: 100%;
  height: 20px;
  background-color: #460906;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  //padding: 1em;
  text-align: center;
  text-decoration: none;
  color: #CAC7BE;
  padding-top: .5em;
  padding-bottom: .5em;
  overflow: hidden;
}


#navmenu a, #navmenu a:link, #navmenu a:visited, #navmenu a:hover
{
    outline: none;
}

#navmenu, #navmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

#navmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}

#navmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

#navmenu li li
{
  float: none;
}

#navmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
  min-height: 0;
  background-image: url('spacer.gif');
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

#navmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

#navmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

#navmenu:after, #navmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}

#navmenu{
  min-height: 0;
  position:relative;
  padding: 6px 6px 6px 6px;
  margin: auto;
  display: inline-block;
  font-size: 18px;
}

#navmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}

/* menu structure */

.art-nav
{
  position: relative;
  min-height: 41px;
  z-index: 100;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;  
}



.art-nav-outer
{
    position:absolute;
    width:100%;
	text-align: center;
	
}

.art-nav-l, .art-nav-r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  background-image: url('../images/nav3.png');
}

.art-nav-l
{
  left: 0;
  right: 5px;
}

.art-nav-r
{
  right: 0;
  width: 892px;
  clip: rect(auto, auto, auto, 887px);
}

/* end Menu */

/* begin MenuItem */
#navmenu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 29px;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
}

#navmenu ul li
{
    margin:0;
    clear: both;
}



#navmenu a .r, #navmenu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 97px;
  background-image:url(../images/menuitem.png);
}

#navmenu a .l
{
  left: 0;
  right: 4px;
}

#navmenu a .r
{
  width: 408px;
  right: 0;
  clip: rect(auto, auto, auto, 404px);
}

art-hmenu a .t, #navmenu ul a, #navmenu a:link, #navmenu a:visited, #navmenu a:hover
{
  text-align: left;
  text-decoration: none;
}

#navmenu a .t
{
  color: #D8D6CF;
  padding: 0 14px;
  margin: 0 4px;
  line-height: 29px;
  text-align: center;
  

}

#navmenu a:hover .l, #navmenu a:hover .r
{
  top: -34px;
}

#navmenu li:hover>a .l, #navmenu li:hover>a .r
{
  top: -34px;
}

#navmenu li:hover a .l, #navmenu li:hover a .r
{
  top: -34px;
}
#navmenu a:hover .t
{
  color: #000000;
}

#navmenu li:hover a .t
{
  color: #000000;
}

#navmenu li:hover>a .t
{
  color: #000000;
}

#navmenu a.active .l, #navmenu a.active .r
{
  top: -34px;
}

#navmenu a.active .t
{
  color: #1C1B17;
  
}

/* end MenuItem */

/* begin MenuSubItem */
#navmenu ul a
{
  display: block;
  white-space: nowrap;
  height: 26px;
  width: 180px;
  overflow: hidden;
  background-image: url('../images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  border-color: #996B2E;
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #3B3830;
  font-size: 13px;
  margin:0;
  padding:0;
}

#navmenu ul #jokes a 
{ width: 210px; }

.art-nav ul #navmenu ul span, .art-nav ul #navmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

#navmenu ul a:link, #navmenu ul a:visited, #navmenu ul a:hover, #navmenu ul a:active, .art-nav ul #navmenu ul span, .art-nav ul #navmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #3B3830;
  font-size: 13px;
  margin:0;
  padding:0;
}

#navmenu ul li a:hover
{
  color: #000000;
  border-color: #C8C5BC;
  background-position: 0 -26px;
}

#navmenu ul li:hover>a
{
  color: #000000;
  border-color: #C8C5BC;
  background-position: 0 -26px;
}

.art-nav #navmenu ul li a:hover span, .art-nav #navmenu ul li a:hover span span
{
  color: #000000;
}

.art-nav #navmenu ul li:hover>a span, .art-nav #navmenu ul li:hover>a span span
{
  color: #000000;
}

/* end MenuSubItem */

.logoJFF5 { 
	width: 317px;
	height: 74px;
	float:left;	
	//margin: 0 0 0 -20px;
	padding-right: 30px;
	left: 25%;
	text-align:center;
	overflow: visible;
	
	
}

.logoJFF2 {
	//width: 400px;
	//left: 25%;
	float: left;
	//margin: 0 0 15px 15px;
	margin-top: -10px;
	//text-align: center;
	//margin: 0 auto;
	
	
	
}

.annLogo a { color: black; }

.shrinersLogo {
	//font-family:Bitter, Georgia, Times, serif;
	color: #00F;
	color: navy;
	font-size: 14pt;
	text-decoration: none;
	text-align: center;
	width: 700px;
	margin: 0 auto;
	
}

.shrinersLogo .black {
color: black;
font-size: 16pt; }

.shrinersText {
	margin-top: 10px;
}

.logos 
{ 
	//margin-left: 10%;
	//width:400px;
	margin: 0 auto;
	
	//margin-left: 200px;
	
}

.cleared
{
  display:block;
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
  height:0;
  overflow:hidden;
}

h2.art-postheader
{
  //color: #4F4130;
  margin: 5px 0;
  font-size: 26px;
  text-align: center;
}

.content h3
{
	color: #000000;
	margin: 19px 0;
	font-size: 21px;
}

.textbox 
{ 
	border: 1px solid black; 
	background-color: #c1c2c4;
	background-color: #FFFFFF;
	width:250px;
    	margin-left: 425px;
	padding-left: 30px;
	padding-right: 30px;
}

.textbox2 
{ 
	border: 5px double; 
	//background-color: #c1c2c4;
	//background-color: #FFFFFF;
	width:745px;
    	//margin-left: 425px;
	//padding-left: 30px;
	//padding-right: 30px;
	padding:5px;
	margin: auto;
}

.textbox3
{ 
	border: 1px solid black; 
	//background-color: #c1c2c4;
	background-color: #FFFFFF;
	width:745px;
    	//margin-left: 425px;
	//padding-left: 30px;
	//padding-right: 30px;
	padding:10px;
	margin: auto;
	color:white;
}
.content  a:hover, .content a.hover
{
  text-decoration: underline;
  color: red;
}

.content  a.disabled:hover
{
  text-decoration: none;
}

#box-link 
{ 
	position: absolute; 
	width: 412px; 
	height: 140px; 
	background-color: transparent; 
	text-align: center;
	display: block;
  	left: 50%;
  	margin-left: -206px;
  	top: 0;
}	

#stationbar {
	width: 100%;
	height: 61px;
	//background: black;
	color: white;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	
}

#leftribbon {
	width: 75px;
	height: 59px;
	margin-left: 1.5em;
	float:left;
	background-image:url(images/black-ribbon-left.png);
}

#rightribbon {
    width: 75px;
	height: 59px;
	float: right;
	margin-right: 1.5em;
	background-image:url(images/black-ribbon-right.png);
	
	
}

#jokesbox {
	border: 5px double; 
	width:750px;
	//margin-left: 425px;
	//padding-left: 30px;
	//padding-right: 30px;
	//margin-left: 30px;
	margin: 0 auto;
	
}


#jokesbox .textbox
{ margin: 0 auto }

#doublebox { 
	border: 3px double;
	width: 400px;
	padding: 20px;
	margin: 0 auto;
	}


#attnbox {

	background-color: #476c36;
	width: 100%;
	//margin-left: 30px;
	

}

#yourstories1{
	width: 75%;
	background-color: white;
	padding: 10px;
	border: solid black 2px;
	-moz-border-radius: 7px;
	border-radius: 10px;
	margin: 0 auto;
	
	
		
}



#yourstorieshead a:link, #yourstorieshead a:visited, #yourstorieshead a:hover{
	
color: deepskyblue;
text-decoration:none;
}

.plainlink a:link, .plainlink {
	color: yellow;
	text-decoration: none;
	
}

.plainlink a:hover{ color:deepskyblue }

.plainlink a:visited { color: grey }


#atten_head{
	width: 100%;
	background-color:#0018ff;
	//margin:-15px; 
	//margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	//padding:-12px; 
	border-bottom: solid black 2px;
		-moz-border-radius: 7px;
	border-radius: 8px;
	color:white;

}

#atten_head2{
	width: 100%;
	background-color:#008610;
	//margin:-15px; 
	//margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	//padding:-12px; 
	border-bottom: solid black 2px;
		-moz-border-radius: 7px;
	border-radius: 8px;
	color:white;

}

.comic{
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 16pt;
}

#yourstories2{
	width: 90%;
	background-color: white;
	padding: 15px;
	border: solid black 2px;
	-moz-border-radius: 7px;
	border-radius: 10px;
	margin: 0 auto;
	background-color: #460906;
	background-color: darkred;
	color:white;
}

#justforfunds1{
	width: 90%;
	background-color: white;
	//padding: 10px;
	border: solid #0018ff 2px;
	-moz-border-radius: 7px;
	border-radius: 10px;
	margin: 0 auto;
	
	//background-color: #460906;
	//background-color: darkred;
	color:black;

}
#justforfunds2{
	width: 90%;
	//height: 910px;
	background-color: white;
	//padding: 10px;
	border: solid #008610 2px;
	-moz-border-radius: 7px;
	border-radius: 10px;
	margin: 0 auto;
	
	//background-color: #460906;
	//background-color: darkred;
	color:black;

}

#jff_pad{
	padding-left: 50px;
	padding-right:50px;
	
	
}

#radioad{
	width: 95%;
	background-color: white;
	padding: 15px;
	border: solid black 2px;
	-moz-border-radius: 7px;
	border-radius: 10px;
	margin: 0 auto;
	background-color: #460906;
	background-color: darkred;
	color:white;
	
	
}



#radioad .plainlink a:link {
	color: yellow;
	text-decoration: none;
	
}

hr.line{
	
	
}

.cleared
{
  display:block;
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
  height:0;
  overflow:hidden;
}

.reset-box
{
  overflow:hidden;
  display:table; 
}

li
{
	padding:5px;
}

.heading 
{

font-size: 30pt; 
line-height: 50px; 
margin-bottom: 0; 
padding-bottom: 0; 
color: #855E42;
color: auburn; 
color: #ff6600;
color: yellow;
color: green;
color: #2e45b7;
color: #009345;
color: red;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;

}