/* TOPS Software Style Sheet by John Sexton for AtHomeNet, johns@athomenet.com */
/*  --------- homepage content area  --------- */	
		
/* Controls the upper box content */
#contentPad2 {padding: 10px;}
#moduleOne {padding:0px;background:#ffffff;float:left;width: 100%;height:300px;}
		

/* Controls the two div boxes within the ModuleOne */
#modboxOne {padding:0px;background:#ffffff;float:left;width:445px;height:480px;background:url(graphics/community_mod_bg.jpg) no-repeat 0 0;}
#modboxTwo {background: #ffffff;float: right;width: 445px;height: 480px;background : url(graphics/assoc_management_mod_bg.jpg) no-repeat 0 0;}
		

/* Placement and Text Controls for Top Modules */	
.communityPlacement{width: 215px;color: #000000;margin-left:18px;}	
.communityText { font-size: 12px; text-align: left; line-height: 14px; padding: 2px; }
.communityText a {font-weight: bold;color: #195fa1 ;text-decoration: none;}
.communityText a:hover {font-weight: bold;color: #000000 ;text-decoration: underline;}
.associationPlacement{	width:215px; color: #000000;margin-left:210px; }	
.associationText { font-size: 12px; text-align: left; line-height: 14px; padding: 2px;  }
.associationText a {font-weight: bold;color: #195fa1;text-decoration: none;}
.associationText a:hover {font-weight: bold;color: #000000;text-decoration: underline;}


/* 
   Top Gallery
------------------------------------------------------------------- */
#slider {width:905px; /* important to be same as image width */height:294px; /* important to be same as image height */position:relative; /* important */overflow:hidden; /* important */}
#sliderContent {width:905px; /* important to be same as image width or wider */position:absolute;top:0;margin-left:0;}
.sliderImage {float:left;position:relative;display: none;}
.sliderImage span {position:absolute;font:0.87em Arial, Helvetica, sans-serif;padding:10px 12px 10px 8px;width:905px;background-color:#000;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;color: #fff;display: none;}
.clear {clear:both;}
.sliderImage span strong {font-size:14px;}
.sliderImage span a:link, .sliderImage span a:visited, .sliderImage span a:focus  {color:#fff;text-decoration:underline;}
.sliderImage span a:hover  {color:#fff;text-decoration:none;}
.top {top:0;left:0;}
.bottom {bottom:0;left:0;}
#slider ul { list-style-type:none;padding-left:0px;}





/* New Content BackGround graphics */
#contentInside	{width:905px;background: url(graphics/contentInsideBkgrd.gif) no-repeat 0px 0px;overflow:auto;}	
#contentLeft  {float:left;width:259px;padding: 25px 0px 0px 5px;}
#contentLeft p	{padding-right:5px;}		
#contentMain	{float:right;width:630px;color:#3c2f14;padding:25px 0px 0px 10px;}	
			
		
/* Module Controls for Customer Support, Contact Us, Association Manager Finder and Client Remarks */
.customersupportPanel {width: 630px;height:170px;float:left;background: url(graphics/support-modbackgrd.jpg) no-repeat 0 0;}
.customersupportPanel p {letter-spacing:-0.05em;}
.contactusPanel{ width:630px;height:170px;float:left; background: url(graphics/contact-modbackgrd.jpg) no-repeat 0 0;}	
.contactusPanel p {letter-spacing:-0.05em;}	
.managerfinderPanel { width: 630px;height: 170px;float:left;background: url(graphics/findmanager-modbackgrd.jpg) no-repeat 0 0;}
.managerfinderPanel p { letter-spacing:-0.05em;}
.moduleDivider { width:630px;height:36px;float:left;background: url(graphics/modules-divider.gif) no-repeat 0 0;}	
.remarksPanel { width:445px;height:200px;float:left;margin-left:11px;}	
.remarkspanelbackGrd {background:#e3e1c5;}		
.remarkspaneltopBar { background-image: url("graphics/remarks_topbar.png");background-position:top;background-repeat:none;width:445px;height:8px;margin:0;padding:0;}	
.remarkspanelbotBar { background-image: url("graphics/remarks_botbar.png");background-position:bottom;background-repeat:none;width:445px;height:8px;margin:0;padding:0;}
.moduleDividerLeft {  background-image: url("graphics/module_divider.png");width:445px;height:37px;float:left;}				
.moduleDividerRight { background-image: url("graphics/module_divider.png");width:445px;height:37px;float:left;margin-left: 11px;}		
			
		
/* Controls Text for Modules including Content Left and Main Content Areas */
#contentLeft h1	{font-size:18px;color:#195fa1;font-weight: normal;text-transform:uppercase;margin:0px 0px 5px 0px;padding:0px;}
#contentLeft ul {font: 1.1em/1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;margin-bottom:1em;color:#423311;}
#contentLeft ul {list-style-type:square;padding-right:3px;padding-left:25px;}	
#contentLeft li {margin-bottom:2em;}
#contentLeft p {color:#423311;}
#contentMain h1	{font-size:34px;color:#6f770a;font-weight:normal;text-transform:uppercase;margin:0px 0px 15px 0px;padding:0px;}
.moduleTitle {font-size:2.0em;line-height:1em;color: #195fa1;}


/* Controls for Quotes */	
/*testimonial on inside pages */
#testimonialArea	{padding:0px 0px 15px 0px;}
#testimonialArea .imageArea	{position:relative;height:162px;}
#testimonialArea .image	{position:absolute;top:0px;left:-35px;}
#testimonialArea .quoteArea	{padding:10px 0px 0px 0px;/*background: url(../graphics/testimonial-glow.gif) no-repeat 15px 0px;*/}
#testimonialArea .name	{font-size: 14px;color: #195fa1;font-family: Georgia, "Times New Roman", Times, serif;font-style:italic;font-weight:800;text-align: right;padding:5px 0px 5px 0px;}
#testimonialArea .name span	{color:#bfb79a;}
#testimonialArea a	{font-size:12px;font-style:italic;color:#195fa1;text-decoration:none;}
#testimonialArea a:hover {text-decoration:underline;}
#quote	{background: url(graphics/end-quote.gif) right bottom no-repeat;}
#quote p	{font-size:12px;color:#195fa1;line-height:18px;font-style:italic;background: url(graphics/start-quote.gif) top left no-repeat;text-indent:15px;padding: 5px 10px 0px 0px;margin:0px;text-align:left;}

.remarksTxt {font-size:1.1em;line-height: 1.3em;color:#4165a5;padding:5px;}	
.remarksTxt a {color:#4165a5;text-decoration:none;}
.remarksTxt a:link {text-decoration:none;color:#4165a5 ;}
.remarksTxt a:visited {text-decoration:none;color:#4165a5 ;}
.remarksTxt a:hover {text-decoration:underline;color:#195fa1 ;}
.remarksTxt a:active {text-decoration:none;color:#4165a5 ;}