/*	
	======================================================================

	miva.css

	======================================================================
*/


/* ----------------------------------------------------
   body
   ---------------------------------------------------- */

	body {
	
		padding: 0px;
		border: 0px;
	
		text-align: center; 
		margin: 0px auto;
	
		background-image:  url('/images/miva/window-bg.jpg');
		background-repeat: repeat-both;
		background-color: #C3D49B;
	}
	
	body, html {
	
		height: 100%;
	}

/* ----------------------------------------------------
   wrappers
   ---------------------------------------------------- */

	#outerWrapper {
	
		margin-top: 20px;
	}

	#innerWrapper {
	
		position: relative;
		width: 928px;
		margin: 0px auto;
		z-index: 1;
		padding: 0;
		border: 0;
		text-align: center;
	}
	
	#contentBackground {
		
		text-align: left;
		width: 928px;
	}
	
	#mainBodyColumn {
	
		background-image:  url('/images/miva/content-bg.gif');
		background-repeat: repeat-y;
		z-index: 30;
	}

	#mainBodyContent {
		
		width: 718px;

		margin-left: 130px;
		margin-right: 80px;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	
	
/* ----------------------------------------------------
   logo
   ---------------------------------------------------- */

	#logo {
	
		position: absolute;
		top: 0px;
		left: 6px;
	}

	
/* ----------------------------------------------------
   text formatting
   ---------------------------------------------------- */

	body, td, th, p, li {
	
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10pt;
	}

	.darkGold {
	
		color: #977F0F;
	}

	.header {
		font-size: 14pt;
		font-weight: bold;
		color: #74a070;
	}

/* ----------------------------------------------------
   links
   ---------------------------------------------------- */

	a:link, a:visited {
	
		color: #436214;
		font-weight: normal;
		text-decoration: underline;
	}

	a:hover {
	
		color: #436214;
		font-weight: normal;
		font-style: italic;
		text-decoration: underline;
	}

	a:active {
	
		color: #436214;
		font-weight: normal;
		text-decoration: underline;
	}

/* ----------------------------------------------------
   product links
   ---------------------------------------------------- */

	a.product {
	
		color: #436214;
		font-weight: normal;
		text-decoration: underline;
	}

	a.product:link, a.product:visited {
	
		color: #436214;
		font-weight: normal;
		text-decoration: underline;
	}

	a.product:hover {
	
		color: #436214;
		font-weight: normal;
		font-style: italic;
		text-decoration: underline;
	}

	a.product:active {
	
		color: #436214;
		font-weight: normal;
		text-decoration: underline;
	}

/* ----------------------------------------------------
   header links
   ---------------------------------------------------- */

	a.headerLink:link, a.headerLink:visited {
	
		color: #436214;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: none;
	}

	a.headerLink:hover {
	
		color: #436214;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: underline;
	}

	a.headerLink:active {
	
		color: #436214;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: underline;
	}

/* ----------------------------------------------------
   available plans box
   ---------------------------------------------------- */
	
	.availablePlans {
	
		border: 1px solid black;
		padding: 5px;
		float: left;
		background-color: #e5c83e;
		margin: 0px auto;
	}


	a.availablePlansLink:link, a.availablePlansLink:visited {
	
		color: #436214;
		font-size: 9pt;
		text-decoration: none;
	}

	a.availablePlansLink:hover {
	
		color: #436214;
		font-size: 9pt;
		text-decoration: underline;
	}

	a.availablePlansLink:active {
	
		color: #436214;
		font-size: 9pt;
		text-decoration: underline;
	}
	


/* - - - - - - - - - - - - - - - - - */
/* style basics */
/* - - - - - - - - - - - - - - - - - */

body {

	background-color: #FAFAAB;
	margin: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#navBox {

	position: relative;
	width: 688px;
	margin: 0px auto;
}

#navBoxBody {

	position: relative;
	background: url('/images/miva/nav-box-bg.gif');
}

/* - - - - - - - - - - - - - - - - - */
/* containers */
/* - - - - - - - - - - - - - - - - - */

#threeBoxContainer {

	position: relative;
	left: 130px;
	padding-top: 15px;
	z-index: 500;
}

#navBoxStoreContainer {

	position: relative;
	float: left;
	width: 143px;
}

#navBoxProductsContainer {

	position: relative;
	float: left;
	width: 170px;
}

#navBoxAnnouncementContainer {

	position: relative;
	float: left;
	width: 248px;
}

/* - - - - - - - - - - - - - - - - - */
/* basic boxes */
/* - - - - - - - - - - - - - - - - - */

.navBoxBox {

	position: relative;
	float: left;
	border: 1px solid black;
}

#navBoxStore {

	position: relative;
}

#navBoxProducts {

	position: relative;
}

#navBoxAnnouncement {

	position: relative;

	padding-left: 10px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;

	background-color: #5D7723;
	color: #FAFAAB;
	font-size: 9pt;
	text-align: left;
}

#navBoxAnnouncementHeader {

	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 6px;
}

.navBoxBoxHeader {

	padding-left: 6px;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;

	background-color: #5D7723;
	color: #FAFAAB;
	font-size: 10pt;
	font-weight: bold;
	border-bottom: 1px solid black;
}

.navBoxBoxBody {

	padding-left: 12px;
	padding-top: 3px;
	padding-right: 9px;
	padding-bottom: 3px;

	color: #5D7723;
	background-color: #FAFAAB;
	font-size: 9pt;
	text-align: left;
}

/* - - - - - - - - - - - - - - - - - */
/* fixed position divs */
/* - - - - - - - - - - - - - - - - - */

#logo {

	position: absolute;
	left: 3px;
	top: 3px;
	z-index: 1000;
}

#mainSiteButton {

	position: absolute;
	right: 7px;
	bottom: 6px;
	z-index: 1000;
}

/* - - - - - - - - - - - - - - - - - */
/* links:  nav box */
/* - - - - - - - - - - - - - - - - - */

.navBoxLink {

	color: #5D7723;
	font-style: normal;
}

.navBoxLink:link, .navBoxLink:visited {

	text-decoration: none;
	font-style: normal;
}

.navBoxLink:hover {

	text-decoration: underline;
	font-style: normal;
}

.navBoxLink:active {

	text-decoration: underline;
	font-style: italic;
}

/* - - - - - - - - - - - - - - - - - */
/* links:  announcement box */
/* - - - - - - - - - - - - - - - - - */

.announcementBoxLink {

	color: #FAFAAB;
	font-style: normal;
}

.announcementBoxLink:link, .announcementBoxLink:visited {

	color: #FAFAAB;
	text-decoration: underline;
	font-style: normal;
}

.announcementBoxLink:hover {

	text-decoration: underline;
	color: #000;
	font-style: normal;
}

.announcementBoxLink:active {

	text-decoration: none;
	color: #000;
	font-style: normal;
}