/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 1.166; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;;
top: 0px;
margin-top: 0px;
margin-top: 0px;
font-size:85%;
min-width: 750px;
}

a{
color: #333333;
text-decoration: underline;
}

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

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

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

strong, b {
font-weight: bold;
}

h1{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}

h2{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #006699;
margin: 0px;
padding: 0px;
}

h3{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}

h4{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #333333;
margin: 0px;
padding: 0px;
}

h5{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}

ul{
list-style-type: square;
}

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

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

label{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
color: #334d55;
}

hr{
width: 50%;
}

/***********************************************/
/* Layout Divs  - from floated look Dont use                               */
/***********************************************/
/*
#masthead{
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #cccccc;
width: 100%;
}

.3colContain {
background-image: url(/images/starbg.gif);
background-repeat: no-repeat;
height: 100%;

}

#navBar{
float: left;
width: 175px;
margin: 0px;
padding: 0px;
border-right: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
}

#col3{
float:right;
width: 165px;
border-left: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
padding-right: 20px;
padding-top: 15px;
}

#content{
  float: left;
  width: 60%;
}
*/
/***********************************************/
/* Components                                  */
/***********************************************/

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

#uuworldLogo {float: left;}

#topBanner {float: right; padding-top: 10px; padding-right: 12px;}

/************* #globalNav styles **************/

#globalNav{
padding: 0px 10px 5px 0px;
border-bottom: 0px solid #CCC;
color: #ffffff;
background-color: #00828D;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
text-align: right;
font-weight: bold;
}

#globalNav a {
font-size:.9em;
padding: 0 4px 0 0;
color: #ffffff;
text-decoration: underline;
font-weight: bold;
}

#globalNav a:hover {
font-size:.9em;
padding: 0 4px 0 0;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#globalNav form.form {margin:0px; padding: 0px; display:inline;}
#globalNav form.hidden1 {margin:0px; padding: 0px; display:inline;}
#globalNav form.hidden2 {margin:0px; padding: 0px; display:inline;}


#searchBox {
margin:0px; padding: 0px; 
height: 1.2em;
font-size:.9em;
margin-top: 2px;
display:inline;
}

#globalNav .srchBtn, #globalNav .srchBtn a{
font-size:.9em;
font-weight: bold;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

#globalNav .srchBtn a:hover {text-decoration: underline;}

/************** #feature styles ***************/

#feature{
padding: 0px 0px 0px 0px;
font-size:1.1em;
float:left;
width:50%;
color: #000000;
}

#feature div.featTitle{
color: #000000;
font-weight: bold;
}

#feature div.featTitle a{
color: #000000;
text-decoration: underline;
}

#feature div.featTitle a:hover{
color: #000000;
text-decoration: none;
}

#feature h3{
padding: 0px 0px 5px 0px;
text-align: left;
}

#feature img{
padding: 2px 10px 10px 0px;
}

#feature .author{color: #666666;}

/************** #storyBoxes styles ***************/

#storyBoxes{
padding: 0px 0px 10px 0px;
font-size:1.1em;
float:left;
WIDTH:49%;
}
#storyBoxes .author{color: #666666;}
#storyBoxes .titleImg{padding-top: 5px; padding-left: 10px;}
#storyBoxes .strSummary{padding-top: 3px; padding-left: 10px;}
#storyBoxes .strSummary a{color: #000; font-weight: bold; text-decoration: underline;}
#storyBoxes .strSummary a:hover{color: #000; text-decoration: none;}

#storyBoxes div.Spirit {
background-color: #E1E5F0;
margin-bottom: 10px;
}

#storyBoxes div.Ideas {
background-color: #F0D9E3;
margin-bottom: 10px;
}
#storyBoxes div.Life{
background-color: #FDE6D7;
margin-bottom: 2px;
}

.roundcont {
width: 100%;
}
.roundbottomSpirit {background: url(/images/spiritcrnr.gif) no-repeat top right;}
img.cornerSpirit {
width: 10px;
height:10px;
border: none;
display: block !important;
}
.roundbottomIdeas {background: url(/images/ideascrnr.gif) no-repeat top right;}
img.cornerIdeas {
width: 10px;
height: 10px;
border: none;
display: block !important;
}
.roundbottomLife {background: url(/images/lifecrnr.gif) no-repeat top right;}
img.cornerLife {
width: 10px;
height:10px;
border: none;
display: block !important;
}
/************** .story styles *****************/

.story{
/*clear: both;==NB*/  
padding: 0px 0px 0px 10px;
font-size:1.1em;
}

.story p{
padding: 0px 0px 10px 0px;
}


/************** #news styles ***************/
#newsContainer{background-color: #E3EAC6; 
/*clear: both;==NB*/   height: 100%; width: 99%; padding: 0px; float: left;}
#newsContainer div.padding {padding: 10px; border: 0px solid red;}

#newsFtr{
padding: 0px 0px 20px 0px;
font-size:1.1em;
float:left;
width:50%;
color: #000000;
background-color: #E3EAC6;
}

#newsFtr div.newsFtrContent {
padding: 0px 0px 0px 0px;
}

#newsFtr h3{
padding: 0px 0px 5px 0px;
text-align: left;
color: #637B10;
}

#newsFtr img{
padding: 0px 5px 0px 0px;
}

#newsFtr a.newsFtrTitle{
color: #000000;
font-weight: bold;
text-decoration: underline;
}

#newsFtr a.newsFtrTitle:hover{
color: #000000;
text-decoration: none;
}

#newsFtr .author{color: #666666;}

/************** #storyBoxMedia styles ***************/

#storyBoxMedia{
padding: 0px 0px 0px 0px;
font-size:1.1em;
float:right;
width:50%;
background-color: #E3EAC6;
}
#storyBoxMedia .author{color: #666666;}
#storyBoxMedia .titleImg{padding-top: 5px; padding-left: 10px;}
#storyBoxMedia .strSummary{padding-top: 3px; padding-left: 10px;}
#storyBoxMedia  .strSummary a{color: #000; font-weight: bold; text-decoration: underline;}
#storyBoxMedia  .strSummary a:hover{color: #000; text-decoration: none;}

#storyBoxMedia div.Media {
background-color: #ffffff;
margin-bottom: 20px;
}

.roundcont {
width: 100%;
}
.roundbottomD {background: url(/images/mediacrnr.gif)  no-repeat bottom right;}
img.cornerD {
width: 10px;
height:10px;
border: none;
display: block !important;
}
/************** #recentStories styles ***************/
#recentNews{
padding: 0px 0px 20px 0px;
margin: 0px;
color: #000000;
font-size:1.1em;
/*clear: both;==NB*/  
}
#recentNews a{
font-weight: bold;
color: #000000;
text-decoration: underline;
}
#recentNews a:hover{
color: #000000;
text-decoration: none;
}

#recentNews .author{color: #666666;}

/************** #recentStories styles ***************/
#recentStories{
padding: 20px 10px 10px 10px;
margin: 0px;
color: #000000;
font-size:1.1em;
/*clear: both;==NB*/  
}
#recentStories a{
color: #000000;
text-decoration: underline;
}
#recentStories a:hover{
color: #000000;
text-decoration: none;
}

#recentStories h3{
color: #000000;
font-weight: bold;
}

#recentStories .author{color: #666666;}

/************** #moreBtns styles ***************/
#moreBtns{
width: 100%;
padding: 0px;
margin: 0px;
padding-left: 10px;
text-align: left;

}

#moreBtns div{
float: left; width: 33%;
}

/************** #moreBtnsNews styles ***************/
#moreBtnsNews{
width: 100%;
padding: 0px;
margin: 0px;
padding-left: 10px;
text-align: left;

}

#moreBtnsNews div.a{
float: left; width: 55%;
}
#moreBtnsNews div.b{
float: left; width: 45%;
}
/************** #emailSubmitSec styles - Email Section ***************/
#emailSubmitSec {
padding: 0px 0 30px 0;
margin: 0px;
margin-top: 0px;
background-color: #657D14;
background-image: url(/images/emailflamebg.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 161px;
/*height: 127px;*/ /*flexible with font size--KS*/
color: #ffffff;
}

#emailSubmitSec a{
color: #ffffff;
font-size:1.1em;
text-decoration: underline;
font-weight: bold;
}
#emailSubmitSec div.padding {
margin: 0px;
padding: 10px;
}

#contentEmail p{
margin: 0px;
padding: 0px;
padding-bottom: 10px;
}


/************** #adsCol3 styles ***************/
#adsCol3 div.ad1{padding-bottom: 9px;}
#adsCol3 div.ad2{padding-bottom: 9px;}
#adsCol3 div.ad3{padding-bottom: 9px;}

#adsCol3 a {text-decoration:none; }
#adsCol3 a:hover {text-decoration:underline;}

/************* #utilFooter styles ***************/

#utilFooter {
padding: 10px 20px 10px 0px;
text-align: right;
color: #000000;
font-size:1em;
font-weight: bold;
}

#utilFooter a{
color: #000000;
text-decoration: underline;
}

#utilFooter a:hover{
color: #000000;
text-decoration: none;
}


/************* #footer styles ***************/

#footer{
background-color: #59B1C1;
font-size:1em;
color: #000000;
padding: 10px 0px 10px 30px;
margin: 0px; 
}

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


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
position: relative;
margin: 0px;
padding: 0px;
padding: 0px 10px 15px 20px;
border-bottom: 0px solid #cccccc;
font-size:1.1em;
}

#sectionLinks div { 
padding-top: 3px;

}

#sectionLinks h2 {
padding-bottom: 3px;
}

/*********** .uuworldIssues styles ***********/

.uuworldIssues{
position: relative;
margin: 0px;
padding: 0px;
padding: 11px 10px 15px 20px;
font-size:1em;
}

.uuworldIssues div a:link,
.uuworldIssues div a:visited {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size:1em;
text-decoration: underline;
font-weight: bold;
}
.uuworldIssues div a:hover {
text-decoration: none;
}

#imgIssue {padding-bottom: 6px;}

/*********** .publishedby styles ***********/

.publishedby{
position: relative;
margin: 0px;
padding: 0px;
padding: 1px 10px 15px 20px;
font-size:1.1em;
text-align:center;
}

.publishedby div a:link,
.publishedby div a:visited {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size:1.1em;
text-decoration: underline;
font-weight: bold;

}
.publishedby div a:hover {
text-decoration: none;
}

#imgPublish {padding-bottom: 1px;}

/*********** .activistsCorner styles ***********/

.activistsCorner{
position: relative;
margin: 0px;
padding: 0px;
padding: 1px 10px 15px 20px;
font-size:1em;
text-align:left;
color: #000000;
}

.activistsCorner div a:link,
.activistsCorner div a:visited {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
text-decoration: underline;
font-weight: bold;

}
.activistsCorner div a:hover {
text-decoration: none;
}

.activistsCorner div {
padding-bottom: 10px;
}

#imgBgAC {
border: 1px solid #000;
background-image: url(/images/capitolbg.gif); background-repeat: no-repeat;
/*height: 210px;*/
margin-bottom: 0px;
padding: 0px;
margin: 0px;
}

#contentAC {
padding: 30px 10px 10px 10px;

}


/************** #advert styles **************/

#advert{
padding: 30px 0px 10px;
}

#advert img{
display: block;
}


/************** #headlines styles **************/

#headlines{
margin: 0px;
padding: 10px 0px 20px 10px;
font-size:1.1em;
}

#headlines p{
padding: 5px 0px 5px 0px;
}

/************* ***************** secondary page styles *************** ********************/
/************** #featureSub styles ***************/

#featureSub{
padding: 0px 0px 0px 0px;
font-size:1.1em;
/*width:100%; NB*/
color: #000000;
/*height: 20em;*/
}

#featureSub h3.pageTitleGen{ 
color: #00828D;
font-weight: bold;
font-size: 1.6em;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px; 
}

#featureSub h3{ 
color: #000000;
font-weight: bold;
font-size: 1.6em;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px; 
}

#featureSub h4{ 
color: #000000;
font-weight: bold;
font-size: 1.3em;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px; 
}

#featureSub h4.featStoryTitleSub{ 
color: #000000;
font-weight: bold;
font-size: 1.2em;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;

}


#featureSub h4.featStoryTitleSubAuthor{ 
color: #000000;
font-weight: bold;
font-size: 1.2em;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;

}

#featureSub h4.featStoryTitleSubCurrentIssue{ 
color: #000000;
font-weight: bold;
font-size: 1.2em;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;

}


#featureSub h4 img{ 
padding: 0px 10px 10px 0px;
margin: 0px 0px 0px 0px;

}


#featureSub div.featTitle{
color: #000000;
font-weight: bold;
width:100%;
}

#featureSub div.featTitle a{
color: #000000;
text-decoration: underline;
}

#featureSub div.featTitle a:hover{
color: #000000;
text-decoration: none;
}

#featureSub div.featStoryTitleSub img{
padding: 0px 10px 10px 0px;
}

#featureSub .author{color: #666666;}

/************** #spiritTpBtns styles - topic buttons***************/

#spiritTpBtns {
/*clear: both; ==NB*/  
margin: 0px;
padding: 0px;
}

#spiritTpBtns img{padding: 0px 8px 8px 0px; margin: 0px 0px 0px 0px;}


/************** #recentStoriesSub styles ***************/
#recentStoriesSub{
padding: 10px 10px 10px 0px;
margin: 0px;
color: #000000;
font-size:1.1em;
/*clear: both;==NB*/  
}
#recentStoriesSub a{
color: #000000;
text-decoration: underline;
}
#recentStoriesSub a:hover{
color: #000000;
text-decoration: none;
}

#recentStoriesSub h3{
color: #000000;
font-weight: bold;
}

#recentStoriesSub .author{color: #666666;}


/************** #recentStoriesSubNews styles ***************/
#recentStoriesSubNews{
padding: 0px 10px 10px 10px;
margin: 0px;
color: #000000;
font-size:1.1em;
float: left;
width: 42%;
}
#recentStoriesSubNews a{
color: #000000;
text-decoration: underline;
}
#recentStoriesSubNews a:hover{
color: #000000;
text-decoration: none;
}

#recentStoriesSubNews h3{
color: #000000;
font-weight: bold;
}

#recentStoriesSubNews .author{color: #666666;}

/************** #authorArticles styles ***************/
#authorArticles{
padding: 0px 0px 0px 0px;
margin: 0px;
color: #000000;
font-size:1.1em;
/*clear: both;==NB*/  
width: 45%;
}
#authorArticles a{
color: #000000;
text-decoration: underline;
}
#authorArticles a:hover{
color: #000000;
text-decoration: none;
}

#authorArticles h3{
padding: 0px;
margin: 0px;
font-weight: bold;
color: #00828D; 
font-size: 1.3em;
}

#authorArticles .author{color: #666666;}

/************** #authorRelatedLinks styles ***************/
#authorRelatedLinks{
padding: 0px 0px 0px 0px;
margin: 0px;
color: #000000;
font-size:1.1em;
width: 99%;
}
#authorRelatedLinks a{
color: #000000;
text-decoration: underline;
}
#authorRelatedLinks a:hover{
color: #000000;
text-decoration: none;
}

#authorRelatedLinks h3{
padding: 0px;
margin: 0px;
font-weight: bold;
color: #00828D; 
font-size: 1.3em;
}

#authorRelatedLinks .author{color: #666666;}

/************** #authorArticlesSub styles ***************/
#authorArticlesSub{
padding: 0px 0px 0px 0px;
margin: 0px;
color: #000000;
font-size:1.1em;
/*clear: both;==NB*/  
width: 90%;
}
#authorArticlesSub a{
color: #000000;
text-decoration: underline;
}
#authorArticlesSub a:hover{
color: #000000;
text-decoration: none;
}

#authorArticlesSub h3{
padding: 0px;
margin: 0px;
font-weight: bold;
color: #00828D; 
font-size: 1.3em;
}

#authorArticlesSub .author{color: #666666;}

/************** #authorRelatedLinks styles ***************/
#authorRelatedLinksSub{
padding: 0px 0px 0px 0px;
margin: 0px;
color: #000000;
font-size:1.1em;
/*clear: both;==NB*/  
width: 90%;
}
#authorRelatedLinksSub a{
color: #000000;
text-decoration: underline;
}
#authorRelatedLinksSub a:hover{
color: #000000;
text-decoration: none;
}

#authorRelatedLinksSub h3{
padding: 0px;
margin: 0px;
font-weight: bold;
color: #00828D; 
font-size: 1.3em;
}

#authorRelatedLinksSub .author{color: #666666;}



/************* breadCrumbs styles *********************/ 
#breadCrumbs{
float:right;
width: 95%; 
/*top: 220px;
right: 200px; */
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
font-size: 0.9em;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

html>body #breadCrumbs {margin-top:-12px;}  /* This is what ALL other browsers understand*/ 


#breadCrumbs a{
color: #000000;
text-decoration: underline;
font-weight: bold;
}
#breadCrumbs a:hover{
color: #000000;
text-decoration: none;
font-weight: bold;
}

#breadCrumbs h3{
color: #000000; 
font-weight: bold;
}

/* news blog box styles*/ 
#newsBlog{
float:left;
width:45%; 
padding: 10px;
background-color: #CED6B5;
}

html>body #newsBlog {margin-top:0px;}  /* This is what ALL other browsers understand*/ 


#newsBlog a{
color: #000000;
text-decoration: underline;
font-weight: bold;
}
#newsBlog a:hover{
color: #000000;
text-decoration: none;
font-weight: bold;
}

#newsBlog h3{
color: #000000; 
font-weight: bold;
}

/************************ article styles **********************/

/************** #recentStoriesSub styles ***************/
#recentStoriesSub2{
margin: 0px 0px 0px 0px;
padding: 0px;
color: #000000;
font-size:1.1em;

}

html>body #recentStoriesSub2 {margin: 0px 0px 0px 0px;}  /* This is what ALL other browsers understand*/ 


#recentStoriesSub2 a{
color: #000000;
text-decoration: underline;
}
#recentStoriesSub2 a:hover{
color: #000000;
text-decoration: none;
}

#recentStoriesSub2 h3{
color: #000000;
font-weight: bold;
}

#recentStoriesSub2 .author{color: #666666;}

#largePic {
float:left; 
}

#largePic img{ 
top: 0px;
left: 0px; 
margin: 0px 0px 0px 0px; 
}
#largePic p{
margin-top: 180px;
text-align: left;
padding: 0px 0px 0px 0px;
font-size: 9px;
}

/* highlight box styles*/ 
#highlightBox{
float:right;
width:200px; 
top: 220px;
right: 200px; 
padding-left: 15px;
}

html>body #highlightBox {margin-top:-12px;}  /* This is what ALL other browsers understand*/ 


#highlightBox a{
color: #000000;
text-decoration: underline;
font-weight: bold;
}
#highlightBox a:hover{
color: #000000;
text-decoration: none;
font-weight: bold;
}

#highlightBox h3{
color: #000000; 
font-weight: bold;
}

.spiritBox {
margin: 0 left;
float: right;
width: 200px;
background: url(/images/spiritbody.gif) no-repeat bottom right;
background-color: #EBEBF8; /*KS added to fill gap*/
height: auto;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 1em;
} 
.spiritHead {
background: url(/images/spirithead.gif)  no-repeat top right;
margin: 0;
padding: 50;
text-align: left;
}
.spiritBody {
background: url(/images/spirithead.gif) no-repeat top right;
margin: 0;
padding: 10px 15px 15px 15px;
}


/* end custom class for side boxes */

/* ADDED FOR PRINT VERSION CHANGES */
p#sidebarphoto {text-align: center;}