/*

-----------------------------------

Author:   Double EL

Version:  13 Dec 2022

----------------------------------- */

body {

	margin: 4px;

	padding: 4px;

	text-align: left;

	background-color: #4682b4;

}



/*Specific Page Elements*/



/*Logo*/

#header {

	position: relative;

	background: url(796X216-CactusNite.jpg) no-repeat left top;

	height: 216px;

	padding: 0px;

	margin: 0px;



}

#righttable {

	border-left: 1px dotted #666666;

}

/*Navigation at top of page*/

#nav-main {

	position: absolute;

	padding: 0px;

	top: 170px;

	font: 12px verdana, Arial, Helvetica, sans-serif;

	width: 796px;

	height: 20px;

	text-align: center;

	color: #ffffff;

}



#nav-main ul {

	margin: 0px 0px 0px 280px;

	padding: 0px;

}



#nav-main li {

	float: left;

	padding: 0;

	margin: 0 4px 0 4px;

	list-style-type: none;

	color: #ffffff;

	text-align: right;

}



#nav-main a {

	margin: 0 0px 0 0;

	display: block;

	padding: 3px 10px 3px 3px;

	text-decoration: none;

	color: #ffffff;

	border-right: 1px dotted #666666;



}



#nav-main a:link, #navBar a:active, #navBar a:visited {

	color: #ffffff;

	text-align: center;

}



#nav-main a:hover {

	margin: 0;

	padding: 3px 10px 3px 3px;

	text-decoration: none;

	color: #cccccc;

	border-right: 1px dotted #cccccc;



}

/*blue navigation bar*/

#navBar {

	margin: 2px 0 0 5px;

	padding: 0px 0px 0px 0px;

	font: normal 11px verdana, arial, sanf-serif;

	color: #666666;

	text-align: left;

}

#navBar td {

	text-align: left;

	font: normal 13px Trebuchet MS, Franklin Gothic Book, Eras Light ITC, verdana, arial, sanf-serif;

	height: 16px;

	padding: 2px 2px 2px 2px;

	background: #4682B4;

	text-decoration: none;

	width: 170px;

	color: #ffffff;

	

}

#navBar a {

	text-decoration: none;

	font: normal 13px Trebuchet MS, Franklin Gothic Book, Eras Light ITC, verdana, arial, sanf-serif;

	color: #ffffff;

}



#navBar a:hover {

	color: #cccccc;

	border-bottom: 2px dotted #cccccc;

	font-color: #999999;

	text-decoration: bold;

} 



#navBar a:link, #navBar a:active, #navBar a:visited {

	text-align: left;

}







/*Footer - changed to a class*/

.footer {

	font-size: 12px;

	font-family: tahoma, arial, sanf-serif;

	border-top: 1px solid #708090;

}



.footer a {

	padding: 0px 0px 0px 0px;

	background: transparent;

	text-decoration: none;

	color: #4682B4;

}



.footer a:hover {

	border-bottom: 1px solid #4682B4;

} 



/*This rounds images in Mozilla and puts a square border in other browsers

  This saves so much time compared to framing image in a psd 

*/

.postimg, img.border {

    border : 1px solid #4682B4;

    -moz-border-radius : 7px;

}



/*Generic HTML Elements*/

td {

	font-family: verdana, arial, sanf-serif;

	font-size: 11px;

}

h1 {

	font-family: verdana, arial, sanf-serif;

	font-size: 13px;

}



h2 {

	font-family: verdana, arial, sanf-serif;

	font-size: 12px;

}

th {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



form {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	}



input {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



textarea {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



select {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



.small {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 9px;

}



.big {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 18px;

}



.bodystyle {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



.box1 {

	padding: 3px;

	border-width: thin;

	border-style: solid;

	border-color: #CCCCCC #666666 #666666 #CCCCCC;

}



.box2 {

	border-width: 3px;

	border-style: solid;

	padding: 5px;

}



) no-repeat left top;

	height: 213px;

	padding: 0px;

	margin: 0px;



}

#righttable {

	border-left: 1px dotted #666666;

}

/*Navigation at top of page*/

#nav-main {

	position: absolute;

	padding: 0px;

	top: 170px;

	font: 12px verdana, Arial, Helvetica, sans-serif;

	width: 796px;

	height: 20px;

	text-align: center;

	color: #ffffff;

}



#nav-main ul {

	margin: 0px 0px 0px 280px;

	padding: 0px;

}



#nav-main li {

	float: left;

	padding: 0;

	margin: 0 4px 0 4px;

	list-style-type: none;

	color: #ffffff;

	text-align: right;

}



#nav-main a {

	margin: 0 0px 0 0;

	display: block;

	padding: 3px 10px 3px 3px;

	text-decoration: none;

	color: #ffffff;

	border-right: 1px dotted #666666;



}



#nav-main a:link, #navBar a:active, #navBar a:visited {

	color: #ffffff;

	text-align: center;

}



#nav-main a:hover {

	margin: 0;

	padding: 3px 10px 3px 3px;

	text-decoration: none;

	color: #cccccc;

	border-right: 1px dotted #cccccc;



}

/*brown navigation bar*/

#navBar {

	margin: 2px 0 0 5px;

	padding: 0px 0px 0px 0px;

	font: normal 11px verdana, arial, sanf-serif;

	color: #666666;

	text-align: left;

}

#navBar td {

	text-align: left;

	font: normal 13px Trebuchet MS, Franklin Gothic Book, Eras Light ITC, verdana, arial, sanf-serif;

	height: 16px;

	padding: 2px 2px 2px 2px;

	background: #4682B4;

	text-decoration: none;

	width: 170px;

	color: #ffffff;

	

}

#navBar a {

	text-decoration: none;

	font: normal 13px Trebuchet MS, Franklin Gothic Book, Eras Light ITC, verdana, arial, sanf-serif;

	color: #ffffff;

}



#navBar a:hover {

	color: #cccccc;

	border-bottom: 2px dotted #cccccc;

	font-color: #999999;

	text-decoration: bold;

} 



#navBar a:link, #navBar a:active, #navBar a:visited {

	text-align: left;

}







/*Footer - changed to a class*/

.footer {

	font-size: 12px;

	font-family: tahoma, arial, sanf-serif;

	border-top: 1px solid #708090;

}



.footer a {

	padding: 0px 0px 0px 0px;

	background: transparent;

	text-decoration: none;

	color: #4682B40;

}



.footer a:hover {

	border-bottom: 1px solid #708090;

} 



/*This rounds images in Mozilla and puts a square border in other browsers

  This saves so much time compared to framing image in a psd 

*/

.postimg, img.border {

    border : 1px solid #708090;

    -moz-border-radius : 7px;

}



/*Generic HTML Elements*/

td {

	font-family: verdana, arial, sanf-serif;

	font-size: 11px;

}

h1 {

	font-family: verdana, arial, sanf-serif;

	font-size: 13px;

}



h2 {

	font-family: verdana, arial, sanf-serif;

	font-size: 12px;

}

th {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



form {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	}



input {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



textarea {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



select {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



.small {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 9px;

}



.big {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 18px;

}



.bodystyle {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



.box1 {

	padding: 3px;

	border-width: thin;

	border-style: solid;

	border-color: #CCCCCC #666666 #666666 #CCCCCC;

}



.box2 {

	border-width: 3px;

	border-style: solid;

	padding: 5px;

}