/* structure.css */


/********************** Global *****************************************************/


body {
background-image:url(/img/gui/bk-master6.jpg);
background-repeat:repeat-y;
background-position: center top;
background-color:#fff;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:67.5%;
color:#444;
margin:0;
}


#contain-all {
margin:auto; 
width:850px;
clear:both;
padding:0;
}
#wrapper-left {
width:175px;
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
border:0px solid red;
}

#wrapper-right {
float:right;
display:block;
width:670px;
margin:0 0 0 0;
padding:0 0 0 0;
border:0px solid blue;
}

/********************* Header *****************************************************/
#contain-header {
margin:auto; 
width:850px;
padding:0 0 20px 0;
font-size:1.1em;
}
#container-address {
height:30px;
float:left;
width:270px;
padding: 30px 0 15px 0;
margin:0;
}
#container-searchform {
float:right;
padding:50px 0 0 0;
margin:0;
width:230px;
}
#container-searchform a {
padding:0 5px 0 20px;
margin:0;

}
#container-searchform form {
margin:0px; padding:0 0 0 0;
float:right;
}
#container-searchform input {
padding:0 0 0 0;
margin:0 0 0 10px;
}

#container-links {
margin:40px 0 0 0;
width:340px;
float:left;
text-align:center;
font-weight:bold;
border:0px solid #000;
padding:10px 0px 10px 0;
}

#container-links li{
display:inline;

margin:0 4px;
padding:0;
}


#container-links li a {
text-decoration:none;
padding:0 10px 0 10px;
color:#000066;
}
#container-links li a:hover {
background-color:#ddd;
color:#8e2000;
padding:10px 10px 10px 10px;

}


.vdivider {
padding:0 5px 0 5px;
}
#container-searchform a {color:#000066;font-weight:bold;}
#container-searchform a:hover {background-color:#eee;}
#container-searchform {color:#ddd;font-size:1.2em;line-height:1.2em;font-family:arial;}

object {margin-bottom: 1em;}

/*********************** Layout Contains *****************************************************/

#contain-banner {
	display:block;
	padding:0;margin:0 0 20px 0;

color:#fff;
	font-size:12px;
	font-weight:bold;
}
#contain-secondarybanner {
	padding:0;margin:0 0 10px 20px;
	display:block;

	color:#999;
	font-size:32px;
	letter-spacing:-1px;
	font-weight:bold;
}
#contain-banner img {width:855px;}
#contain-secondarybanner img {width:650px;}

#contain-breadcrumbs {
	font-size:1em;
	line-height:10px;
	padding:0 0 10px 0;
	margin:0 0 0 20px;
}
#contain-breadcrumbs a {
color:#000066;text-decoration:none;background-image: url(../img/gui/gray-dot.gif);background-repeat: repeat-x;background-position: left bottom;}
#contain-breadcrumbs a:hover {color:#8e2000;}

#contain-columnleft {
	float:left;
	display:none;
	width:400px;
	padding:0 0 0 0;
	margin:0 0 0 10px;
	font-size:1.13em;
	line-height:1.5em;
}

html>body #contain-columnleft
{
width:380px;
margin:0 0 0 20px;
}

#contain-columnleft img {float:right;margin:0 10px 0 0;padding:5px;background-color:#fff;border:1px solid #eee;}
#contain-columnleft p {margin:0 0 20px 0;padding:0 0 0 0;line-height:15px;}
#contain-columnleft a {color:#000066;font-weight:bold;text-decoration:none;}
#contain-columnleft a:hover {color:#880000;text-decoration:none;}
#contain-columnleft a:visited {color:#5c5e9f;text-decoration:none;}
#contain-columnleft li{margin:0 0 0 20px; padding:0 0 0 0;}
#contain-columnleft ul{margin:10px 0 20px 0;}
#contain-columnleft h3{
font-size:1em;
color:#444;

}

#contain-columnright {
	float:right;
	display:none;
	width:220px;
	padding:0 0 0 0;
	margin:0 0 0 20px;
	font-size:1.13em;
	line-height:1.5em;
}
html>body #contain-columnright
{
width: 240px;
}

#contain-columnright p {margin:0 0 10px 0;line-height:15px;}
#contain-columnright a {color:#000066;font-weight:bold;text-decoration:none;}
#contain-columnright a:hover {color:#880000;text-decoration:none;}
#contain-columnleft a:visited {color:#5c5e9f;text-decoration:none;}
#contain-columnright ul{margin:10px 0 20px 0;}

#contain-content {
padding:0;
margin:0 0 0 20px;
font-family:arial;
font-size:1.12em;
line-height:1.5em;
}
#contain-content a {color:#000066;font-weight:bold;text-decoration:none;}
#contain-content a:hover {color:#880000;text-decoration:none;}
#contain-content a:visited {color:#5c5e9f;text-decoration:none;}
#contain-content .intro-paragraph{color:#999; font-size:1.2em; font-style:italic;padding-left:20px;}
#contain-content ul, #contain-content ol {margin:0 0 20px 20px;}
#contain-content p {margin-bottom:1em;}


/*********************** Footer *****************************************************/

.mountains {
margin: auto;
width:980px;
height:1px;
/*background-image:url(/img/gui/bk_mountains.jpg);
background-repeat:no-repeat;
background-position: center top;*/
}


#contain-footer { 
/*background-image:url(/img/gui/bk_footer.jpg);
background-repeat:no-repeat;
background-position: center bottom;*/
padding:0 0 30px 0;
margin:5px 0 0 0;
clear:both;
overflow:hidden;
line-height:1.2em;

}
#container-addressfeedback {
margin:auto;
padding:30px 0 0 0;
width:850px;
border-top:1px solid #ccc;
}


#container-footeraddress {color:#999; float:left;padding:0;margin:0}
#container-footeraddress li {padding:8px 0 8px 0;border-bottom:1px solid #eee;}
#container-footeraddress ul {margin:0;padding:0;list-style: none;}

#container-feedback {color:#999;float:right;padding:0;margin:0}
#container-feedback a {color:#ccc;}
#container-feedback li {padding:0 0 5px 0;border-bottom:1px dotted #999;}
#container-feedback ul {margin:0 0 0 0;padding:5px 0 0 0;list-style: none;}

#container-ada p {color:#999;text-align:center;padding:0;margin:5px 120px 0 0;}
#container-ada a {color:#ccc;border-bottom:1px dotted #999;}
#container-ada a:visited{color:#ccc;border-bottom:1px dotted #999;}
#container-ada li {display:inline;padding:0;}
#container-ada ul {list-style: none;}

/* icons */

.socialnetworking {width: 176px;height:22px;display: block;margin:15px auto;}
.socialnetworking ul li {float:left;list-style: none;}

a.fb {
width:88px;
height:22px;
padding:0;
margin:0;
background-image: url('/img/icons/icn-fb88x22.gif');
text-indent: -999em;
display: block;
}
a.tw {
width:88px;
height:22px;
padding:0;
margin:0;
background-image: url('/img/icons/icn-tw88x22.gif');
text-indent: -999em;
display: block;
}


/* customize.css */

/********************** Headings *****************************************************/

h1 {font-weight:bold;color:#222; font-family:arial; font-size:1.4em; padding:0 0 0 10px;margin:1em 0 1em 0;line-height:1.1em;border-left:20px solid #222;}
h2 {font-weight:bold;color:#000066; font-family:arial; font-size:1.3em; padding:0;margin:0 0 .5em 0;line-height:1.1em;}
h3 {font-weight:bold;color:#000066; font-family:arial; font-size:1.1em; padding:0;margin:0 0 .5em 0;line-height:1.1em;}
h4 {font-weight:bold;color:#000066; font-family:arial; font-size:1em; padding:0;margin:0 0 .5em 0;line-height:1.1em;}
h5 {font-weight:bold;color:#000066; font-family:arial; font-size:.9em; padding:0;margin:0 0 .5em 0;line-height:1.1em;}
h6 {font-weight:bold;color:#000066; font-family:arial; font-size:.75em; padding:0; margin:0 0 .5em 0;line-height:1.1em;}

#contain-columnleft h2, #contain-columnright h2 {
color:#000066;
background-color:#ddd;
font-size:12px;
letter-spacing:0px;
font-weight:bold;
padding:5px 0 5px 7px; 
margin:0 0 15px 0;
font-family:arial;
text-transform:uppercase;
border-bottom:1px solid #ddd;
}

#contain-columnleft h3 {
padding:0 0 0 0;
margin:0 0 2px 0;
line-height:14px;
}
#contain-columnleft h3 a {
text-decoration:none;
font-size:12px;
padding:0 0 0 0;
margin:0 0 0 0;
line-height:14px;
}



/********************** Misc *****************************************************/
/*embed {width:645px;}*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.hidden {
display:none;
}
.leftbordered {
float:left;
margin:0 20px 10px 0;
padding:5px;
border:1px solid #eee;
}

.rightbordered {
float:right;
margin:0 0 10px 20px;
padding:5px;
border:1px solid #eee;
}

.left, .alignleft {
float:left;
margin:0 20px 20px 0;
}

.right, .alignright {
float:right;
margin:0 0 20px 20px;
}

.h100 {height:100px;} .h50 {height:50px;} .h25 {height:25px;}

.clearer, .clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

.blogdate {
	font-size:9px;
	color:#999;
	font-weight:normal;
text-transform:uppercase;
}
 .pagelet-content {
	padding:0;
	display:block;
	margin:10px 0 10px 0;
	overflow:hidden;
}

#contain-columnleft .right, #contain-columnleft .alignright
{
padding:0;
margin:0 0 10px 20px;
}

#contain-columnleft .left, #contain-columnleft .alignleft
{
padding:0;
margin:0 20px 10px 0;
}

.section-banner 
{
	font-size:36px;
	color:#ddd;
	text-transform:capitalize;
	font-weight:bold;
}

/**********  contribute.css     **************/
.dropcap 
{ 
	float:left; 
	color: #222; 
	margin:0 10px 0 0;
padding:0;
    font-size:5em;
	font-weight:bold;
    line-height:.9em;

}
.caption 
{
	color:#222;
	font-size:.9em;
	margin-bottom:1em;
	font-style:normal;
}

.bluebox 
{
	text-indent:0;
	font-weight:normal;
	color:#444;
	background-color:#eee;
	padding:30px;
	margin-bottom:1em;
	border-top:4px solid #000066;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}

.graybox
{
	text-indent:0;
	font-weight:normal;
	background-color:#eee;
	padding:30px;
	margin-bottom:1em;
	border-top:10px solid #ccc;
	overflow:hidden;
}

.whitebox, .box
{
	font-weight:normal;
	background-color:#fff;
	padding:30px;
	margin-bottom:1em;
	border-top:4px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}

.datestamp
{
	border-top:1px solid #eee;
	padding:0;
	margin:0;
	font-size:.8em;
	text-align:right;
	color:#222;
}
.footnote 
{
	font-size:.9em;
	color:#222;
	font-style:italic;
	margin-bottom:1em;
	margin:0 5em 1em 0;
}
.note 
{
	font-weight:normal;
	color:#222;
	font-weight:bold;
	margin-bottom:1em;
}
.byline 
{
	text-indent:.5em;
	font-weight:normal;
color:#444;
	margin-bottom:1em;
	font-size:1em;
font-style:italic;
font-family:georgia;
border-left:5px solid #444;
}

/************************ Menu *****************************************************/

/*********************** Menu *****************************************************/

.menuheader {
width: 175px;
height: 25px;
background-image:url(/img/gui/menu_header.gif);
background-repeat:no-repeat;
background-position: center top;
padding: 0;
margin:0;
}

/*#contain-menu {
padding:0 0 0 0;
margin:0;
border-top:1px solid #ddd;
}*/


/*.menudivider {
margin:0 10px 0 0;
padding:3px 0 3px 7px;
background-color:#eee;
color:#444;
font-family:arial;
font-weight:bold;
font-size:1em;
text-transform:uppercase;
}*/

.whoarewe-content {
padding:6px 0 0 0;
/*padding:10px 20px 20px 20px;*/
margin:0 0 0 0;
font-size:1em;
color:#666;
font-style:italic;
line-height:1.4em;
border-top:4px solid #eee;
}

.whoarewe-content a {
color:#000066;
}

.whoarewe-content h2 {
border-bottom:1px solid #ddd;
margin:0 0 5px 0;
padding:0 0 7px 0;
font-size:12px;
color:#666;
font-style:normal;
text-align:center;
}

/*#contain-menu {
font-family:arial;
font-size:1em;
font-weight:bold;
margin:0;
padding:5px 0 10px 0;
}
#contain-menu ul {
list-style: none;
letter-spacing:0px;
margin:0;
padding:0;
}
#contain-menu li a:visited {color:#333;}*/
/*#contain-menu li:hover{background-color:#eee;}*/
/*#contain-menu li a:hover{background-color:#eee;}*/

/*#contain-menu li:hover{border-right:10px solid #eee;}
#contain-menu li a:hover{color:#000066;}
#contain-menu li {
line-height:1em;
border-bottom: 1px solid #eee; 
list-style-type: none;
padding: 1px 5px 2px 0;
margin:0;
}
#contain-menu li a{
display: block;
text-decoration: none;
line-height:1.4em;
color:#333;
padding:0;
margin:0;
}*/

/* ----------------------------------------------------------------- 
			YOU ARE HERE SETUP
-------------------------------------------------------------------- */

body.home #contain-menu li.home a,
body.about #contain-menu li.about a,
body.links #contain-menu li.links a,
body.bolivia #contain-menu li.bolivia a,
body.library #contain-menu li.library a,
body.multimedia #contain-menu li.multimedia a,
body.espanol #contain-menu li.espanol a,

body.contact #contain-menu li.contact a,
body.faq #contain-menu li.faq a,
body.giveonline #contain-menu li.giveonline a,
body.news #contain-menu li.news a,
body.waystogive #contain-menu li#toggler a,
body.wheretogive #contain-menu li.wheretogive a 

{
color:#000066;
font-weight:bold;
cursor:default;
}


/* ---------------------------------------------
Menu from UT
---------------------------------------------------*/

/*
 * PureDOMExplorer Demo styles 
 * written by Chris Heilmann
 * Modified by Pritesh Shah (pshah at csulb dot edu): added some classes to suit our purpose
 * More at http://onlinetools.org/tools/puredom/
*/


#wrapper-left ul a {
display:block;
padding:2px 0 2px 0;
margin:0;
border-top:1px solid #ddd;
font-weight:bold;
color:#000066;
}

#wrapper-left ul a:hover {
color:#880000;
}


	
	#wrapper-left ul a:link,
	#wrapper-left ul a:visited,
	#wrapper-left ul a:hover,
	#wrapper-left ul a:active{
		text-decoration:none;
		/*color:#000;*/
	}
	#wrapper-left ul,#wrapper-left ul li{
		margin:0;
		padding:0;
		list-style:none;
	}
	#wrapper-left ul{
		font-family: Arial, Helvetica, sans-serif;
		text-align:left;
		margin:0;
		/*font-size:.8em;*/
		/*margin:.5em auto;*/
		
	}
	#wrapper-left ul ul{
		margin:0 0 0 1em;
		padding:0;
	}
	#wrapper-left ul li{
		line-height:1.3em;
		padding:0;
		margin:0;
		height: auto !important;
		height: 17px;
		/*Commented by Pritesh*/
		/*padding-left:15px;*/
	}
/* dynamically added to LIs with nested ULs */
	#wrapper-left ul li.parent{
		padding-left:0;
	}
	
	/* places arrow to the left
	
	#wrapper-left ul li.parent img{
		border:none;
		padding-right:5px;
		vertical-align: top;
		float:left;
	}*/
	
	#wrapper-left ul li.parent img{
		border:none;
		padding-right:0px;
		vertical-align: top;
		float:right;
	}
	
	
/* dynamically added to LIs with nested ULs and STRONG elements in them */
	#wrapper-left ul li.current li{
		/*padding-bottom: 10px;*/
		padding-left:0;
	}
/* The class to hide nested ULs */
       .hide{
               position:absolute;
               top:-1250px;
               left:-4000px;
       }

/* The class to show nested ULs */
       .show{
               position:static;
               display: list-item;
               top:-1215px;
               left:1em;
       }
	   
/* These two classes added by Pritesh to indent the sub LIs*/
	   #wrapper-left ul.hide li{
               padding-left: 15px;			   
       }
	   
	   ul.show li{
               padding-left: 15px;
	   
       }
	   
#wrapper-left ul li {
	margin: 0px 0px 0px 0px !important;
	margin: -4px auto;
}

#wrapper-left ul ul ul  {
	padding-bottom: 0px !important;
	padding-bottom: 10px;
}
/* Added headings inside navigation for document outline: Date: 03/03/08 */
#wrapper-left ul li h3, #wrapper-left ul li h4, #wrapper-left ul li h5, #wrapper-left ul li h6{
	display:inline;
	font-size: 100%;
	font-weight:normal;
}
#wrapper-left ul li h6{
	border-bottom-width:0px;	
}