/* 212 Software Style Sheet. Prodcued by John Sexton fro AtHomeNet. Contact by johns@athomenet.com */



/* ---------  Common  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		padding: 20px;
		font-size: 62.5%;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;
		background : #e7eef4 url(graphics/body-bg.gif) repeat-x top left;
		}
		
		
html {
		font-size: 100%;
	
		}	
		
		
/* ---------- links and navigation ---------- */

a { color: #195fa1;
		}
		
a:hover { color: #000000;
		}
		


/* ---------- fonts ---------- */

h1 {
		font-size: 2.0em;
		line-height: 1em;
		margin-bottom: 0.5em;
		color: #195fa1;
		}

		
h2 {
		font-size: 1.5em;
		line-height: 1em;
		margin-bottom: 1em;
		}

h3 {
		font-size: 2.0em;
		line-height: 1em;
		color: #195fa1;
		}
		
		
h4 {
		font-size: 1.4em;
		line-height: 1em;
		color: #195fa1;
		}
		
		
p {
		font: 1.2em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-bottom: 1em; text-align: justify;
		}
		
		
ul {
		font: 1.2em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-bottom: 2em;
		}

ul {
		list-style-type: square;
		padding-left: 25px;
		}
		
li {   margin-bottom: 2em;
		}
		
		
		

/*  --------- structure  ---------  */

body {
		margin-top: 0px;
		}

#wrapper {
		width: 925px;
		margin: 0 auto;
		}
		

		
#header { width: 925px;
		  height: 112px;
		  margin: 0 auto;
		  background-color: #eeeeee;
          background : url(graphics/tops-software-header.png) no-repeat 0 0; }

	
		  
#footer { width: 925px;
		  height: 115px;
		  margin: 0 auto;
		  background: #333333; 
		  background : url(graphics/footer_bg.png	) no-repeat 0 0;
		  overflow: visible; }
		  
		  
		
		
#mainContent {
		width: 925px;
		background: #fff;
		overflow: auto;
		}
		
/*  margin-left: 20px !important; margin-left: 10px;   !important; overflow:visible;  */


			 
/*  This Controls the Content DIV for a Blank Page */		 
#blankOne {
		padding: 0px;
	    background: #fff;
		float: left;
		width: 100%;
		overflow: auto;
		}



/*  These two control the top and bottom round corners of the main content section of the page */
.topimage {
		width: 925px;
		height: 6px;
        margin: 0;
		padding:0;
		background-image: url("graphics/maincontent_top_hdr.png");
		background-position: top;
		background-repeat: none;
		}
		
		
.bottomimage {
		width: 925px;
		height: 6px;
        margin: 0;
		padding:0;
		background-image: url("graphics/maincontent_bot_hdr.png");
		background-position: bottom;
		background-repeat: none;
		}
/*  These two control the top and bottom round corners of the main content section of the page */

		
/*  TThis controls the padding of the main content area */
#contentPad {
		padding: 15px;
		}
		
		
.imgPad {
		padding: 15px;
		}
		
		
.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
		
/*  --------- content area  --------- */	
		
/* Controls the two div boxes, nav and content */

#divOne {
		padding: 0px;
	    background: #efefef;
		float: left;
		width: 190px;
		}

#divTwo {
		margin-left: 5px;
		padding: 5px;
		background: #fff;
		float: left;
		width: 650px;
		}


/* Title Tags */		

.titleDivide {
		width: 900px;
		height: 4px;
        margin: 0;
		padding:0;
		background-image: url("graphics/hdr_divider_lines.gif");
		}
		
* html .titleDivide { /*Simplified Margin for IE 6*/
        width: 900px;
		height: 4px;
        margin: 0 0 0 0;
		padding:0 0 0 0;
        background-image: url("graphics/hdr_divider_lines.gif");
		background-repeat: none; }
		
		
	
		
#leftBanner {float:left; color: #666666; padding-top: 2px; }
#rightBanner {float:right; color: #666666; padding-top: 2px; }

		
		
/* Sub Naviagation Specifics */	
/*  These two control the top and bottom round corners of the Sub Naviagation Area section of the page */
.subnavTop {
		width: 190px;
		height: 5px;
        margin: 0;
		padding:0;
		background-image: url("graphics/subnav_top.png");
		background-position: top;
		background-repeat: none;
		}
		
		
.subnavBot  {
		width: 190px;
		height: 5px;
        margin: 0;
		padding:0;
		background-image: url("graphics/subnav_bot.png");
		background-position: bottom;
		background-repeat: none;
		}
/*  These two control the top and bottom round corners of the main content section of the page */

#subnavPad {
		padding: 5px;
		}
		
.subnavOne p {
	text-align: justify;

}		
.subnavOne a {
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	display: block;
    padding: 9px 9px 9px 9px;	

}

.subnavOne a:hover {
   color: #fff;
   background-color: #939393;
   text-decoration: none;

}

.subnavOne a:visited {
   text-decoration: none;

}

.subnavOne a:active {
   color: #000;
}




#dividerdots { background-image: url('graphics/subnav_divide.png');
			   width:177px; height: 2px;
			 }
			 
			 

			 
			 
/*  Specific Code for Contact Us Page */			 
			 
			 
.columns0812-a {
margin-bottom: 0.5em;
float: left;
width: 32%;
}

.columns0812-b {
margin-bottom: 0.5em;
float: right;
width: 64%;
}

.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }

hr,
div.hr {
clear: both;
background: #CBCBCB;
color: #CCC;
border: none;
height: 2px;
margin: 10px 0;
font-size: 1px;
line-height: 1px;
}



/*  Specific Code for Pricing Pages */	


table {
		border-collapse: collapse;
		} 

th, td { 
		border: 1px solid #bbbbbb; 
		font-size: 1.2em;
		padding: 4px 10px;
		line-height: 1.2;
		} 

tbody td {
		border-top: 0;
		border-bottom: 0;
		}
		
		
tfoot {
		background-color: #e2e2e2;
		color: #195fa1;
		}
		
thead {
		background-color: #e2e2e2;
		color: #195fa1;
		}
		
		
		
/*  Specific Code for Association Management Features Page */	

.features ul {
		font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-bottom: 1.0em;
		}

.features ul {
		list-style-type: square;
		padding-left: 25px;
		}
		
.features li {   margin-bottom: 1.0em; background: #bcd1e4;
		}
		
.features li.e {   margin-bottom: 1.0em; background: #fff;
		}
		
		

#featuresBox1 { padding: 0px;
	    background: #fff;
		float: left;
		width: 320px;
		margin-bottom: 20px;
 }
 
#featuresBox2 { padding: 0px;
	    background: #fff;
		float: right;
		width: 320px;
		margin-bottom: 20px;
 }
 
 
 #partnersBox { padding: 0px;
	    background: #fff;
		float: left;
		width: 684px;
		
 }
 
 



/*  Specific Code for Community Features Page */	

.commfeatures ul {
		font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-bottom: 1.0em;
		}

.commfeatures ul {
		list-style-type: square;
		padding-left: 25px;
		}
		
.commfeatures li {   margin-bottom: 1.0em; background: #eeeeee;
		}
		
.commfeatures li.e {   margin-bottom: 1.0em; background: #fff;
		}
		
		

#commfeaturesBox1 { padding: 0px;
	    background: #fff;
		float: left;
		width: 320px;
		margin-bottom: 20px;
 }
 
#commfeaturesBox2 { padding: 0px;
	    background: #fff;
		float: right;
		width: 320px;
		margin-bottom: 20px;
 }
 
 
#commfeaturesBox3 { padding: 0px;
	    background: #fff;
		float: left;
		width: 650px;
		
 }
 
#commfeaturesBox4 { padding: 0px;
	    background: #fff;
		float: left;
		width: 320px;
		
 }
 
 
 #commfeaturesBox5 { padding: 0px;
	    background: #fff;
		float: right;
		width: 320px;
		
 }
 
 
 
 
 /*  Specific Code for Request More Information Page */
 
 #requestBox { padding: 0px;
	    background: #fff;
		width: 550px; }

.required { color: #c31016; font-weight: bold; font-size: 1.0em; text-align: right; }
.redfontbold { color: #c31016; font-weight: bold; font-size: 1.0em; text-align: right; }
.topsbluefontbold { color: #195fa1; font-weight: bold; font-size: 1.0em; text-align: right; }
.greyfontbold { color: #666666; font-weight: bold; }
.blackfontbold { color: #333333; font-weight: bold; font-size: 1.0em; text-align: right; }
 
.input {  border: solid 1px #cecece; }
 

.info table {
		border-collapse: collapse;
		} 

.info th, td { 
		border: 1px solid #fff; 
		font-size: 1.2em;
		padding: 4px 10px;
		line-height: 1.2;
		} 

.info tbody td {
		border-top: 0;
		border-bottom: 0;
		}
		
		
.info tfoot {
		background-color: #e2e2e2;
		color: #195fa1;
		}
		
.info thead {
		background-color: #e2e2e2;
		color: #195fa1;
		}
 
 
 
 
 


/*  Specific Code for More Information Page */	
 
 
 
hr.info {
clear: both;
background: #CBCBCB;
color: #CCC;
border: none;
height: 1px;
margin: 0 0 0 0;
font-size: 1px;
line-height: 1px;
}



/*  Specific Code for FAQ Page */	
 
 
 
hr.faq {
clear: both;
background: #CBCBCB;
color: #CCC;
border: none;
height: 1px;
margin: 0 0 0 0;
font-size: 1px;
line-height: 1px;
}



 /*  Specific Code for Find a Manager Page */
 
#mapBox { padding: 0 0 0 0;
	    background: #fff;
		float: right;
		width: 530px;
	
 }
 
#stateBox { 
		width: 100px;
		height: auto;
		margin-bottom: 5px;
		padding:0;
		float:right;
		clear:right;
		
 }
 
.stateTitle { text-align: center; padding-bottom: 5px; color: #195fa1; }
.stateBody { text-align: center; }



 /*  Specific Code for Testimonials Page */
 
 #testimonialtext { color: #333333; font-size: 1.2em; text-align: left;
	     }



		
		
/* ---------- footer specific ---------- */

.footerOne { color: #fff; text-align: center; padding: 5px; margin-bottom: 1em; }
.footerOne p {text-align: center; }

.footerOne a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #fff ;
}
.footerOne a:link {
	text-decoration: underline;
	color: #fff ;
}
.footerOne a:visited {
	text-decoration: underline;
	color: #fff ;
}
.footerOne a:hover {
	text-decoration: none;
	color: #666666 ;
}
.footerOne a:active {
	text-decoration: underline;
	color: #fff ;
}




.footerTwo { color: #333333; text-align: center; }
.footerTwo p {text-align: center; }

.footerTwo a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #333333;
}
.footerTwo a:link {
	text-decoration: underline;
	color: #333333;
}
.footerTwo a:visited {
	text-decoration: underline;
	color: #333333;
}
.footerTwo a:hover {
	text-decoration: none;
	color: #666666;
}
.footerTwo a:active {
	text-decoration: underline;
	color: #333333;
}