/* External Style Sheet for Screen: Wakeford and Associates */

body
{
	background: black; 
	width: 773px;
	margin: 0 auto;
	font-family: verdana, arial, helvetica, sans-serif;	
}
p
{
	font-size: 13px;
	padding-left: 30px;
	line-height: 130%;
}
#breadcrumbs 
{
	padding-left: 40px;
	padding-bottom: 0px;
	margin-top: -6px;
	margin-bottom: 16px;
	font-size: 10px;
	line-height: 1%;
}
h1, h2, h3
{
	padding-left: 30px;
	font-size: 1.1em;	
}
h2
{
	margin-top: 20px;
	font-size: 1em;
}
h3
{
	font-size: 0.8em;	
}
h4
{
	padding-left: 10px;
	font-size: 0.7em;	
}
/* on index page only - for php random testimonial script */
#testimonials
{
	font-size: 13px;	
	padding-left: 30px;
}
#testimonials p
{
	padding-left: 0;	
}
/* =================<LISTS>================ */
ul.disc
{
	margin-top: -8px;
}	
li.disc
{
	list-style-type: disc;
	font-size: 13px;
	margin-left: 35px;
	line-height: 130%;
}
ul.disc ul li.disc 
{
	list-style-type: circle;
	font-size: 13px;
	line-height: 130%;
	margin-left: 0;		
}
/* =================</LISTS>================ */
#container
{
	width: 773px;
	background: white;
}
#header
{
	background: url('images/header1.jpg') no-repeat top center;
	width: 773px;
	height: 143px;
	margin: 0 auto;
	margin-bottom: 30px;
}
#content
{
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 8px;
	float: left; 
	background: white;
	width: 500px;
	color: black;
}
/* ---<empty div to push footer down from primary content area>--- */
.spacer
{
	height: 30px;
}
.big_spacer
{
	height: 50px;	
}
/* ==========<BEGIN FOOTER AND SUB-FOOTER DIVS> =========== */
#footer
{
	background: url('images/footer.gif') no-repeat; 
	width: 773px;
	height: 124px; 
	margin: 0 auto;
	clear: both;
}
#sub-footer
{
	font-family: georgia, times, serif; 
	width: 773px;
	height: 26px;
	background: white;
	color: black;
	border-top: 1px solid black;
	letter-spacing: 1px;
	word-spacing: 1px;
}
#sub-footer p
{
  margin: 0;
  padding-top: 6px;	
	padding-bottom: 1px;
	font-size: 10px;		
}
#update
{
	float: left;
	text-align: left;	
	padding-left: 4px;
}
#credit
{
	float: right;
	text-align: right;
	padding-right: 16px;
}
/* ==========</END FOOTER AND SUB-FOOTER DIVS> =========== */

/* =====================<ANCHORS>======================== */
a:link
{
	color: #244B81;
	background: white;
	text-decoration: underline;
	border-right: 1px solid white;	
}
a:visited 
{
	color: #244B81;
	background: white;   
	text-decoration: underline;
	border-right: 1px solid white;	
}
a:hover
{
	color: #1C3B66;
	background: #F9F9DF;
	border-right: 1px solid #ACACAC;
	border-bottom: 1px solid #ACACAC;
	text-decoration: none;	
}
/* =====================</ANCHORS>======================== */

/* ==============<BEGIN PRIMARY NAVIGAVION>================ */
#nav
{
	height: 143px;	
	float: left;
	width: 100%;
	background: url('images/navbottom2.gif') repeat-x bottom;
	font-size: 13px;
	line-height: normal;
	margin-bottom: 20px;
}
#nav ul
{
	margin: 0px;
	padding: 116px 10px 0;
	list-style: none;		
}
#nav li
{
	float: left;
	background: url('images/left-inactive.gif') no-repeat left top;
	margin: 0;
	padding: 0 4px 0 9px;
}
#nav a
{
	float: left;
	display: block;	
	background: url('images/right-inactive.gif') no-repeat right top;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	font-weight: bold;
	color: black;
  border-style: none;	
}
#nav a:hover 
{
  color: #244B81;
  border-style: none;
}
#nav #current
{
	background-image: url('images/left-active2.gif');	
}
#nav #current a
{
	background-image: url('images/right-active2.gif');
	color: #244B81;
	padding-bottom: 6px;	
}

/* ==============</END PRIMARY NAVIGAVION>================ */

/* ================<SIDEBAR>=================== */
#sidebar
{
	float: right;
	position: relative;
	right: 26px;
	margin-top: 20px;	
}
#sidebar_top
{
	background:url('images/sidebar_top.gif') no-repeat;
	height: 11px;
	width: 208px;
}
#sidebar_mid
{
	background: url('images/sidebar_mid.gif') repeat-y;
	width: 208px;
	padding-bottom: 8px;
}
#sidebar_bottom
{
	background: url('images/sidebar_bottom.gif') no-repeat;
	height: 10px;	
	width: 208px;		
}
#sidebar h3, #sidebar h4
{
	margin-top: 0px;
}
#sidebar h3 
{
	position: relative;
	left: 5%;	
	text-align: center;
	margin-bottom: -1px;	 
}
#sidebar h4
{
	padding-top: 8px;	
	margin-bottom: 12px; 
}
#index_sidebar
{
 	float: right;
 	margin-right: 0;
 	padding-right: 0;
 	width: 224px	
}

/* ================<SIDEBAR NAVIGATION>=================== */
ul.sidebar_nav
{
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 0 0 7%;
	width: 70%;
}
ul.sidebar_nav li
{
	display: block;
	margin: 0;
	padding: 0;
}
sidebar_nav li
{
	background: #F9F9DF;			
}
ul.sidebar_nav li a, ul.sidebar_nav li a:visited
{
	display: block;
	width: 100%;
	padding: 0.5em 0 0.5em 2em; 
	border-width: 1px;
	border: 1px solid red;
	border-color: #FFFFFE #AAAB9C #CCC #FFF; 
	border-style: solid;
	color: #244B81;
	text-decoration: none;
	background: #F9F9DF; 
}
ul.sidebar_nav li a:visited

#sidebar>ul.sidebar_nav li a 
{
	width: auto;
}
ul.sidebar_nav li#active a
{
	background: #F9F9DF;
	color: #800000;
}
ul.sidebar_nav li a:hover, ul.sidebar_nav li#active a:hover
{
	color: #800000;
	background: transparent;
	border-color: #AAAB9C #FFF #FFF #CCC;
}
li.sidebar_nav
{
	font-size: 10px;
	line-height: 125%;
}
/* ================</SIDEBAR NAVIGATION>=================== */
/* -----<miscellaneous sidebar styles>-------- */
/* ---<image replacement for sidebar headings>--- */
#ql, #client_login
{
	background: url('images/ql.gif') no-repeat;
	height: 40px;
	width: 180px;	
}
#client_login
{
	background: url('images/client_login.gif') no-repeat;	
}
/* -----<small font for p tags in sidebar on client.htm page>----- */
.small
{
	font-size: 11px;
	padding: 0 12px;
}
/* ================<SIDEBAR FORM ON CLIENT.HTM>=================== */
input 
{
	margin-right: 10px;
	margin-top: 0;
	background: white;
	border: 1px solid black;		
}
form 
{
	border: 1px dashed #244B81;
	background-color: #C4C8D1;
	color: black;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	padding-top: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	width: 90%;
}
form h3
{
	padding-left: 0;
}
.submit
{
	color: black;
	background: #C4C8D1;
	border: 2px outset #A1AEBD;
	padding: 0.25em;
	font-weight: bold;
	margin-top: 20px;
}
/* ================</SIDEBAR FORM ON CLIENT.HTM>=================== */

/* ================</SIDEBAR>=================== */
/* ---<force vertical scroll-bar to prevent pixel shift in non-ie browsers>--- */
html 
{ 
	min-height: 100%; 
	margin-bottom: 1px; 
}
/* ---<hides elements from screen for image replacement and screenreader tips>--- */
.hide
{
	display: none;	
}
/* ===============<LINKS ON CLIENT.HTM>====================== */
.links
{
	clear: both;
	width: 90%;
	margin: 0px auto;
	border: 2px solid #244B81;
}
.links_head
{
	clear: both;
	width: 90%;
	margin: 0 auto;
	background: #244B81;
	color: white;
	text-align: center;
	border: 2px solid #244B81;
	height: 18px;		
}

.links_head h3
{
	margin: 0 auto;
	width: 90%; 
	padding-top: 1px;
	padding-right: 30px;
}
.link_list
{
	font-size: 12px;
	padding-left: 20px;
	list-style-type: none;
	line-height: 180%;
}
.spacer h4
{
	text-align: center;
	position: relative;
	right: 10px;
	bottom: 1px;
}
/* ==============</LINKS ON CLIENT.HTM>====================== */
/* ============<DIVS SPECIFIC TO PTFOLIO.HTM>================ */
#ptfolio_text
{
	margin: 0px;
	padding: 0 20px 0 8px;
	float: left; 
	background: white;
	color: black;
}
#ptfolio_text p
{
	padding-right: 20px;	
}
#ptfolio_photo
{
	float: right;
	width: 260px;
	padding-left: 30px;
	padding-right: 20px;
}	
/* ===========</DIVS SPECIFIC TO PTFOLIO.HTM>================ */
.clear
{
	clear: both;	
}
/* for controlling which divs are accessible for a given device (e.g. print vs screen) */ 
#skip
{
	display: none;	
}