/* MERRIFIELD MOSAIC WEBSITE
   COLORS:
   	TAN: #c1b7a5
   	BLACK: #000
   	ALMOST BLACK: #272525
   	RED: #d5664c
   	GRAY: #e7e8e8
*/

body { margin: 0; padding: 0; background-color: #fff; font-family: arial, sans-serif; font-size: 10pt; color: #272525; line-height: 1.3; }


/* OVERLAY */
#overlay { visibility: hidden; position: absolute; text-align: center; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent; z-index: 1001; }
#overlay div { width: 640px; height: 480px; margin: 150px auto; background-color: white; border: 10px solid #e7e8e8; overflow: hidden; text-align: center; }
#overlay div.caption { width: 620px; padding: 5px 10px; height: 45px; margin: 455px 0; background-color: black; text-align: left; border: 1px solid white; }
span.caption { font-size: 8pt; color: white; }


/* TYPE AND FORMS */

img { border: 0; }
img.viscentImg { border: 1px solid #e7e8e8; margin-bottom: 3px; }

a, a:visited { color: #c1b7a5; text-decoration: none; outline: 0; }
a:hover { text-decoration: underline; }
a.footerLink { font-size: 8pt; color: #c1b7a5; }
input, select, textarea { font-family: arial, sans-serif; font-size: 8pt; color: #272525; }
.contactField { border: 1px solid #b4ab9b; background-color: #c1b7a5; }
a.tmLink { color: #d5664c; }
a.tmLink:visited { color: #d5664c; }
span.copyright, span.small { font-size: 8pt; color: #8d867a; }
span.large { font-size: 13pt; font-weight: normal; }
h3 { font-family: "Century Gothic", "Lucida Sans", sans-serif; font-size: 13pt; color: #272525; font-weight: normal; margin: 0; }
ul.normalList { list-style-type: square; margin: 0 0 20px 8px; padding: 10px; }
ul.normalList li.normalItem { margin: 10px 0 10px 0; }

div#confirmEmail { display: none; padding: 5px; background-color: #B4EEB4; border: 1px solid #4BB74C; }
div#signupForm { display: block; }
div#unSubForm { display: none; }


/* NAV */

	span.navText { visibility: hidden; }
	ul#navLinks { list-style-type: none; margin: 0; padding: 0; float: left; height: 16px; }
	ul#navLinks li { height: 16px; display: block; float: left; margin-right: 25px; }
		a.home { float: left; background: url(/images/nav-home.gif) 0 0 no-repeat; width: 50px; height: 16px; display: block; text-decoration: none; }
		a.home:hover, li.home-s { float: left; background: url(/images/nav-home-s.gif) 0 0 no-repeat; width: 50px; height: 16px; display: block; text-decoration: none; }
		a.community { float: left; background: url(/images/nav-community.gif) 0 0 no-repeat; width: 84px; height: 16px; display: block; text-decoration: none; }
		a.community:hover, li.community-s { float: left; background: url(/images/nav-community-s.gif) 0 0 no-repeat; width: 84px; height: 16px; display: block; text-decoration: none; }
		a.viscent { float: left; background: url(/images/nav-viscenter.gif) 0 0 no-repeat; width: 97px; height: 16px; display: block; text-decoration: none; }
		a.viscent:hover, li.viscent-s { float: left; background: url(/images/nav-viscenter-s.gif) 0 0 no-repeat; width: 97px; height: 16px; display: block; text-decoration: none; }
		a.contact { float: left; background: url(/images/nav-contact.gif) 0 0 no-repeat; width: 80px; height: 16px; display: block; text-decoration: none; }
		a.contact:hover, li.contact-s { float: left; background: url(/images/nav-contact-s.gif) 0 0 no-repeat; width: 80px; height: 16px; display: block; text-decoration: none; }
		a.about { float: left; background: url(/images/nav-about.gif) 0 0 no-repeat; width: 148px; height: 16px; display: block; text-decoration: none; }
		a.about:hover, li.about-s { float: left; background: url(/images/nav-about-s.gif) 0 0 no-repeat; width: 148px; height: 16px; display: block; text-decoration: none; }

a.but-1 { float: left; height: 15px; width: 15px; background: url(/images/but-1.gif) 0 0 no-repeat; text-decoration: none; margin-right: 3px; }
a.but-1:hover, a.but-1-s { float: left; height: 15px; width: 15px; background: url(/images/but-1-s.gif) 0 0 no-repeat; text-decoration: none; margin-right: 3px; }
a.but-2 { float: left; height: 15px; width: 15px; background: url(/images/but-2.gif) 0 0 no-repeat; text-decoration: none; margin-right: 3px; }
a.but-2:hover, a.but-2-s { float: left; height: 15px; width: 15px; background: url(/images/but-2-s.gif) 0 0 no-repeat; text-decoration: none; margin-right: 3px; }
a.but-3 { float: left; height: 15px; width: 15px; background: url(/images/but-3.gif) 0 0 no-repeat; text-decoration: none; margin-right: 3px; }
a.but-3:hover, a.but-3-s { float: left; height: 15px; width: 15px; background: url(/images/but-3-s.gif) 0 0 no-repeat; text-decoration: none; margin-right: 3px; }
a.but-4 { float: left; height: 15px; width: 15px; background: url(/images/but-4.gif) 0 0 no-repeat; text-decoration: none; margin-right: 3px; }
a.but-4:hover, a.but-4-s { float: left; height: 15px; width: 15px; background: url(/images/but-4-s.gif) 0 0 no-repeat; text-decoration: none; margin-right: 3px; }
a.but-5 { float: left; height: 15px; width: 15px; background: url(/images/but-5.gif) 0 0 no-repeat; text-decoration: none; margin-right: 3px; }
a.but-5:hover, a.but-5-s { float: left; height: 15px; width: 15px; background: url(/images/but-5-s.gif) 0 0 no-repeat; text-decoration: none; margin-right: 3px; }


/* STRUCTURE */

#mainContainer { width: 696px; margin: 0 auto; padding: 0; border-left: 10px solid #e7e8e8; border-right: 10px solid #e7e8e8; border-bottom: 10px solid #e7e8e8; }
	div#header { height: 68px; background-color: #c1b7a5; }
	div#nav { padding: 15px 0 17px 7px; height: 17px; background-color: #000; }
	div#homeFlash { background-color: #000000; border-top: 1px solid #fff; }
	div#communityFlash { background-color: #000000; border-top: 1px solid #fff; }
	div#mainContent { background-color: transparent; padding: 0; }
		div.singleCol { padding: 20px 15px 0 15px; }
		div.leftColSub { float: left; width: 250px; margin: 20px 0 0 15px; display: inline; }
		div.leftCol { float: left; width: 436px; margin: 20px 0 0 15px; display: inline; }
		div.leftCom { float: left; width: 360px; margin: 20px 18px 0 15px; display: inline; }
		div.rightCol { float: left; width: 176px; margin: 20px 0 0 24px; padding: 15px; display: inline; border: 1px solid #e7e8e8; }
		div.rightColSub { float: left; width: 350px; margin: 51px 0 0 24px; padding: 15px; display: inline; }
		div.rightCom { float: left; height: 536px; width: 300px; margin: 45px 0; display: inline; }
			div#videoContainer{ display: block; height: 250px; background-color: transparent; }
			div#divOne { display: block; }	
			div#divTwo, div#divThree, div#divFour { display: none; }	
	div#footerContent { background-color: #fff; height: 207px; display: block; clear: both; }
		div.textNav { padding: 5px 0 5px 15px; }
		div.footer { height: 180px; background: #c1b7a5 url(/images/logo-footer.gif) top right no-repeat; }
			div.copyright { margin-top: 140px; float: left; }