/***********************************************/
/* emx_nav_left.css                            */
/* customized for PP en EE.UU. site  smh       */
/* last updated March 2006                     */
/***********************************************/

#google_results iframe { 
  width: 750px; 
} 

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
/* the page as a whole */

body{
	font-family: Trebuchet MS;
	color: #1563a3; 
	line-height: 1.25;	
	margin: 10%;
	padding: 0px;
	background: #cccccc url(images/azul.jpg) fixed; 
}

/******* hyperlink and anchor tag styles *******/
/* behavior for links */

a:link, a:visited{
	color: #005FA9; 
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	background-color: #DDEEFF;
}

/************** header tag styles **************/
/* general titles, headers, and so forth */

h1{
 font: bold 120% Arial,sans-serif; 
 color: #334d55; 
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Trebuchet MS;
 color: #005FA9;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Trebuchet MS; 
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Trebuchet MS;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Trebuchet MS;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/
/* bullets for unnumbered lists */

ul{
	list-style-type: square;
	padding-bottom: 10px;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#pagecell1{ /* where everything below the masthead goes*/
	position:absolute;
	top: 60px;
	left: 10%;   
	right: 10%; 
	background-color: #ffffff;
	overflow:visible;  
	min-width: 640px; /* not supported in IE so we use the workaround below */
	width: expression(document.body.clientWidth < 640? "640px": "auto" ); 
}

#masthead{ /* where the masthead goes */
	position: absolute;
	top: 10px;
	left: 10%;  
	right: 10%;  
	min-width: 640px;
	width: expression(document.body.clientWidth < 640? "640px": "auto" ); 

}

#pageNav{ /* where the navigation bar goes */
	float: left;
	width:178px;
	padding: 0px;
	background-color: #FFFFFF; 
	font: small Verdana,sans-serif;
	border-right: 1px solid #ccd2d2; 
}

#content{ /* where the content inside of the page cell goes */
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 1px solid #ccd2d2; 
	min-width: 412px; /*included for javascript test (640 - (178 left margin + 10 padding here + maybe? 30 for story padding)) */
}

#indexcontent{ /* when content is for the index page, we want it to be farther down and in */
	padding: 50px 100px 0px 100px;
	margin:0px 0px 0px 0px;
	min-width: 412px;
}
/***********************************************/
/* Component Divs                              */
/***********************************************/
/*name of site */

#siteName{ 
	margin: 0px;
	padding: 16px 0px 8px 0px;   
	color:  #000000; 
	font-style: italic; 
}

/************** pageName styles ****************/
/* name of page, oddly enough */

#pageName{
	padding: 10px 100px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
	min-width: 412px; /* same number as for content above */
}


#pageName img{
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 0px;
	margin: 0px;
}

#indexpageName{ /* special versions for the index page, with a background image */
	padding: 10px 0px 14px 10px;
	margin: 0px;
	border-bottom: none;   /*1px solid #ccd2d2 */
	background-image:url(images/ciel.jpg)
}

#indexpageName2{ /* special versions for the index page, with a white background */
	padding: 10px 0px 14px 10px;
	margin: 0px;
	border-bottom: none;   /*1px solid #ccd2d2 */
	background-image:url(images/ciel2.jpg)
}

#indexpageName img{
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 0px;
	margin: 0px;
}

#indexpageName2 img{
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 0px;
	margin: 0px;
}

/************* globalNav styles ****************/
/* silver bar up top */

#globalNav{ 
position: relative;
width: 100%;
min-width: 640px; 
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image:  url(images/glbnav_background.gif);
}

#globalNav img{ 
	margin-bottom: -4px;
 
}

#gnl {
	position: absolute;
	top: 0px;
	left: -1px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:-1px;
}

/************** feature styles *****************/
/* picture layouts */

.feature{
	padding: 0px 20px 60px 20px;
	font-size: 80%;
	min-height: 150px;
	height: 150px;
}
html>body .feature {height: auto;}

.feature h4{
	color: #000000;
	padding: 5px 0px 0px 0px;
	font-weight:bold;
}

.feature p {
	padding: 0px 0px 0px 0px; 
}

.feature img{
	float: left;
	padding: 10px 20px 10px 0px;
}

/*************** story styles ******************/
/* page content styles */

.story {
	padding: 30px 20px 0px 20px; /*top right bottom left */
	font-size: 80%;
}


.story h3{
	font: bold 125% Trebuchet MS;
	color: #000000;
	padding:20px 0px 0px 0px;

}

.story p {
	padding: 0px 0px 20px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.story a.capsule{ /*header for linked address on resources page */
	font: bold 1em Trebuchet MS;
	color: #005FA9;
	padding: 0px;
	text-decoration: none;
}

.story a.capsule:hover{
	text-decoration: none;
}

td.storyLeft{ /* placement for left table cell */
	padding-right: 20px; 
}

p.caption{  /* header for non-linked address on resources page */
	font: bold 1em Trebuchet MS;
	color: #000000;
	padding: 0px;
	text-decoration: none;
}

/************** photos styles ****************/
/* figure-divs and their supporters, excerpted from http://rjohara.net/server/css-figures-captions/ */

div.figure {   /* the box containing the photo and text */
padding: 10px; 
margin: 0.67em auto; /* needed to support centering of almost-full-width figures */
background-color:#91B7DB;
/* background-color:#6699CC; */


}

div.figure img { width: 100%; }    /* the photo itself */

div.figure p {   /* the legend text that goes along with the photos */
font-family: verdana, arial, sans-serif;
font-size: 80%;
padding-left: 1%;
padding-right: 1%;
line-height: 1.25;
margin: 0.25em auto 0 auto;
}

.full { width: 100%; padding: 10px; margin: 0.67em auto; }   /* this says we want the picture to fully fill the available space */
/* "full" should be unnecessary, but this responds to the box model bugs in IE */


/************** siteInfo styles ****************/
/*footer address */

#siteInfo{  
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
}

/**************** sideborder style *****************/
/*bottom page border to match background color*/

#siteborder{ 
    border-top: 0px;
	color: #1563a3;
	padding: 90px 10px 10px 10px; /* top padding for blue border width on bottom; bottom padding to match corner height */
	margin-bottom:0px; 	
	background-image: url(images/azul.jpg);
} 
/************ question and answer styles **************/
/* q and a styles for faq and such */

.question { 
	padding: 30px 20px 0px 20px; 
	font-size: 80%;
}

.question p {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font: bold 1em Trebuchet MS;
}

.answer {
	padding: 15px 20px 10px 50px;
	font-size: 80%;
}


.answer p {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


/************ sectionLinks styles **************/
/*links in the navigation bar on the left*/

#sectionLinks{ 
	margin: 0px;
	padding: 0px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(images/bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #003366;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/**************** sidebarimage styles *****************/
/* top graphic in sidebar, below links */

#sidebarimage{ 
	padding: 10px 10px 10px 10px; 
	margin: 10px 10px 10px 10px;
}

#sidebarimage img{
	display: block;
}

/**************** lowerimage styles *****************/
/* any image below sidebar image; only difference is more padding above*/ 

#lowerimage{  
	padding: 30px 10px 10px 10px; 
	margin: 10px 10px 10px 10px;
}

#lowerimage img{
	display: block;
}


/********************* end **********************/