/* EAST BAY INNOVATIONS */
/* STYLESHEET_MAIN */
/* Created: 01/17/07 */
/* Revised: 6/24/07 */
/* Crashing Bull Productions */

/************** ELEMENTS **************/
* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin: 1em 0; 
}
li, dd { 
	margin: .5em 5%; 
}
fieldset { 
	padding: .5em;
}

body {
	margin: 0;
	margin-left: 2%;
	width: 82%;
	font: .8em/1.3em Verdana, Arial, sans serif;
	color: #333;
	text-align: center;
	background: #FFF url(../images/backgrounds/bkg.jpg) no-repeat left top}

h1, h2, h3 {
	font-family: Georgia, Garamond, California, "Times New Roman", Times, serif;
	font-weight: normal;
}
h1 {
	margin-top: 0;
	font-size: 24px;
	color: #8493B4;
}

h2 {
	font-size: 18px;
	margin-top: 2em;
	color: #84898D;
	line-height: 135%;
}

h3 {
	font-size: 16px;
	color: #84898D;
	text-decoration: underline;
}

/* used on mission statement and ... */
h4 {
	margin: 0;
	background: #F4E4CB;
	display: block;
	padding: 8px;
	border-bottom: 1px solid #8493B4;
}

h5 {
	font-size: 14px;
	color: #84898D;
}
input {
	padding: 1px 3px;
	font-size: 100%;
}

input.submit {
	background: #8493B4;
	color: #FFF;
}
img + h1, img + h2, img + p {
	margin-top: 0;
}

/************** IDs / MAIN CONTAINERS ************/
#container {
	min-width: 800px;
	text-align: left;
}

/**** navigation above bannner ****/
#banner-toplinks, #banner-employees-toplinks {
	clear: both;
	float: right;
	margin: 0;
	width: 370px;
	padding: 5px 10px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #C2CADA;
	background: #3D60B1;
	text-align: right;
	border-right: 1px solid #84898D;
	border-left: 1px solid #84898D;
	border-bottom: 1px solid #FFF;
} /* see LINKS for banner-top at bottom of this sheet */

#banner, #banner-home, #banner-employees {
	clear: both;
	margin: 0;
	padding: 0;
	height: 69px;
	border-bottom: 2px solid #FFF;
}
#banner-home {
	height: 165px;
}
#banner {
	background: transparent url(../images/banner/banner_bkg.jpg) repeat-x;
}

/* NOTE: NAVIGATION in separate stylesheet see: "stylesheet_nav.css" */


#contentContainer {
	margin-top: 2px;
	background: #FFF;
	border-top: 1px solid #84898D;
	border-right: 1px solid #84898D;
	border-left: 1px solid #84898D;
}

#content-main, #content-mainHome {
	margin-right: 220px;
	padding: 40px;
	min-height: 800px;
	border-right: 1px solid #84898D;
}
#content-mainHome {
	padding-top: 5px;
}

#content-right {
	float: right;
	margin-left: 20px;
	padding: 40px 20px 20px 0;
	width: 180px;
}
/* used on employee pages/employee section */
#greeting {
	padding: 5px;
	font-size: 90%;
	color: #666;
	text-align: left;
}

#footer {
	clear: both;
	margin-bottom: 12px;
	padding: 6px 0;
	font-size: 9px;
	color: #EFEFEF;
	text-align: center;
	background: #8493B4 url(../images/backgrounds/bkg_footer.jpg) repeat-x bottom left;
} /* footer LINKS at bottom of page */


/**** BANNER BACKGROUNDS ****
		- id applied to BODY tag on the page ****/
/**** HOME ****/
#home #banner-home {
	background: transparent url(../images/banner/banner_bkg_home.jpg) repeat-x right top;
}
/**** BACKPAGES ****/
#services #banner, #events #banner, #publications #banner, #support #banner, #bsolutions #banner, #about #banner, #resources #banner, #friends #banner {
	background: transparent url(../images/banner/banner_bkg.jpg) repeat-x right top;
}
/**** EMPLOYEES ****/
#employees-ehome #banner-employees,
#employees-etraining #banner-employees,
#employees-epositions #banner-employees,
#employees-eSLS #banner-employees, 
#employees-eforms #banner-employees, 
#employees-emyinfo #banner-employees, 
#employees-eemployees #banner-employees  {
	background: transparent url(../images/banner/banner_bkg.jpg) repeat-x right top;
}

/**** UPPER NAVIGATION STUFF ****/

/* in separate sytlesheet. see: "stylesheet_nav.css"


/**** SECONDARY NAVIGATION ****/

/* in separate sytlesheet. see: "stylesheet_nav.css"
	

/**** RIGHT SECTION STUFF ****/

/*box for 2nd nav */
#right-subnav {
	margin: 0;
	padding: 0;
	/*border: 3px double #C2CADA;*/
}

/* News List */
#newsList li {
	margin: 0 0 10px 10px;
	padding-left: -10px;
	list-style-type: square;
	font-size: 80%;
	line-height: 1.15em;
	list-style-image: url(../images/misc/bullet_list.gif);
}
	
#dividerNews, #divider {
	clear: both;
	margin: 10px 0;
	height: 12px;
	background: url(../images/misc/divider.gif) no-repeat center bottom;
}

/**** MISCELLANEOUS IDs ****/
/* for images in right column*/
#right-image {
	margin: 20px 0;
	text-align: center;
}
#right-image img {
	padding: 0;
	border: 1px solid #C2CADA;
}

/*mission statement on home page */
#mission {
	margin: 40px 15%;
	padding: 0;
	text-align: center;
	border: 1px solid #8493B4;
}
#mission p {
	margin: 1em 5%;
	font: 1em/150% Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

/* for events and board calendars */
#divCalendar {
	margin-bottom: 20px;
} 
#divCalendar h2 {
	margin-right: 5%;
	padding: 6px 12px;
	color: #333;
	background: #F4E4CB;
	display: block;
	border-bottom: 1px solid #84898D;
}

#divCalendar p {
	margin: 1em 5% 1em 0;
	padding: 0 1em 1em 1em;
	font-size: 90%;
	border-bottom: 1px dashed #C2CADA;
}

/* for events and board detail pages */
#detailsBox {
	margin: 35px 5% 0 0;
	padding: 0;
	font-size: 90%;
	border: 1px solid #C2CADA;
}
#detailsBox h2 {
	margin: 0;
	padding: 6px 20px;
	color: #333;
	background: #F4E4CB;
	display: block;
	border-bottom: 1px solid #84898D;
}
#detailsBox p {
	margin: 20px;
}
/* back button */
img.return {
	margin: 0 0 20px 20px;
}

/* back button */
img.more {
	margin: 10px 0;
} 

/* TD classes for drop shadow tables */
td.rightColumn {
	background:  url(../images/dropshadows/dropShadowRight.jpg) repeat-y right bottom;
}
td.bottomRow {
	background:  url(../images/dropshadows/dropShadowBottom.jpg) repeat-x right top;
}
td.bottomCorner {
	background:  url(../images/dropshadows/dropShadowCorner.jpg) no-repeat  left top;
}
td.rightFade {
	background:  url(../images/dropshadows/dropShadowRfade.jpg) no-repeat left bottom;
}
td.bottomFade {
	background:  url(../images/dropshadows/dropShadowBfade.jpg) no-repeat right top;
}
td.contentDropshadowtable {
	padding: 1em;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;

}

/* Lead in Paragraph for several pages */
#leadin {
	margin: 40px 10% 20px 20px;
	padding: 0 1em;
	border: 1px solid #CCC;
	}
#leadin P {
	font: 17px/140% Georgia, Garamond, California, "Times New Roman", Times, serif;
	padding: 1em;
	margin: 0;
	}
#leadin span {
	font: bold 16px Verdana, Arial, sans serif;
	padding: 1em 1em 0 1em;
	margin: 0;
	display: block;
}

/* return to top button */
#top {
	margin: 1em 0 2em 0;
}

/************** CLASSES *****************/
.alert {
	color: #B6642C;
}
.borderAll {
	border: 1px solid #C2CADA;
}
.borderAllPad {
	border: 1px solid #C2CADA;
	padding: 5px;
}
.borderTop {
	border-top: 1px solid #C2CADA;
}
.borderRight {
	border-right: 1px solid #C2CADA;
}
.borderBottom {
	border-bottom: 1px solid #C2CADA;
}
.borderLeft {
	border-left: 1px solid #C2CADA;
}

.subtitle {
	font-size: 120%;
	font-weight: bold;
	margin-top: 2em;
}
.txtLarge {
	font-size: 110%;
}
.txtSmall {
	font-size: 90%;
	line-height: 1.1em;
}
.txtSmallest {
	font-size: 80%;
	line-height: 1.1em;
}
.txtCenter {
	text-align: center;
}
.newslistDate {
	color: #84898D;
	font-weight: bold;
}

.imgRight {
	float: right;
	margin: 10px 0 10px 20px;
	border: 1px solid #C2CADA;
}
.imgRightNoBorder {
	float: right;
	margin: 10px 0 10px 20px;
	border: 0;
}
.imgLeft {
	float: left;
	margin: 10px 20px 10px 0;
	border: 1px solid #C2CADA;
}
.imgLeftNoBorder {
	float: left;
	margin: 10px 20px 10px 0;
	border: 0;
}

.marginTB {
	margin-top: 0px;
	margin-bottom: 20px;
}

.strong {
	font-weight: bold;
}
a:hover.noHover  {
	background: none;
}

/************** LINKS ********************/
/** note: navigation links (top and side) are in separate sheet see: "stylesheet_nav.css" **/
	
a:link { 
	color: #5E7DB3;
}
a:visited { 
	color: #B6642C; 
}
a:hover, a:active { 
	color: #3D60B1;
	background: #EFEFEF;
}
/* not background */
.nobkg a:hover, .nobkg a:active {
	background: #FFF;
}

/* banner-top links */
#banner-toplinks a:link, #banner-top a:visited, 
#banner-employees-toplinks a:link, #banner-employees-toplinks a:visited  {
	color: #FFF;
	text-decoration: none;
}
#banner-toplinks a:hover, #banner-top a:active, 
#banner-employees-toplinks a:hover, #banner-employees-toplinks a:active {
	color: #FFF;
	text-decoration: underline;
	background: none;
}

/* news and events list links */

#newsList a:link, #newsList a:visited {
	color: #333;
	text-decoration: none;
}
#newsList a:hover, #newsList a:active { 
	color: #333;
	text-decoration: underline;
	background: none;
}


/* footer links */
#footer a {
	margin: 0 5px;
	text-transform: capitalize;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #FFF;
	text-decoration: underline;
}
	
#footer a:hover, #footer a:active {
	background: none;
}

/* LOG OUT BUTTON LINK - EMPLOYEES SECTION 
	(see cfincludes/employee_greeting.cfm
#logout {
	width: 75px;
	margin-top: 1em;
	padding: 2px 5px;
	background: #3D60B1;
	text-align: center;
	border: 3px double #C2CADA;
}
a:link.logout, a:active.logout, a:hover.logout, a:active.logout {
	color: #FFF;
	text-decoration: none;
	background: transparent;
}
a:hover.logout, a:active.logout {
	font-weight: bold;
}
 */

a:link.logout, a:active.logout, a:hover.logout, a:active.logout {
	margin-top: 1em;
	padding: 3px;
	background: #EFEFEF;
	text-align: center;
	display: block;
	text-decoration: none;
	border-top: 1px solid #5E7DB3;
	border-bottom: 1px solid #5E7DB3;
}
a:hover.logout, a:active.logout {
	font-weight: bold;
	color: #FFF;
	background: #3D60B1;
}

/* "Next" link in Employment RJP pages */
a.next {
font-weight: bold;
color: #3D60B1;
text-transform: capitalize;
text-decoration: none;
background: none;
}