﻿/* navigation drop down menu styles */

#nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#nav ul li{
	margin:0;
	/* padding:10px 20px; */
padding:0 7px 0 7px;
	position:relative;
	height:30px;
	line-height:30px;
	background-color:#700000;
	z-index:1;
}
#nav > ul > li {
	float: left;
	height:30px;
	line-height:30px;
	background-color:#700000;
color:white;
width:auto;
text-align:center;
font-size:10pt;
}

#nav ul li a {
color:white;
display:block;
height:30px;
}

#nav li > ul{
	overflow:hidden; /* this made it work on iPad */
	visibility:hidden;
	width:200px;
	position: absolute;
	top:0px;
	left:100%;
	/* for IE10+ */
	transition: visibility 0s linear 200ms;
	/* for Safari*/
	-webkit-transition: visibility 0s linear 200ms;
		/* for Firefox*/
	-moz-transition: visibility 200ms linear 200ms;
		/* for Opera*/
	-o-transition: visibility 0s linear 200ms;
	/* border-left:1px solid #000; */
}
#nav > ul > li > ul{
	top:30px;
	left:0;
}
#nav li:hover{
	/* fallback */
	background-color:#a00000;
	
	/* for IE 10 */
	background: -ms-linear-gradient(top, #e09090, #a00000);

	/* for Firefox 3.6+ */
	background: -moz-linear-gradient(top, #e09090, #a00000);

	/* for Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(#e09090, #a00000);

	/* for Safari 4-5, Chrome 1-9 */
	/* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a00000), to(#e09090)); */

	/* for Opera 11.10+ */
	background: -o-linear-gradient(top, #e09090, #a00000);
}
#nav li:hover > ul{
	overflow:visible; /* this made it work on iPad */
	visibility:visible;
	/* for IE10+ */
	transition: visibility 0s linear 200ms;
	/* for Safari*/
	-webkit-transition: visibility 0s linear 200ms;
	/* for Firefox*/
	-moz-transition: visibility 200ms linear 200ms;
	/* for Opera*/
	-o-transition: visibility 0s linear 200ms;
}

.nav {
float:left;
width:185px;
height:1960px;
/* margin-top:20px; */
}


.nav ul {
display: block;
margin-top:0;
/* background:url(images/navbg.png) left repeat-x; */
margin-left: 0;
padding: 0;
}

.nav li {
display: block;
margin-top:0;
/* background:url(images/navbg.png) left repeat-x; */
border-bottom:3px solid #700000;
border-top:2px solid #b00000;
border-left: 1px solid #b00000;
border-right: 1px solid #700000;
margin-left: 0;
font-size: 10pt;
padding: 2px;
list-style-type: none;
}

/* end navigation drop down menu styles */

/* page banner styles */

#banner{height:150px; line-height:150px; border-bottom:2px #002818 solid; background-color: #004030; min-width:950px; text-align:center}
#banner2{height:30px; background-color: #700000; min-width:950px}

/* end page banner styles */

/* page container styles */

#container{margin-left:auto; margin-right:auto; width:950px;}
#container2{margin-left:auto; margin-right:auto; width:780px}


/* end page container styles */

/* anchor styles */

a.button {
	text-decoration:none !important;
}

/* end anchor styles */

/* input button styles */

button[type=button] {
	border-radius:5px;
}

input[type=submit] {
	border-radius:5px;
}

input[type=button] {
	border-radius:5px;
}

input:hover[type=submit]	{
	background:#6fc885;
	color:white;
}

input:hover[type=button]	{
	background:#6fc885;
	color:white;
}

button:hover[type=button]	{
	background:#6fc885;
	color:white;
}

/* end input button styles */

/* select element styles */

select, option { background: #fff; }
select, option:checked { background:#c0c0c0; }
select>option:hover { background:#6fc885; color:white;}

/* end select element styles */

/* checkbox and radio styles */

input[type=checkbox]
{
vertical-align:middle;
margin:-1px 0 1px 0;
cursor:pointer;
 /* Enlarged Checkboxes */
 -ms-transform: scale(1.4, 1.4); /* IE */
 -moz-transform: scale(1.4, 1.4); /* FF */
 -webkit-transform: scale3d(1.3, 1.3, 1.0); /* Safari and Chrome */
 -o-transform: scale(1.4, 1.4); /* Opera */
 transform: scale(1.4, 1.4);
}

input:hover[type=checkbox]
{
   outline: 0.05em solid #6fc885;
}

input[type=radio]
{
vertical-align:middle;
margin:-1px 0 1px 0;
cursor:pointer;
 /* Enlarged Radio */
 -ms-transform: scale(1.4, 1.4); /* IE */
 -moz-transform: scale(1.4, 1.4); /* FF */
 -webkit-transform: scale3d(1.3, 1.3, 1.0); /* Safari and Chrome */
 -o-transform: scale(1.4, 1.4); /* Opera */
 transform: scale(1.4, 1.4);
}

input:hover[type=radio]
{
   outline: 0.05em solid #6fc885;
}

/* end checkbox and radio styles */
