/* ----- universal settings -----*/
body {padding: 0px; margin: 0px; background-color: #51713f; font-family: verdana, san-serif;}
td {font-size: 8pt;}

ul#nav li ul { width:195px !important;}
ul#nav li ul li { width:195px !important;}
ul#nav li ul li a { width:195px !important; padding:2px !important;  border:1px solid #030;}


/* ----- typography ----- */
.content {font-size: 8pt;}
.footer {font-size: 8pt; text-align:center; color: #fff;}
.copyright {font-size: 8pt; text-align:center; color: #fff;}

/* ----- other ----- */
.image {border: solid #9eb691 3px; margin-left: 3px;}
.subscribe {font-size: 8pt; padding: 0px 18px 0px 18px;}
.subscribe2 {font-size: 8pt; padding: 3px;}


/* ----- links ----- */
.content a:link {text-decoration: none; color: #a2621c;}
.content a:visited {text-decoration: none; color: #a2621c;}
.content a:hover {text-decoration: underline; color: #a2621c;}
.content a:active {text-decoration: none; color: #a2621c;}

.footer a:link {text-decoration: none; color: #fff;}
.footer a:visited {text-decoration: none; color: #fff;}
.footer a:hover {text-decoration: underline; color: #fff;}
.footer a:active {text-decoration: none; color: #fff;}

.copyright a:link {text-decoration: none; color: #fff;}
.copyright a:visited {text-decoration: none; color: #fff;}
.copyright a:hover {text-decoration: underline; color: #fff;}
.copyright a:active {text-decoration: none; color: #fff;}


/* ----- backgrounds ----- */
.bg1 {background-image: url(bg1.jpg); background-repeat: repeat-x;}
.bg2 {background-image: url(bg2.jpg); background-repeat: repeat-x;}
.bg3 {background-image: url(bg3.jpg); background-repeat: repeat-x; background-color: #9eb691;}
.bg4 {background-image: url(bg4.jpg); background-repeat: repeat-x;}
.bg4a {background-image: url(bg4a.jpg); background-repeat: repeat-x;}


/* ----- navigation ----- */
/*** Nav bar styles ***/

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0; padding: 0; cursor: default; list-style-type: none;
}

ul.nav{
	width: 20em;
/*Optional, to make the navigation bar positions on the left of the content*/
	float: left;
	margin-right: 1em;
}

ul.nav>li{
	margin: 0;
	
}

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: relative;
	width: 20ex;
	left: 20ex;
	margin-top: -1.4em;
	margin-left: 9px;
	z-index:100;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	
}

/*** Menu styles (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #fff;
	color: #369;
}

ul.nav li:hover,
.nav ul li a:hover{
	background-color: #369;
	color: #fff;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #036;
	color: #fff;
}

ul{
	
}

.nav a{
	text-decoration: none;
}