/*
 * global.css, emm - the quarrygroup, www.thequarrygroup.com
 *	Original, 7-1-07.  Validated 7-1-07 http://jigsaw.w3.org/css-validator/validator
 *
 * pallet
	#D62F9F pink 
	#BA2FD6 purple
	#b9a647 burnt orange
	#9FD62F lime green
	#9FD62F green
	#2F9FD6 tealish blue
 */
body {
	background: #6f94ae url(../i/weave.jpg) 0 0 ; /* #045c97 ; */
}
div#container { text-align:left ; margin: 10px auto 0 ; background: #787d98 url(../i/bgContentBl.png) repeat-y 794px; } /* efefef - for light gray */
div#container{ width:800px; position:relative; }

div#content { margin: 10px; }
div#container p { font-size: 1.1em ; line-height:1.4 ; padding: .5em ; }

#header { background: url(../i/bhBanner_200.jpg) 0 10px no-repeat ; height: 210px ; margin-left: 10px ; display: block ; } /* 210 height accomodates the 10px top offset */
#header a {
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none ;
    height: 210px;
}

#title {
	margin-left:9999px ; /* accessiblity - can be read by screen reader */
	display: none;
}
.accessibility { /* image replacement accessibility */
	position: absolute;
	left: -9999em;
}

#homeLink { background: url(../i/whXparent.png) ; margin-left: 10px ; margin-right: 10px ; padding: .4em ; }
#homeLink span { color: #B75B00; background-color: #CCCCCC ; padding: .1em .5em ; display: inline; line-height: 2 ; font-style: italic ; }
#homeLink a { padding: 0 }
 
div#container p.signup { text-align: center ; margin: .5em auto ; line-height: normal ; } 
div#container p.signup a { color: #fff ; }
div#container p.signup a:visited { color: #FFFF00 ; }
div#container p.signup a:hover { color: #000 ; }

h2 { margin: 0px; padding: .5em ; font-size:2em; font-weight: normal; color: #FFF; background-color: #CCC; border-bottom: #BBB 2px solid; }

div.frame { border-top: 1px solid #000 ; border-bottom: 1px solid #000 ; }
h3 {  text-align: center ; font-style: italic ; font-weight: bold ; font-size: 1.5em ; line-height: 2em ; }

div#extra1 { background: #b9a647 url(../i/jungleCust.jpg) 0 0 no-repeat ; margin-left: 10px; border: 2px solid #000 ; border-top: none ;margin-bottom: 1em; }
div#extra2 { background: #B94A4A url(../i/jungleAgents.jpg) 0 0 no-repeat ; margin-right: 10px; border: 2px solid #000 ; border-top: none ; margin-bottom: 1em; } /* #2F9FD6 ; } */

div#extra1 { float:left; width: 382px ;  }
div#extra2 { float:right; width: 382px ;  }

div#textContents { clear: both ; padding: .3em .3em .1em ; text-align: center ; margin: 1em auto .5em ; font-size: .9em; }
div#textContents ul , 
div#textContents ul li { display: inline ; padding: .5em .5em 0 ; color: #CCCCCC ; text-align: center ; margin: .2em auto .1em ; }
div#textContents ul li a { padding-right: 1.5em ; border-right: 1px solid #000 ; color: #CCCCCC ; white-space: nowrap ; line-height:2em ; }
div#textContents ul li a:hover { color: #fff ; }
div#textContents ul li.last a { border-right: none ; padding-right: 1.5em ; color: #CCCCCC ; line-height: 1.4em ; }	/* no border right on last item */

div#footer {
	background: #000 url(../i/footerJungle.jpg) no-repeat top center ;
	color: #1f1f40 ;
	height: 100px ;
}
div#footer p {
	padding-top: 68px ; /* bottom image 100px height */
	text-align: center ;
	margin: 0;
	font-size: 1em ;
	font-weight: bold ; 
	line-height: 1em ;
}
div#footer { clear:both; width:100% }
div#footer img { margin-left: 1em ; }
/* aslett clearing method */
.clearfix:after {
	content: ".";
	display:block;
	height: 0;
	clear: both ;		
	visibility: hidden ;
}
.clearfix {
	 display: inline-table ; 
}
/* backslash hack hides from IE mac \*/
* html .clearfix {
	 height: 1%; 
}	
.clearfix {
	 display: block ;
} /* end backslash hack */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearIt { clear: both; }
.zoomIt {
	/* zoom: 1 ; /* to force layout for IE */
	display: inline-block;
	display: block ; /* get fix in reset.css */
}

body{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
}

#status_messages ul { margin-left: 50px ; }
#status_messages { padding: 16px ; }
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 26px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../i/p/Info.png');
	background-position: 8px 50%; /* x-pos y-pos */
	border-top: 2px solid #00529B;
	border-bottom: 2px solid #00529B;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../i/p/success.png');
	background-position: 8px 50%; /* x-pos y-pos */
	border-top: 2px solid #4F8A10;
	border-bottom: 2px solid #4F8A10;
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../i/p/warning.png');
	background-position: 15px 50%; /* x-pos y-pos */
	border-top: 2px solid #9F6000;
	border-bottom: 2px solid #9F6000;
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../i/p/error.png');
	background-position: 8px 50%; /* x-pos y-pos */
	border-top: 2px solid #D8000C;
	border-bottom: 2px solid #D8000C;
}
.instructions {
	margin: .5em ;
	font-size: .9em;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	background-color:#000066;
}

.dropCap { 
	margin-right:6px; 
	margin-top:5px;
	padding: 15px 15px 5px 0 ; 
	padding-bottom: 10px;
	float:left;
	color:#ffe; 
	border:1px solid 	#BDB76B ; /* DarkKhaki */
	font-size:80px; 
	line-height:60px;
}

.smDropCap {
	float: left;
	color: Blue;
	font-size: 3em;
	line-height: 1.1em;
}
.xDropCap {	/* xparent/boxed */
	float: left;
	font-size: 3em;
	line-height: 1em;
	border: 1px solid #fff ;
	margin-right: .2em ;
	padding-right: .2em ;
}

/* branding */
.cEWT { color: #DA251C; }

/* palette - analogic gr/blue */
.cbgr { color: #00C713 }
.cdgr { color: #008B0D }
.clgr { color: #BFFFC5 }
.cmgr { color: #80FF8C }
 
.cbbl { color: #0033CC }
.cdbl { color: #00248F }
.clbl { color: #BFCFFF }
.cmbl { color: #809FFF }

.civ { color: #FFFFF0; background-color: inherit ; } /* Ivory; get rid of css validation warning - marquee bg is civ. */
.clin { color: #FAF0E6; } /* linen */