/* CSS Document */

/* ============================================================== */
/* TAGS 
/* ============================================================== */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#333333;
background-color:#CCCCCC;
}


*{
margin:0;
padding:0;
}

p {
font-size:0.8em;
line-height:1.4em;
margin:.5em 38px .9em 36px;
text-align:justify;
}

#sideNav p{
margin:.5em 3px .5em 10px;
text-align:left;
}

h1{
font-size:1.2em;
margin:.8em 22px 0;
color:#595441;
}

#sideNav h1{
font-size:1.2em;
margin:20px 8px 0;
color:#595441;
}


h1+p{
margin-top:.2em;
}

h2{
font-size:.9em;
margin:.6em 34px 0;
color:#4a8797;
}

h2+p{
margin-top:0;
}

h3{
font-size:1.0em;
font-weight:bold;
margin:.4em 22px 0;
color:#4a8797;
}

h3+p{
margin-top:.1em;
}

h4{
font-size:.8em;
margin:.8em 22px 0;
/*color: #b9b09d;*/
color: #595441;
}

h4+p{
margin-top:.1em;
}

table{
margin:.8em 38px 0 36px;
}

table p{
margin:.5em 10px .5em 12px;

}

#contentArea ul {
	margin-left: 60px;
	list-style:inside;
	list-style-type:square;
	color:#999999;
	margin-bottom: 10px;
}

#contentArea ol {
	margin-left: 60px;
	list-style:inside;
	list-style-type:decimal;
	color:#999999;
	margin-bottom: 10px;
}

#contentArea li {
	line-height:1.9em;
	color:#333333;
	font-size:0.8em;
}


/* ============================================================== */
/* DIV SPECIFIC 
/* ============================================================== */
#contentArea a:link{	
	color: #4a8797;
	text-decoration: underline;
}

#contentArea a:visited{	
	color: #4a8797;
	text-decoration: underline;
}

#contentArea a:hover{	
	color: #69bfde;
	text-decoration: underline;
}

#contentArea a:active{	
	color: #4a8797;
	text-decoration: underline;
}

#sideNav a:link{	
	color: #595441;
	text-decoration: underline;
}

#sideNav a:visited{	
	color: #595441;
	text-decoration: underline;
}

#sideNav a:hover{	
	color: #4a8797;
	text-decoration: underline;
}

#sideNav a:active{	
	color: #595441;
	text-decoration: underline;
}

/* ============================================================== */
/* DIVs
/* ============================================================== */

#wrapper{
margin:0 auto 6px;
width:916px;
background-image:url(http://www.ethicsandleadership.org/media/images/siteShadow.gif);
background-repeat:repeat-y;
}

#container{
margin:0 auto;
width:890px;
background-color:#FFFFFF;
}

#headerArea{
margin:0;
width:890px;
background-image:url(http://www.ethicsandleadership.org/media/images/siteBanner.gif);
height:80px;
background-color:#595441;
}

#headerAccent{
margin:0;
width:890px;
height:12px;
background-color:#d7ceba;
}

#imageArea{
margin:1px 0 2px;
width:890px;
background-image:url(http://www.ethicsandleadership.org/media/images/imageRow.jpg);
background-repeat:no-repeat;
height:70px;
background-color:#FFFFFF;
}

#mainNav{
margin:0;
width:890px;
background-color:#4a8797;
/*match height to the padding of top/bottom padding of the #menu a, #menu h2 element*/
height:36px;
}

#contentContainer{
clear:left;
margin:2px 0;
width:890px;
background-image:url(http://www.ethicsandleadership.org/media/images/contentBG_y.jpg);
background-repeat:repeat-y;
overflow:auto;
}

#sideNav{
margin:0;
float:left;
width:196px;
}


#subMenu ul
{
margin-left:0;
padding-left:0;
list-style-type: none;
}

#subMenu a
{
display: block;
padding: 6px 0 6px 10px;
width: 188px;
border-bottom: 1px solid #eee;
font-size:.8em;
}

#subMenu a:link, #subMenu a:visited
{
color:#595441;
text-decoration: none;
}

#subMenu a:hover
{
background-color:#efefef;
color:#333333;
}

#subMenu a:active
{
background-color:#efefef;
color:#333333;
}

.activeSubMenu{
background-color:#efefef;
}

#callToAction ul
{


}

#callToAction a
{
display: block;
padding: 6px 0 6px 0;
width: 188px;
font-size:.8em;
margin-left:24px;
list-style-image:url(http://www.ethicsandleadership.org/media/images/arrow.gif);
}

#callToAction a:link, #callToAction a:visited
{
color:#595441;
text-decoration: none;
}

#callToAction a:hover
{
text-decoration:underline;
}


#contentArea{
margin:0;
float:right;
width:680px;
}

#footer{
margin:0;
width:890px;
background-color:#595441;
border-top:1px #333333 solid;
color:#efefef;
font-size:.7em;
padding:6px 0;
}

#footer table{
margin:0;
width:890px;
text-align:center;
}

#footer a:link{	
	color: #d7ceba;
	text-decoration:none;
}

#footer a:visited{	
	color: #d7ceba;
	text-decoration:none;
}

#footer a:hover{	
	color: #d7ceba;
	text-decoration: underline;
}

#footer a:active{	
	color: #d7ceba;
	text-decoration: underline;
}
/* ============================================================== */
/* CLASSES
/* ============================================================== */
.gringo{
background-color:#FFFFFF;
padding:2px;
}

.chicano{
background-color:#595441;
color:#FFFFFF;
}

td{
padding:2px;
}

.floatleft{
float: left;
margin: 6px 10px 10px 0;
padding: 2px;
border:none;
}

.noBorder{
border:none;
}

.clearFloat{
clear:both;
}


.emailMask{
	color: #4a8797;
	text-decoration: underline;
}

/* ============================================================== */
/* FLASH
/* ============================================================== */
#alternativeContent {
border:1px #595441 dotted;
}
#alternativeContent p{
padding:10px;
text-align:center;
font-weight:bold;
}
#flashContent{
margin:0 0 1px 0;
width:680px;
height:368px;
}

/* ============================================================== */
/* WordPress
/* ============================================================== */
.dateOfPost{
font-size:0.8em;
font-style:italic;
}

.metaData{
font-size:0.8em;
color:#999999;
}

.postDisclaimer{
font-size:0.8em;
}


img{
border:none;
}

#blogTitle
{
margin:.8em 22px 0;
font-size:1.2em;
}

#blogTitle a:link, #blogTitle a:visited{
color:#595441;
text-decoration: none;
}

#blogTitle a:hover{
text-decoration:underline;
}

.blogTagline{
font-size:1.0em;
margin:.2em 24px .5em 28px;
color:#999999;
font-style:italic;
}

.pageTitle{
margin:.8em 22px 0;
font-size:1.2em;
color:#4a8797;
font-weight:bold;
}


/* DROPDOWN MENU  */
#menu {
margin:0;
/*float: left;*/
}

#menu ul {
margin:0;
list-style: none;
/*controls width of menu buttons*/
width: 11.1em;
float:left;
}
#menu a, #menu h2 {
font-size:12px;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin:0;
/*adjust spacing/padding and height of menu elements*/
padding: 9px 12px;
}

#menu h2 {
color: #fff;
background-color:#4a8797;
text-transform: uppercase;
font-style:normal;
font-size:13px;
font-weight:bold;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #595441;
background: #fff;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul{
display: block;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul{
display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{
display: block;
}