/* W2 Design typography style sheet for Grant Investment Group */
/* This document is the sole property of Grant Investment Group */
/* (C) 2006 Grant Investment Group */
/* Do not modify this document without approval of W2: wayne a wilkes	*/
/* Do not copy this document! */
/* For information, contact wayne@w2-design.com		*/
/* Change Log Follows: */
/* 1201/2006 Design (WAW) */

/* General CSS */
div.clear { clear: both; background: transparent; margin: 0; padding: 0; }
.hide {display: none;}
span {display: none;}

/* Common tags, for implementing the standard type */
a {}
a:link {color: #f49c2f;}
a:visited {color: #f49c2f;}
a:active {color: #f49c2f;}
a:hover {color: #b46400;}

body {background-color : #FFF; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px; margin: 0px; background-image: url(/common/images/page_BKGD.gif); background-repeat: repeat-x;}
.surround {padding: 0px; margin: 0px auto; width: 900px;}

#header {width: 900px; heght: 76px; background-image: url(/common/images/header_BKGD.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px;}
#NAV {width: 680px; padding: 0px 0px 0px 50px; margin: 0px; text-align: right;}
#NAV #NAVglobal {padding: 21px 0px 0px 0px; margin: 0px; height: 19px; color: #FFF;}
#NAV #NAVglobal a {font-weight: bold; font-size: 11px;}
#NAV #NAVglobal a:link {color: #FFF;}
#NAV #NAVglobal a:visited {color: #FFF;}
#NAV #NAVglobal a:active {color: #FFF;}
#NAV #NAVglobal a:hover {color: #f1f1f1;}
#NAV #NAVprimary {float: right; padding: 7px 0px 0px 0px; margin: 0px; height: 29px; color: #FFF; list-style-type: none; }
#NAV #NAVprimary li {float: left; padding: 0px 0px 0px 10px;}
#NAV #NAVprimary li a {font-size: 13px; font-weight: bold; text-decoration: none;}
#NAV #NAVprimary li a:link {color: #FFF;}
#NAV #NAVprimary li a:visited {color: #FFF;}
#NAV #NAVprimary li a:active {color: #FFF;}
#NAV #NAVprimary li a:hover {color: #CCC;}

#sectionO #NAVprimary #navA {color: #000; text-decoration: underline;}
#sectionI #NAVprimary #navB {color: #000; text-decoration: underline;}
#sectionII #NAVprimary #navC {color: #000; text-decoration: underline;}
#sectionIII #NAVprimary #navD {color: #000; text-decoration: underline;}
#sectionIV #NAVprimary #navE {color: #000; text-decoration: underline;}
#sectionV #NAVglobal #navF {color: #000; text-decoration: none;}
#sectionVI #NAVglobal #navG {color: #000; text-decoration: none;}
#sectionVII #NAVglobal #navH {color: #000; text-decoration: none;}


#marquee {width: 800px; padding: 0px 50px}
.hSpacer {clear: both; margin: 0px 50px; padding: 0px; width: 800px; height: 27px; background: url(/common/images/hSpacer.gif); background-repeat: repeat-x;}

#pageBodyOne {padding: 15px; margin: 0px auto; width: 768px; background-color: #FFF; border: 1px solid #2b7d3e;}
#pageBodyOne ul {padding: 0px 15px; margin-left: 0px; list-style-image: url(/common/images/bullet.gif);}
#pageBodyOne li {}

#pageBodyTwo {padding: 0px; margin: 0px 9px 0px 9px;}
#pageBodyTwo p {margin: 0px 0px 10px 0px;}

#pageBodyThree {padding: 0px; margin: 0px auto; width: 798px; background-color: #FFF; border: 1px solid #2b7d3e;}
#pageBodyThree ul {padding: 0px; margin-left: 15px; list-style-image: url(/common/images/bullet.gif);}
#pageBodyThree li {}

#mainLeft {float: left; width: 507px; margin: 0px; padding: 0px;}
#mainLeftA {float: left; width: 246px; margin: 0px; padding: 0px; margin-right: 15px;}
#mainLeftB {float: left; width: 246px; margin: 0px; padding: 0px;}

#mainRight {float: right; width: 246px; margin: 0px; padding: 0px;}


/* HEADLINES */
h1 {margin: 0px; padding: 0px; height: 39px; font-size: 24px; font-weight: normal;}
h1.location {background-image: url(/common/images/h1_location.gif); background-repeat: no-repeat;}
h1.communityMap {background-image: url(/common/images/h1_communityMap.gif); background-repeat: no-repeat;}
h1.availableHomes {background-image: url(/common/images/h1_availableHomes.gif); background-repeat: no-repeat;}
h1.homeStyles {background-image: url(/common/images/h1_homeStyles.gif); background-repeat: no-repeat;}
h1.photoGallery {background-image: url(/common/images/h1_photoGallery.gif); background-repeat: no-repeat;}
h1.communityInfo {background-image: url(/common/images/h1_communityInfo.gif); background-repeat: no-repeat;}
h1.links {background-image: url(/common/images/h1_links.gif); background-repeat: no-repeat;}
h1.onlineAccess {background-image: url(/common/images/h1_onlineAccess.gif); background-repeat: no-repeat;}
h1.webAdmin {background-image: url(/common/images/h1_webAdmin.gif); background-repeat: no-repeat;}


h2 {margin-top: 0px; padding-top: 0px; font-size: 14px; font-weight: bold;}
h3 {margin-top: 0px; padding-top: 0px; font-size: 12px; font-weight: bold;}


/* Footer */
#footer {width: 800px; font-size: 10px; border-top: 10px solid #092500; margin: 1px auto;}
#footer #leftCol {float: left; width: 523px; height: 50px; overflow: hidden; margin: 0px; padding: 3px 0px 0px 0px; background-color: #2b7d3e; text-align: center;}
#footer #leftCol p {width: 474px; padding: 12px 0px 0px 0px; margin: 0px; color: #FFF; font-size: 12px; }
#footer #leftCol a {}
#footer #leftCol a:link {color: #FFF;}
#footer #leftCol a:visited {color: #FFF;}
#footer #leftCol a:active {color: #FFF;}
#footer #leftCol a:hover {color: #CCC;}

#footer #rightCol {float: right; width: 247px; height: 57px; margin: 0px; padding: 8px 15px 0px 15px; background-image: url(/common/images/footer_loginBKGD.jpg); background-repeat: no-repeat; background-position: bottom; background-color: #f49c2f;}
#footer #rightCol #footOneA {float: left; width: 90px; font-size: 10px;}
#footer #rightCol #footOneA input {width: 70px; font-size: 11px;}
#footer #rightCol #footOneB {float: left; width: 90px; font-size: 10px;}
#footer #rightCol #footOneB input {width: 70px; font-size: 11px;}
#footer #rightCol #footTwo {float: left; width: 67px; font-size: 10px;}
#footer #rightCol #footTwo img {padding: 2px 0px;}
#footer #rightCol #footTwo a {}
#footer #rightCol #footTwo a:link {color: #FFF; text-decoration: none;}
#footer #rightCol #footTwo a:visited {color: #FFF; text-decoration: none;}
#footer #rightCol #footTwo a:active {color: #FFF; text-decoration: none;}
#footer #rightCol #footTwo a:hover {color: #f1f1f1; text-decoration: underline;}


.txtBx {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:		 		12px; 
	font-weight:	 		normal;
	border:					1px inset #000;
	background-position:	left top;
	background-image:		url("/common/images/input_box_shadow.gif");
	background-repeat:		no-repeat;
	overflow:				hidden;
}

.txtArea {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:		 		12px; 
	font-weight:	 		normal;
	border:					1px inset #000;
	background-position:	left top;
	background-image:		url("/common/images/input_box_shadow.gif");
	background-repeat:		no-repeat;
	overflow:				auto;
}