@charset "utf-8";
/* CSS Document */
/*****************************************************************
**	Default Background color: #6f8c8f                            **
**                                                               **
**                                                               **
**                                                               **
**                                                               **
**                                                               **
******************************************************************/

/**************************************************************** DEFUALT VALUES FOR TEMPLATE **********************************************************************/
* {
	margin: 0px;
	padding: 0px;
	}
.clear {
	clear: both;
	}

a {
	color: #0000FF;
	}
a:visited {
	color:#0000FF;
	}
body {
	background-color: #6f8c8f;
	font: 16px normal Arial, Helvetica, sans-serif;
	color: #ffffff;
	}
#bg_wrapper {
	background-image: url(../images/bg_shadow.gif);
	background-repeat: repeat-y;
	width: 1024px;
	margin: auto;
	position: relative;
	}
#wrapper {
	background-color: #6f8c8f;
	margin: auto;
	width: 1000px;
	position: relative;
	}
#header {
	text-indent: -5000px;
	display: none;
	}
#flash_logo {
	width: 800px;
	height: 75px;
	position: relative;
	float: left;
	}
#content {
	margin: 50px auto 50px auto;
	width: 900px;
	position: relative;
	}
h3 {
	padding: 10px 5px 10px 5px;
	}
p {
	padding: 10px 5px 10px 5px;
	}
iframe {
	margin: 15px auto 15px auto;
    position: relative;
    }
#error {
	background: #FFCC00 url(../images/warning.png) 10px center no-repeat;
	color: #000000;
	width: 400px;
	min-height: 50px;
	padding: 8px 8px 8px 118px;
	margin: auto;
	}
	
/******  MENU NAVIGATION ****************************/
#navigation {
	width: 1000px;
	height: 25px;
	position: relative;
	background: url(../images/tab_bg.gif) left repeat-x; 
	position: relative;
	z-index: 2000;
	}
#sddm {
	width: 1000px;
	z-index: 300;
	}

#sddm li {
	list-style: none;
	float: left;
	}

#sddm li a
{	display: block;
	background:url(../images/tab_div.gif) left no-repeat;
	margin: 0 1px 0 0;
	padding: 4px 0px;
	width: 121px;
	color:#333333;
	text-align: center;
	text-decoration: none;
	font: bold .9em arial;
}

#sddm li a:hover {
	color: #0000FF;
	}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2;
	z-index: 500;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #000000;
		font: normal 11px arial;
		z-index: 1000;}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF;
	}
/****** FOOTER **************************/
#footer {
	padding-top: 25px;
	color:#CCCCCC;
	font-size: 11px;
	text-align: center;
	width: 1000px;
	z-index: 1;
	}
#footer hr {
	z-index: 1;
	}

#footer p#copyright {
	padding-top: 15px;
	padding-left: 5px;
	width: 270px;
	float: left;
	text-align: left;
	z-index: 1;
	}
#footer p#nav {
	padding-top: 15px;
	width: 400px;
	float: left;
	text-align: center;
	z-index: 1;
	}
#footer p#address {
	padding-top: 15px;
	padding-right: 5px;
	width: 270px;
	float: left;
	text-align: right;
	z-index: 1;
	}

#footer a {
	text-decoration: none;
	color: #cccccc;
	z-index: 1;
	}
	
#footer a:hover {
	color:#0000FF;
	}
/************************************************************************************************************************************************************
*																																							*
*																			PAGES 																			*
*																																							*
************************************************************************************************************************************************************/

	
/************************************************************************** ABOUT PAGE **********************************************************************/
#about .profile {
	margin-top: 25px;
	border-top: .3em groove #666666;
	width: 900px;
	height: 200px;
	position: relative;
	}
#about .profile .image {
	height: 200px;
	padding: 12px 0px;
	width: 150px;
	float: left;
	position: relative;
	}
#about .profile .description {
	width: 700px;
	float: left;
	margin-left: 25px;
	position: relative;
	} 
/************************************************************************** ADMIN PAGE **********************************************************************/
#admin_left_col,
#admin_right_col {
	width: 400px;
	position: relative;
	float: left;
	margin: 10px;
	}
#admin_left_col ul,
#admin_right_col ul {
	list-style: none;
	}
#admin_right_col ul li {
	line-height: 35px;
	}
#admin #admin_left_col a,
#admin #admin_right_col a {
	color: #000000;
	font-size: .75em;
	text-decoration: none;
	text-align: center;
	display: block;
	line-height: 25px;
	background: url(../images/button.gif) left top no-repeat;
	width: 126px;
	position: relative;
	margin: 5px 0px 5px 0px;
	}
/********************************************************************* CALCULATOR TIMECARD *******************************************************************/
#calculator form#hours {
	width: 300px;
	position: relative;
	float: left;
	}
#calculator table#timecard {
	width: 300px;
	border: 1px solid #000000;
	border-collapse:collapse;
	}
#calculator table#timecard td {
	padding: 2px;
	border: 1px solid #000000;
	text-align: center;
	}
#calculator table#timecard th {
	padding: 2px;
	border: 1px solid #000000;
	text-align: center;
	}
#calculator table#timecard #tothrs {
	text-align: right;
	padding-right: 4px;
	font-weight: bold;
	}
#calculator input {
	margin-bottom: 2px;
	}
#calculator #timecard_txt_box {
	width: 600px;
	position: relative;
	float: left;
	}
#calculator #timecard_txt_box h1 {
	text-align: center;
	width: 100%;
	}
#calculator #timecard_txt_box p {
	position: relative;
	padding: 10px 25px 10px 25px;
	}
#calculator #timecard_txt_box table {
	border: 1px solid #000000;
	border-collapse: collapse;
	margin: auto;
	}
#calculator #timecard_txt_box table td {
	text-align: center;
	border: 1px solid #000000;
	}
/*********************************************************************** CHARITABLE PAGE**********************************************************************/

#charitable_dropmenu {
	width: 175px;
	border: thin solid #000000;
	position: relative;
	margin-top: 15px;
	margin-left: 10px;
	margin-bottom: 100px;
	float: left;
	z-index: 5000;
	}
#charitable_dropmenu p {
	width: 150px;
	background-color:#000000;
	color: #ffffff;
	}
#charitable_dropmenu h4 {
	display: block;
	width: 100%;
	padding: 3px 0px 3px 0px;
	text-align: center;
	background-color: #000;
	color: #fff;
	position: relative;
	}
	

/* Begin CSS Popout Menu */
#cat_menu {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 5300;
	float: left;
	}
#cat_menu ul {
	width: 150px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 5400;
	}
#cat_menu li
{	margin: 0;
	width: 150px;
	padding-left: 5px;
	list-style: none;
	font: bold 12px arial;
	white-space: nowrap;
	z-index:5500;
	}

#cat_menu li a {
	display: inline-block;
	line-height: 20px;
	padding: 0;
	width: auto;
	min-width: 150px;
	background: #6F8C8F;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	z-index: 5600;
	}

#cat_menu li a:hover
{	background: #999999;}

#cat_menu div {
	position: absolute;
	width: auto;
	min-width: 150px;
	min-width: 800px;
	visibility: hidden;
	margin: -23px 0px 0px 150px;
	float:left;
	background-color: none;
	border: none;
	z-index: 5700;
	}
#cat_menu div table {
	display: inline-block;
	width: auto;
	min-width: 150px;
	visibility: inherit;
	margin: 0px;
	padding: 5px;
	background:#999999; 
	border: 1px solid #5970B2;
	float: left;
	z-index: 5700;
	}
#cat_menu div table td {
	width: 100%;
	padding-right: 3px;
	}
html>body #cat_menu div {
	*margin: 0px 0px 0px 0px;
	}
#cat_menu div input {
	padding-left: 5px;
	}
#table_add_new_item {
	margin-top: 15px;
	margin-right: 100px;
	font: 13px Arial, Helvetica, sans-serif;
	color: black;
	width: 400px;
	position: relative;
	float: right;
	background-color: white;
	border-collapse: collapse;
	border: .01em solid black;
	}
#table_add_new_item th,
#table_add_new_item td {
	padding-left: 5px;
	border: .01em solid black;
	border-collapse: collapse;
	}

#charitable_table {
	margin: 15px auto 15px auto;
	font: 13px Arial, Helvetica, sans-serif;
	color: black;
	width: 700px;
	position: relative;
	background-color: white;
	border-collapse: collapse;
	border: .01em solid black;
	}
#charitable_table tr {
	line-height: 25px;
	}
#charitable_table th,
#charitable_table td {
	padding-left: 5px;
	border: .01em solid black;
	border-collapse: collapse;
	}
table td.cat,
table td.item {
	text-align: left;
	}

table td.low,
table td.high,
table td.value,
table td.total {
	text-align: right;
	}
table td.qty {
	text-align: center;
	}
table td#subtotalname,
table td#subtotalnumber {
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	}
#charitable_table input.entry {
	border: .01em groove #000000;
	background-color:#CCCCCC;
	color: black;
	text-align:right;
	}
#charitable_table input.display {
	background-color: #FFFFFF;
	border: none;
	color: black;
	text-align:right;
	}
table#button_table,
table#button_table td {
	background-color: #6F8C8F;
	border: none;
	border-collapse: collapse;
	}
table#button_table input#b_print,
table#button_table input#b_email {
	visibility: visible;
	}
/*****************************************************************CHARITABLE PRINT/EMAIL **********************************************************************/

#print_email table#get_info {
	border:none;
	margin: auto;
	width: 400px;
	position: relative;
	}
#print_email table#get_info td {
	border: none;
	padding: 3px;
	}
#print_email table#get_info td#required {
	color: #ff0000;
	font-size: .8em;
	}
#print_email span.color {
	color: #ff0000;
	font-size: .8em;
	}
#print_email table#get_info input[type="text"] {
	background-color: #CCCCCC;
}
#print_email h2,
#print_email h3 {
	width: 750px;
	margin: 10px auto;
	text-align: center;
	}


#print_email_table {
	font: 13px Arial, Helvetica, sans-serif;
	color: black;
	width: 750px;
	margin-top: 15px;
	margin-bottom: 25px;
	background-color: white;
	border-collapse: collapse;
	border: .01em solid black;
	}
#print_email_table tr {
	line-height: 25px;
	}
#print_email_table th,
#print_email_table td {
	padding: 1px 5px 1px 5px;
	border: .01em solid black;
	border-collapse: collapse;
	}

#print_email_table input.entry {
	border: .01em groove #000000;
	background-color:#CCCCCC;
	color: black;
	text-align:right;
	}
#print_email_table input.display {
	background-color: #FFFFFF;
	border: none;
	color: black;
	text-align:right;
	}
#financial #content {
	z-index: 0;
	}
/********************************************************************** CHARITABLE - ADD NEW *******************************************************************/
#new_charitable h2 {
	text-align: center;
	margin: 10px;
	}
#new_charitable p {
	width: 500px;
	position: relative;
	margin: 5px auto;
	}
#new_charitable form#get_category {
	width: 300px;
	margin: 10px auto;
	}
#new_charitable form#new_item,
#new_charitable form#new_category {
	width: 400px;
	float: left;
	line-height: 1.5em;
	position: relative;
	margin-right: 50px;
	}
#new_charitable table#new_item_table,
#new_charitable table#new_category_table {
	font: .95em normal Arial, Helvetica, sans-serif;
	width: 400px;
	float: left;
	position: relative;
	border: 1px solid #000000;
	color: #000000;
	border-collapse: collapse;
	}
#new_charitable table#new_item_table td,
#new_charitable table#new_item_table th,
#new_charitable table#new_category_table td,
#new_charitable table#new_category_table th {
	border: 1px solid #000000;
	padding: 3px;
  	}
	
table#new_item_table .r_align {
	text-align: right;
	}
/*****************************************************************************  CLIENT **********************************************************************/
#client ul#client_left {
	list-style: none;
	width: 450px;
	margin: 25px 0px 25px 0px;
	float: left;
	position: relative;
	text-align: center;
	}
#client ul#client_right {
	width: 450px;
	list-style: none;
	margin: 25px 0px 25px 0px;
	float:left;
	position: relative;
	text-align: center;
	}
#client img#client {
	width: 350px;
	height: 226px;
	position: relative;
	}
/*****************************************************************************  CONTACT **********************************************************************/
#contact fieldset {
	width: 600px;
	margin: auto;
	position: relative;
	}
#contact fieldset p#address,
#contact fieldset p#email {
	text-align: center;
	padding: 15px;
	position: relative;
	}
#contact form {
	width: 600px;
	position: relative;
	}

#contact form label {
	display: block;
	width: 200px;
	text-align: right;
	float: left;
	padding-right: 5px;
	}
#contact form textarea {
	position: relative;
	margin: auto;
	}
#contact form table {
	position: relative;
	}

/*****************************************************************************  HOME PAGE *****************************************************************/

#home #flash_logo {
	width: 800px;
	height: 225px;
	float: left;
	}
#home #banner_img {
	width: 100%;
	height: 100px;
	background-color: #000000;
	background-image: url(../images/skyline_banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	}
#home #content_l {
	width: 450px;
	position: relative;
	float: left;
	}

#home #content_l .content_img {
	margin-top: 75px;
	width: 150px;
	height: 100px;
	float: left;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
	}
#home #content_l img {
	margin: auto;
	vertical-align: middle;
	width: 100px;
	height: 65px;
	position: relative;
	border: thin solid black;
	}
#home #content_l img:hover {
	border: thin solid #ffffff;
	}
#home #content_l a.small_link_text {
	display: block;
	font-size: 12px;
	font-weight: bold;
	width: 450px;
	text-align: center;
	margin-left: auto;
	}
#home #content_r {
	width: 500px;
	position: relative;
	float: right;
	margin: 25px 0px 10px 0px;
	}
#home #content_r h3 {
	color: #ffffff;
	font-weight:normal;
	margin-top: 25px;
	margin-right: 13px;
	width: 450px;
	float: right;

	}
#home #content_r p {
	width: 450px;
	margin: 10px 13px 10px 10px;
	float: right;
	}
	
#home #bg_wrapper #wrapper a#transfer {
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #999999;
	border: medium outset #cccccc;
	display: block;
	line-height: 35px;
	width: 150px;
	margin: 50px auto 50px auto;
	padding-left: 50px;
	text-decoration: none;
	color: #FFFFFF;
	position: relative;
	}
#home  #bg_wrapper #wrapper a#contact:hover {
	color: #0000FF;
	}
#home h3 {
	margin: auto;
	text-align: center;
	}
		
/************************************************************************  QUICKTAX FACTS **********************************************************************/
#quickfacts #content {
	font-size: .9em;
	}
#quickfacts #one {
	width:745px;
	position: relative;
	border-collapse: collapse;
	}
#quickfacts #one td {
	padding: 5px;
	border: thin solid white;
	}
#quickfacts #one td#noborder {
	border: none;
	}

#quickfacts ul#recordkeeping {
	width: 450px;
	display: inline;
	padding-left: 25px;
	list-style: none;
	float: left;
	position: relative;
	}
#quickfacts ul#recordkeeping li {
	line-height: 25px;
	}
#quickfacts img#right {
	display: inline;
	float: left;
	}
#quickfacts #two,
#quickfacts #three,
#quickfacts #four,
#quickfacts #five {
	border: thin solid #666666;
	border-collapse: collapse;
	width: 745px;
	position: relative;
	margin: 15px auto;
}
#quickfacts #two td,
#quickfacts #three td,
#quickfacts #four td,
#quickfacts #five td {
	padding: 5px;
	border: thin solid #666666;
	}
#quickfacts td.cash {
	text-align: center;
	}	
#quickfacts h3.tableheader {
	width: 750px;
	padding: 10px 0px 5px 10px;
	text-align: center;
}
/*****************************************************************************  QUOTES **********************************************************************/
#quote form {
	width: 425px;
	margin: auto;
	position: relative;
	}
#quote table {
	width: 400px;
	margin: auto;
	position: relative;
	}
#quote td.label {
	padding: 5px 10px 5px 10px;
	}
#quote ul.content_ul {
	font-size: .9em;
	margin: 25px auto;
	list-style: none;
	}
#quote ul.content_ul li {
	padding-left: 25px;
	}
#quote textarea {
	margin-bottom: 15px;
	}
#quote input[type='text'],
#quote textarea {
	border-top: .2em solid #000000;
	border-left: .2em solid #000000;
	border-bottom: .2em solid #999999;
	border-right: .2em solid #999999;
	}
#quote input#submit {
	margin: auto;
	position: relative;
	}
/***************************************************************************** RECORD STORAGE **********************************************************************/
#record_storage table#recordstorage {
	width: 900px;
	font: .95em normal "Arial, Helvetica, sans-serif";
	border: none;
	border-collapse: collapse;
	}
#record_storage table#recordstorage th {
	border: none;
	background-color: #000000;
	color: #ffffff;
	border-collapse: collapse;
	}
#record_storage table#recordstorage td {
	border: none;
	border-collapse: collapse;
	}
#record_storage table#recordstorage tr.color {
	background-color:#666666;
	}
/***************************************************************************** SERVICES **********************************************************************/
#services #content ul {
	font-size: .9em;
	width: 265px;
	padding-left: 15px;
	float: left;
	position: relative;
	margin-bottom: 15px;
	}
#services #content li {
	}
#services #content ul li.title {
	font-size: 1.1em;
	margin-left: -15px;
	font-weight: bold;
	list-style: none;

	}	
#services #content ul li.indent {
	list-style: none;
	padding-left: 25px;
	}
#services #content h3 {
	padding: 15px 0px 0px 0px;
	}
#services #content p {
	margin-bottom: 15px;
	}