@charset "utf-8";
/* Paul Sipe CPA Master CSS */

/* Rule for images that are preloaded - simply hides them
   by setting the display property to none, that's it. */
div#common_preload {
	display:none;
}

body {
	background: #434343;
}

.floatleft {
	float:left;
}

/* Gets rid of the default border that surrounds images
used as links. */
a img {
border:none
}

/* Style for various notifcation messages (which may be warnings). */
.notification {
	font-weight:bold;
	color:#F26060;
}

#splash_content {
	display:block;
	position:relative;
	width:768px;
	height:579px;
	background: url('../img/homepage.jpg') no-repeat;
}

#client_wrapper {
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 579px;
	width: 768px;
	margin: 20px auto 0;
}

body #client_wrapper {
	background: none;
}

#client_banner {
	height:160px;
	background-repeat:no-repeat;
	border-bottom:solid 1px #000;
}

body.about #client_banner {
	background: #fff url('../img/header_1.jpg') no-repeat; 
}

body.disclaimer #client_banner {
	background: #fff url('../img/header_1.jpg') no-repeat; 
}

body.privacy #client_banner {
	background: #fff url('../img/header_1.jpg') no-repeat; 
}

body.services #client_banner {
	background: #fff url('../img/header_2.jpg') no-repeat; 
}

body.resources #client_banner {
	background: #fff url('../img/header_3.jpg') no-repeat; 
}

body.contact #client_banner {
	background: #fff url('../img/header_4.jpg') no-repeat; 
}

body.contact_thankyou #client_banner {
	background: #fff url('../img/header_4.jpg') no-repeat; 
}

/**********************************************************************/
/* Navigation Bar Style Rules */
#dropdownNavbar {
	
	height:1.6em; /* To account for 80% font-size used in the 2em-high navbar links;
					 keeps extra space from appears beneath the links.  */
	background: #fff;
	border-bottom:solid 1px #000;
	font-family: Georgia, Times, serif;
}

/* Remove bullets from ul in the navbar */
#dropdownNavbar ul {
	list-style-type:none;
	margin: 0;
}

#dropdownNavbar li ul {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

/* List items in the navbar */
#dropdownNavbar li {
	float:left;
	/* Required for drop-down menus */
	position:relative;
	line-height: 1.4em;
}

/* Applies to navbar links, visited and unvisited */
#dropdownNavbar a, #dropdownNavbar a:link, #dropdownNavbar a:visited {
	text-decoration:none;
	font-size:80%;
	display:block;
	padding:0 1.8em;
	height:2em;
	width: auto;
	text-align:center;
	line-height:2em;
	outline-style:none;
	color: #000;
}

/* Navbar hover, active, and current page links.
   Used with a slightly-unique navbar for each page,
   the li.selected rules cause the "hover" background
   image to be shown for the page currently being
   displayed.  It also causes the hover image to
   be pre-loaded (when the page itself loads), instead
   of dynamically when the user first hovers (which
   could cause a noticeable and undesirable delay). */
#dropdownNavbar a:hover,
#dropdownNavbar a:active,
#dropdownNavbar li.selected a:link,
#dropdownNavbar li.selected a:visited {
	color: #65696f;
	font-style: italic;
}

/* Navbar division drop-down menu styles */
#dropdownNavbar li ul {
	position:absolute;
	z-index:100;
	visibility:hidden;
	padding: 0;  /* keeps the drop-downs hidden by default */
	background-color: #afdeff;
}

/* Make drop-down visible on navbar hover */
#dropdownNavbar li:hover ul {
	visibility:visible;
	top:1.6em;  /* needed to make positionn of drop-down correct in IE6 */
	left:0;     /* ibid */
}

/* Styling for <a> tags inside the drop-down menu, and
   only when the mouse pointer is touching an item in
    the navbar. */
#dropdownNavbar li:hover ul li a,
#dropdownNavbar li a:hover ul li a /* IE6 hack */
{
	background: #afdeff;
	border-top:1px #000 solid;
	text-align:left;
	display:block;  /* converts to a block item so width/height can be applied */
	width:15em;		/* overridden by specific menu class selectors */
	padding:0 0 0 1em;  /* for a little space on the left */
	height:auto;  /* browser will calculate the required height */
}

#dropdownNavbar li:hover ul li a.aboutus,
#dropdownNavbar li a:hover ul li a.aboutus /* IE6 hack */
{
	width:7em;
	border-right:none;
}

#dropdownNavbar li:hover ul li a.services,
#dropdownNavbar li a:hover ul li a.services /* IE6 hack */
{
	width:13em;
	border-right:none;
}

#dropdownNavbar li:hover ul li a.resources,
#dropdownNavbar li a:hover ul li a.resources /* IE6 hack */
{
	width:17em;
	border-right:none;
}

#dropdownNavbar li:hover ul li a.contactus,
#dropdownNavbar li a:hover ul li a.contactus /* IE6 hack */
{
	width:14em;
	border-right:none;
}

/* Style rule for when the user is hovering over a drop-down item.
   Yes, there is acutally a pseudo-class called hover for a list item... */
#dropdownNavbar li:hover ul li a:hover,
#dropdownNavbar li a:hover ul li a:hover /* IE6 hack */
{
	background: #0072c2;
	color: #fff;
	font-style: italic;
}

/* IE6 hack applies to its table-based drop-downs */
#dropdownNavbar table {
	margin:-1px;
	border-collapse:collapse;
	position:absolute;
	top:0.5em;
	left:0;
	z-index:100;
}

a.profile_home {
	display: block;
	height: 50px;
	width: 313px;
	background: url('../img/nav_profile.jpg') no-repeat;
	position:absolute;
	left:25px;
	top:266px;
}

a.profile_home:hover {
	background: url('../img/nav_profile_hov.jpg') no-repeat;
}

a.services_home {
	display: block;
	height: 50px;
	width: 313px;
	background: url('../img/nav_services.jpg') no-repeat;
	position:absolute;
	left:25px;
	top:316px;
}

a.services_home:hover {
	background: url('../img/nav_services_hov.jpg') no-repeat;
}

a.resources_home {
	display: block;
	height: 50px;
	width: 313px;
	background: url('../img/nav_resources.jpg') no-repeat;
	position:absolute;
	left:25px;
	top:366px;
}

a.resources_home:hover {
	background: url('../img/nav_resources_hov.jpg') no-repeat;
}

a.contact_us_home {
	display: block;
	height: 50px;
	width: 313px;
	background: url('../img/nav_contact.jpg') no-repeat;
	position:absolute;
	left:25px;
	top:416px;
}

a.contact_us_home:hover {
	background: url('../img/nav_contact_hov.jpg') no-repeat;
}


/**********************************************************************/
/* Main Content div style rules */

#mainContent {
	padding:3em;
	background: #fff url('../img/round_bottom.jpg') no-repeat 0 bottom;
}

#mainContent td {
	font-size:small;
}

#mainContent p {
	width:42em;
	font-size:small;
	line-height:1.5em;
	margin-bottom:0.5em;
	color: #65696f;
	margin-top: 5px;
}

#mainContent ul {
	color: #65696f;
}

#mainContent li {
	font-size:small;
	margin-left:2em;
	line-height:1.5em;
}

#mainContent h2 {
	font-size:medium;
	color: #62656c;
	margin:1em 0 0;
	font-family: Georgia, Times, serif;
	font-style: italic;
}

#mainContent .singlespace {
	line-height:1em;
}

.contactlabel {
	display:block; 
	font-weight:bold;
	color:#4487c9;
	padding:0.5em 0 0 0;
}

<!-- Sizes the multi-line textarea box -->
.contacttextarea {
	width:100%;
	height:7em;
	padding-bottom:1em;
}

/**********************************************************************/
/* Footer div style rules */
#footer {
	clear:left; /* Clear floats so footer spans entire width of wrapper */
	text-align:center;
	font-size:x-small;
	color: #fff;
	width: 775px;
	margin-bottom: 50px;
	float: left;
}

#footer a {
	color: #fff;
}

#footer a: hover {
	color: #4487C9;
}