@charset "UTF-8";
/**** default.css ****/


body {
	background-color: #E1FA9C;
	margin: 0;
	font-family: Verdana, Arial, "MS Sans Serif";
}


/* ---- Top Banner ---- */
.topBanner {
	background-image: url('/images/bannerBackground.jpg');
	overflow: auto;
}

.topBanner .logo {
	float: left;
}

.topBanner .logoText {
	float: right;
}


/* ---- Menu ---- */
.menu {
	position: relative;
	top: -1.5em;
}

.menu .menuTable {
	background-color: #9DB942;
	width: 33%;
	margin-left: 33%;
	margin-right: 33%;
	text-align: center;
}

.menu .menuTable .menuItem {
	color: #1D6FAB;
	font-size: 100%;
	font-family:"Arial Black", Gadget, sans-serif;
	padding: .3em .5em .3em .5em;
}

.menu .menuTable .menuItem a:link {
	color: #1D6FAB;
	text-decoration: none;
}

.menu .menuTable .menuItem a:visited {
	color: #1D6FAB;
	text-decoration: none;
}

.menu .menuTable .menuItem a:hover {
	color:#FFF;
	text-decoration: none;
}


/* ---- Content ---- */
.contentContainer {
	margin-left: 2em;
}


/* ---- Left Column ---- */
.contentContainer .mainContentLeft {
	background-color: #C2E06E;
	border: 1px solid #C2E06E;
	float: left;
	width: 825px;
	/*width: 75%;*/
	overflow: auto;
}

.contentContainer .mainContentLeft .mainImage {
	width: 300px;
	overflow: hidden;
}

.contentContainer .mainContentLeft .subtitle {
	margin: .4em .4em 0 .4em;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 110%;
}
	
.contentContainer .mainContentLeft .subtitle h3 {
	display: inline;
	color: #581485;
}
		
.contentContainer .mainContentLeft .subtext {
	margin: .3em .3em .3em 1.8em;
	color: #1D6FAB;
}

.contentContainer .mainContentLeft .subtext a {
	text-decoration:none;
	color: #1D6FAB;
}

.contentContainer .mainContentLeft .subtext a:hover {
	color: #581485;
}


/* ---- Center Content Column ---- */
.contentContainer .mainText .mainTextContainer .contentTitle {
	margin-top: 1em;
	margin-bottom: 1em;
}

.contentContainer .mainText .mainTextContainer .contentTitle h1 {
	display: inline;
	font-size: 2.3em;
	font-family:"Arial Black", Gadget, sans-serif;
	margin: .1em;
}

.contentContainer .mainText .mainTextContainer .contentTitle h1.purple {
	color: #581485;
	line-height:36px;
}

.contentContainer .mainText .mainTextContainer .contentTitle h1.green {
	color: #1D6FAB;
}

.contentContainer .mainText .mainTextContainer .subTitle {
	font-size: 1.2em;
}

.contentContainer .mainText .mainTextContainer .subTitle a {
	color:#1D6FAB;
	text-decoration:none;
}

.contentContainer .mainText .mainTextContainer .subTitle a:hover {
	color:#581485;
}

.contentContainer .mainText .mainTextContainer .finalText {
	font-size: 1em;
	margin-left:.4em;
	font-family:"Arial Black", Gadget, sans-serif;
}

.contentContainer .mainText .mainTextContainer .finalText a {
	color:#1D6FAB;
	text-decoration:none;
}

.contentContainer .mainText .mainTextContainer .finalText a:hover {
	color:#581485;
}

.contentContainer .mainImage {
	float: left;
	overflow: auto;
}

.contentContainer .mainText {
	float: left;
	width: 55%;
}

.contentContainer .mainTextContainer {
	position: relative;
	margin-left: 1em;
	z-index: 100;
}

.contentContainer .mainTextContainer .topic {
	margin: .3em .3em .8em .3em;
	border: 1px solid #E1FA9C;
	overflow: auto;
}

.contentContainer .mainTextContainer .topic .left {
	float: left;
	margin-left: 2em;
}

.contentContainer .mainTextContainer .topic .right {
	float: right;
	margin-right: 2em;
}

.contentContainer .mainTextContainer .topic .topicTitle {
	color: #581485;
	font-size: 110%;
	font-weight: 900;
	margin: .3em 0 0 .3em;
}
.contentContainer .mainTextContainer .topic .topicText {
	color: #1D6FAB;
	margin: .3em .3em .3em .6em;
}


.contentContainer .mainTextContainer .topic .topicText p {
	margin-top:.2em;
	margin-bottom:.2em;
}

.contentContainer .mainTextContainer .topic .topicText ul {
	margin-top:.2em;
	margin-bottom:.2em;
}
	
.contentContainer .mainTextContainer .topic .topicText li {
	padding-bottom: .3em;
}

.contentContainer .mainTextContainer .topic .topicText a:link {
	color: #581485;
}

.contentContainer .mainTextContainer .topic .topicText a:visited {
	color: #581485;
}

.contentContainer .mainTextContainer .topic .topicText a:hover {
	color:#FFF;
}


/* ---- Right Column ---- */
.contentContainer .mainContentRight {
	float: left;
	width: 255px;
	z-index: -1;
}

.contentContainer .mainContentRight .notice {
	margin-left: -51px;
	margin-top: 3em;
	/*background-color: #CBD799;
	background-image: url('images/whatsNewBackground.gif');*/
	background-repeat: repeat-y;
}

.contentContainer .mainContentRight .notice .noticeText {
	margin-left: 4em;
	background-color: #B1BF72;
}

.contentContainer .mainContentRight .notice .noticeText .moveLeft {
	margin-left: 0em;
	background-color: #CBD799;
}

.contentContainer .mainContentRight .notice .noticeText .moveLeft .title {
	margin: .4em .4em 0 .4em;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 110%;
}

.contentContainer .mainContentRight .notice .noticeText .moveLeft .title h3 {
	display: inline;
	color: #581485;
}

.contentContainer .mainContentRight .notice .noticeText .moveLeft .title h4 {
	color: #581485;
	font-size: 80%;
	margin-left: .2em;
}

.contentContainer .mainContentRight .notice .noticeText .moveLeft .text {
	margin: .3em .3em .3em 1.8em;
	line-height:22px;
	color: #1D6FAB;
}

.contentContainer .mainContentRight .notice .noticeText .moveLeft .text a {
	color:#1D6FAB;
	text-decoration:none;
}

.contentContainer .mainContentRight .notice .noticeText .moveLeft .text a:hover {
	color:#581485;
}

.contentContainer .mainContentRight .notice .noticeText .map {
	padding-bottom:.5em;
}


/**** products.aspx ****/
.contentContainer .mainContentRight .notice .prodimages {
	margin-top: 2em;
	background-color: #E1FA9C;
	margin-left:4em;
	width:240px;
}

.contentContainer .mainContentRight .notice .prodimages .products {
	border: 6px solid #E1FA9C;
	margin-top:-60px;
}

.contentContainer .mainContentRight .notice .prodimages .products .thumbnail {
	padding: .3em;
	border: 1px solid #E1FA9C;
	background-color:#FFF;
}

.contentContainer .mainContentRight .notice .prodimages .largeImageContainer {
	display: none;
	border: 4px solid #B1BF72;
	background-color:#FFF;
	padding: 1em;
	min-width:550px;
	/*min-width: 550px;*/
	z-index: 200;
}

.contentContainer .mainContentRight .notice .prodimages .largeImageContainer .productTitle {
	color: #581485;
	font-weight: 600;
}

.contentContainer .mainContentRight .notice .prodimages .largeImageContainer .largeImage {
	border: 1px solid black;
}


/* ---- Footer ---- */
.contentContainer .footer {
	clear: both;
	border: 1px solid #C2E06E;
	width: 825px;
	overflow: auto;
}

.contentContainer .footer .footerLeft {
	color:#581485;
	float: left;
	margin: .3em 0 .3em 1em;
	font-size: 9px;
	font-weight:500;
	overflow: auto;
}

.contentContainer .footer .footerRight {
	float: left;
	margin: .3em 0 .3em 1em;
	font-size: 75%;
}


/**** Google Map ****/
iframe {
	background: #E1FA9C;
	border: 1px solid #FFF;
	margin: 5px;
	padding: 5px;
}

small a {
	color: #581485;
	font-size:9px;
	font-weight:600;
	margin: 5px;
	padding-left:10px;
	text-decoration:none;
}

small a:hover {
	color:#1D6FAB;
}

