/*------------------------------controls for main content text color, links and size, footer styles------------------------*/

table 
{font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: black;
margin: 0; 
padding: 0
}


h1 
{font-size: 24px; 
color: #7E7E7E; 
font: bold 
}

h2
{font-size: 15px; 
color: navy; 
font: bold 
}

h3 
{font-size: 12px; 
color: #5A5A59; 
font: bold 
}


 
body 
{
background-image:url('bk_grd.jpg'); background-attachment: fixed;
background-repeat: repeat;
background-color: white;
height: 100%;
margin: 0;
padding: 0;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: black;
}

a 
{color: brown; 
text-decoration: none; 
}

a:link 
{color: brown
}

a:visited 
{color: brown 
}

a:hover 
{color: red; 
text-decoration: underline
}

/*pop up box*/

#dropinboxv2cover{
width: 250px; /*change width to desired */
height: 320px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;

}

#dropinboxv2{
width: 340px; /*change width to above width-20. */
height: 140px;
background-color: #FCEEB7;
padding: 3px;
position:absolute; /*Don't change below 3 rules */
}

/*Example of fading or transparency*/
#sample{
width: 360px; /*change width to above width-20. */
border: 1px solid gray; /*Customize box appearance*/
background-color: black; filter:alpha(opacity=65); opacity: 0.65
padding: 3px;
position:absolute; /*Don't change below 3 rules */
}



/*images in mast head scroller*/

#pscroller3{
width: 530px;
height: 200px;
text-align: left
}


/*text link scroller*/

#pscroller2{
width: 165px;
height: 25px;
text-align: left
}

.someclass{ //class to apply to your scroller(s) if desired
}

#container
{
text-align: left
}

/*-----------------------------------------nav bar starts here-------------------------------------*/

/*main menu*/
#menu a {
	display:block;
	background:#A47C7D;
	color:#320001;
	text-decoration:none;
	padding:10px;
	background-image: url("navUP.jpg");
	font-size: 13px

}

#menu a:hover {
	background-color:#A47C7D;
	color:white;
	background-image: url("navUP_hover.jpg");
	}


/*sub menu*/
#menu, #menu ul 
{
	list-style:none;
	padding:0;
	margin:0;
	text-align: right
}

#menu li 
{
	position:relative;	
}

#menu li ul 
{
	position:absolute;
	z-index: 3;
	top: 1px;
	left: 150px;
	display:none;
}

#menu ul a 
{
	border-top: 1px solid white;
	background: #A47C7D;
	width: 130px;
	padding: 6px;
	text-align:right;

}

#menu ul a:hover 
{
	color: white;
	background: #4A0000;
	width: 130px;
	padding: 6px;
	text-align: right
}

/*sub sub menu*/
#menu li ul ul
{
	position:absolute;
	top: 0;
	left: 140px;
	display:none;
}



/*------------------------------------nav bar ends here------------------------------------------------------------*/

 #nav
 {
font-family: Arial; 
float: left;
 }

#nav a
 {

text-decoration: none; 
width: 100%;
}

#nav a:visited
 {
color: #4B0000
 }

#nav a:hover
 {
color: white; 
text-decoration: none;
 }

 #nav a span
 {
display: none;
 }

#nav a:hover span
 {
color: black;
background-color: #FFEB64;
display: block;
position: relative;
top: 0px;
left: 0px;
width: 150px;
height: 27px;
font-size: 10
 }


 #active a
 {
text-decoration: none;
background-image: url("navUP_hover.jpg");
}



.class2 a 
{color: white; 
text-decoration: none; 
font-weight: normal
}

.class2 a:link. 
{color: white
}

.class2 a:visited 
{color: white
}

.class2 a:hover 
{color: white; 
text-decoration: underline
}

/*--------------------------------------- controls for main nav links for function LINK()-----------------------------------------------*/

.class3 a 
{color: white; 
text-decoration: underline; 
font-weight: normal; 
font-size: 12px
}

.class3 a:link
{color: white; 
text-decoration: none
}

.class3 a:visited 
{color: white; 
text-decoration: none
}

.class3 a:hover 
{color: white; 
text-decoration: none
}

/*--------------------------------------- controls for main nav links for function UNLINK()-----------------------------------------------*/

.class33 a 
{color: white; 
text-decoration: underline; 
font-weight: normal; 
font-size: 12px;

}

.class33 a:link
{color: white; 
text-decoration: none;

}

.class33 a:visited 
{color: white; 
text-decoration: none;

}

.class33 a:hover 
{color: #DEC747; 
text-decoration: none;
}


.class4 a 
{color: brown; 
text-decoration: none; 
font-weight: normal
}

.class4 a:link. 
{color: brown
}

.class4 a:visited 
{color: brown
}

.class4 a:hover 
{color: brown; 
text-decoration: underline
}

#dayverse
{
position: absolute;
left: 5px;
top: 600px
}

/* SHOW SUBMENU 1 */
#menu li:hover ul, #menu li.over ul {
	display:block;
}
#menu li:hover ul ul, #menu li.over ul ul {
	display:none;
}
/* SHOW SUBMENU 2 */
#menu ul li:hover ul, #menu ul li.over ul {
	display:block;
}

#mast-link
{
position: absolute;
top: 85px;
left: 210px;
display: block;
text-transform: uppercase
}

#mast-link a
{
text-decoration: none;
}

#mast-link a
{
text-decoration: none;
}


/*STYLE FOR TEXT LINKS SCROLLER*/

#pscroller2{
width: 265px;
height: 25px;
text-align: left
}

.someclass{ //class to apply to your scroller(s) if desired
}

#container
{
text-align: left
}
</style>