﻿/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: ACTIVEA | Master Stylesheet
' Description	: This page contains overall styles for the spring site
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 08/24/2005	: David Ellenwood - Created Page
' 01/27/2006	: David Ellenwood - Modified for Mt. Borah
' 08/11/2006	: David Ellenwood - Modified for new site MASTER TEMPLATE
' 02/28/2007	: Derril Albert - Modified for Norskedalen
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
html {}
 
body {
	background:#333A1D;					/* Seasonal Item - BG color - */
	color:#333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	line-height:1.25;
	margin:0;
	padding:0;
}
.hidden {
	color: #333A1D !important;
}
a {
	
	text-decoration: none;
}

a:hover {
}

a:active {
}

a:visited {
}

#footer a {
	color: white;
	text-decoration: underline; 
}

h1,h2,h3,h4,h5,h6,p {}
	
h1 {
	Display: block;
	margin: 0;
	padding: 6px 0 6px 0;
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	font-size: 18px;
}

h2 {
	margin: 0;
	padding: 0 0 0 0;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

h3 {
}
	
h4 {
}

h5 {
color: white;
}

h6 {
}

p {
}

form {
}

td {
	vertical-align:top;
	margin:0;
	padding:0;
}

hr {
	border:none;
	background:transparent;
}

.left {
	float: left;
	text-align:left;
}

.right {
	text-align:right;
	float: right;
}

.leftImage {
	float: left;
	padding: 5px 6px 0 0;
	margin: 0;
}

.rightImage {
	padding: 5px 0 0 0;
	float: left;
	margin: 0;
}

.bottomImage {
	padding: 6px 0 0 0;
	margin: 0;
}

.bigImage {
	float: right;
	padding: 0 0 0 6px;
	margin: 0;
}

.medImage {
	padding: 0 0 0 6px;
	margin: 0;
	float: left;
}

.clear {					
	clear:both;
	display: block;
	width: 100%;
	font-size:1px;
	line-height:1px;
	margin:0 0 -1px 0;
	padding:0;
}

.clearSpacer {					
	clear:both;
	display: block;
	width: 100%;
	font-size:20px;
	line-height:20px;
	margin:0 0 0 0;
	padding:0;
}
.bigclearSpacer {					
	clear:both;
	display: block;
	width: 100%;
	font-size:20px;
	line-height:20px;
	margin:300px 0 0 0;
	padding:0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			HEADER AND FOOTER STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#masthead {					
	color: white;
	font-size: 11px;
	margin: 0 0 12px 0;
}

#masthead ul{
	margin: 0;
	padding: 0;

}

#masthead ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#masthead ul li a{
	color: white;
	padding:0 3px 0 3px;
	text-decoration: none;
}

#masthead ul li a:hover {
	color: #C2CE9D;					/* Seasonal Item - foot/head hover - */
}

#masthead ul li a:active,
#masthead ul li a.current {
	color: white;
	font-size: 12px;
	font-weight: bold;
}

#footer {		
	color: white;
	font-size: 9px;
	margin: 12px 0 0 0;
}

#footer ul{
	margin: 0;
	padding: 0;

}

#footer ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#footer ul li a{
	color: white;
	padding:0;
	text-decoration: none;
}

#footer ul li a:hover{
	color: #C2CE9D;					/* Seasonal Item - foot/head hover - */
}

#footer ul li a:active,
#footer ul li a.current {
	color: white;
	font-size: 12px;
	font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				SEASONALS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#homeLogo {
	background-color: #768D2E;					/* Seasonal Item - accent color - */
	margin: 0;
	padding: 0;
}

#subLogo {
	background-color: #768D2E;					/* Seasonal Item - accent color - */
	margin: 0;
	padding: 0;
	float: left;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				MASTER LAYOUT <div>'s
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#outerWrap {
	margin:20px auto 0 auto;
	padding:0;
	width:741px;
}

#outerWrap.home {margin-top:100px;}
	
#innerWrap {
	margin: 0;
	padding: 6px;
	width: 729px;
	height:356px;
	background-color: white;
	}
#subHead {
	margin: 0;
	padding:0;
	background-color: white;
}	
#subInnerWrap {
	background-image: url('multimedia/images/spring/sub_tile.gif');					/* Seasonal Item - folder - */
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	width: 729px;
	background-color: white;
	border: 6px white solid;
}

#subContents {
	margin: 0;
	padding: 0;
	border-top: 6px white solid;
	background-repeat: no-repeat;
	background-position: bottom left; 
}
.wood1 {
	background-image: url('multimedia/images/spring/woodcut3.gif');				/* Seasonal Item - folder - */
}
.wood7 {
	background-image: url('multimedia/images/spring/woodcut1.gif');				/* Seasonal Item - folder - */				
}
.wood2 {
	background-image: url('multimedia/images/spring/woodcut4.gif');				/* Seasonal Item - folder - */				
}
#sidebar {
	width: 204px;
	margin: 0;
	padding: 0;
}
#navBar {
	width: 185px;
	margin: 0;
	padding: 0;
	float: left;

}

#navBar ul {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
#navBar ul li{
	text-align: right;
	margin: 0 25px 0 0;
	list-style: none;
	padding:0;
}
#navBar li a {
	color: white;
	text-decoration: none;
	font-size: 12px;
	width:150px;
	display: block;
	padding: 4px 25px 4px 0;
	margin: 0 -20px 0 0;
}
#navBar li a:hover {
	color: #DBE7B6;														/* Seasonal Item - nav hover - */
	background-image: url('multimedia/images/spring/navdot.gif');			/* Seasonal Item - folder - */
	background-repeat: no-repeat;
	background-position: right; 
}
#navBar li a:active,
#navBar li a.current {
	color: #333A1D;							/* Seasonal Item - BG color - */
	font-weight: bold;
}

#mainBody {
	margin:0 0 0 0;
	padding: 0 0 0 12px;
	width: 510px;
	float: left;
}

#mainBody a{
	font-weight: bold;
	color: #333A1D;						/* Seasonal Item - BG color - */
	text-decoration: underline;
}

#mainBody ul.inlineNav {
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin: 0 0 0 0;
	padding:0 0 6px 0;
	border-bottom: 1px #CCCCCC solid;
} 
#mainBody ul.inlineNav li {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	display: inline;
}
#mainBody ul.inlineNav li a{
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
#mainBody ul.inlineNav li a:hover{
	color: #333333;
}
#mainBody ul.inlineNav li a:active,
#mainBody ul.inlineNav li a.current{
	color: #666666;
	font-weight: bold;
	font-size: 12px;
}

#mainBody img {
	padding: 0 0 0 20px;
	}