/* donley-core.css CSS Document */
/* 
version: 1.0 - to get dotted border on secondary pages
author:  Luann Ebert
email:   ltebert@comcast.net
date:    June 7, 2009
---------------------------------------------------------------------------*/

/* :TODO:  */
/* :KLUDGE: */
/* :BUG: */


/* =colors
---------------------------------------------------------------------------
donely gray         #818386
green for type		#619334
gray background		#333333



*/

/* =General
---------------------------------------------------------------------------*/
/* get rid of all default padding and spacing */
* {
padding: 0;
margin: 0;
}

img {
vertical-align: top;
border: 0;
}

/*html {
color: #000000;
}*/

body {
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}

.clear {
clear: both;
}

/* =ALL PAGES - positioning
---------------------------------------------------------------------------*/

/* main wrapper that everything centrally */
#wrapper {
padding-top: 50px; 
padding-bottom: 300px; /* kludgey attempt to put scroll bars everywhere */
width: 870px; /* was 862 */	
margin: 0 auto; 
background-color: #ffffff; 

}

/* holds content, excluding logo and footer; creates dotted border on sides*/
#content_wrapper {
width: 100%;		
margin: 0 auto ;
background-color: #ffffff;
/*border: 2px dotted #999999;*/
background: url(../images/dot-border-sides.gif)  repeat-y left top;
position:relative;
padding: 0;
}

/* holds logo and creates dotted border on top of content */
#corp_id {
background: url(../images/dot-border-top.gif) no-repeat bottom left;
margin: 0;
padding: 0;
height: auto;
width: 100%;
}

/*donley name */
#corp_id h1 {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 20px;
width: 505px;
height: 40px;
padding: 0 0 8px 20px;
position:relative;
margin: 0;
/*border: 1px solid red;*/
}

/*doneley logo */
#corp_id h1 span {
background: url(../images/donley_communications_pr.gif) no-repeat;
position: absolute;
left: 18px;
width: 100%;
height: 100%;
}

img#header {
margin: 0 20px 20px 182px; 
padding-top: 20px;
display: block;
}

/*main text area */
#main {
width: 490px;
margin: 4px 0 0 260px; /* was 4 0 20 264 */
padding-top: 0;
padding-bottom: 50px; /* was 60px */

}

#footer {
background-color: #ffffff; 
background: url(../images/dot-border-top.gif) no-repeat top left;
width: 100%;
padding-bottom: 40px;
padding-top: 6px; /* new */ 
clear: both;
}

/* see menu spec lower down */

/* =Basic Typography
---------------------------------------------------------------------------*/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px; 
	margin: 0 0 6px 0; 
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px; 
	margin: 0 0 6px 0;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px; 
	font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px; 
	margin: 16px 0 6px 0;
	font-weight: bold;
}

#main ul{
	padding-left: 1em;
}

#main li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px; 
	margin: 0 0 8px 0;
}



a:link, a:visited {
color: #619334;
text-decoration: underline;
}

a:hover, a:active {
text-decoration:underline;
}

.spacer
{
line-height: 8px;
padding: 0 ;
margin: 0;
}

/* =ALL PAGES - footer
---------------------------------------------------------------------------*/

#footer p {
padding-top: 10px;
font-size: 11px;
line-height: 12px;
color: #666666;
}


/* =Navigation menu
---------------------------------------------------------------------------*/

#menu_container
{
position: absolute;
left: 4px;
top: 0;
width: 160px;
background:url(../images/dot.gif) repeat;		
}

#menu_container p
{
height: auto; 
margin: 0;
}

#menu_container img
{		  
padding: 0 4px 2px 0;		
}

#menu_container .top 
{
padding: 0 2px 0 0px;	
}

#menu_container a img
{
	border: none;
}



/* highlight current top level menu item */ 
body#core_services li#item_core_services a,
body#financial_services li#item_financial_services a,
body#professional_services li#item_professional_services a,
body#healthcare li#item_healthcare a,
body#not_for_profit li#item_not_for_profit a,
body#clean_energy li#item_clean_energy a,
body#our_clients li#item_our_clients a,
body#about_us li#item_about_us a,
body#contact_us li#item_contact_us a,
body#clean_energy_clients li#item_clean_energy_clients a,
body#current_clients li#item_current_clients a,
body#professional_service_clients li#item_professional_services_clients a,
body#notforprofit_clients li#item_not_for_profit_clients a,
body#healthcare_clients li#item_healthcare_clients a,
body#financial_service_clients li#item_financial_services_clients a
{
color: #619334;
font-weight:bold;
text-decoration:underline;
}


/* =alt Menu bar, bottom of all pages
---------------------------------------------------------------------------*/

ul#alt_nav {
padding: 0 ; /* was all 0 */
margin: 8px auto 10px 0;
/*float: left;*/
list-style: none;
width: 100%;
}
	
ul#alt_nav li {
  float: left; 
   border-left: 1px solid #619334;
   height: 11px;
} 

ul#alt_nav li.first {
   float: left;
   border-left: none;
} 



ul#alt_nav a {
   display: block;
   padding: 0 1em 0 1em; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #619334;
   text-decoration: none; 
}

ul#alt_nav li.first a {
   padding-left: 0;
}


#alt_nav a:link, #alt_nav a:visited {
   color: #619334;
 }

#alt_nav a:hover, #alt_nav a:active {
   color: #619334;
   text-decoration: underline;
 }



/* end navigation */


/* =SPECIAL SECONDARY pages
---------------------------------------------------------------------------*/

#core_services #main p, #about_us #main p {
padding-bottom: 8px;
}

#core_services #main p.last {
padding-bottom: 260px;
}

#core_services #main a {
	text-decoration: none;
}

#core_services #main a.external_link {
color: #619334;
text-decoration: underline;
}


/*main text area for core services scrolling window */
#core_services #main {
height: 346px; /* was 350 */
overflow:scroll;
overflow-x:hidden;
overflow-y:scroll;
width: 490px;
margin: 4px 0 0 264px; /* was 264 */
padding-bottom: 20px;

}

#core_services #header_movie {
margin: 0 20px 20px 182px; 
padding-top: 20px;

}