/***********************************************************
CREDITS
Icons by http://www.famfamfam.com/lab/icons/silk/
and http://www.tenbytwenty.com/products/icon-sets/vaga
***********************************************************/

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

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

/* remove paddings and margins */
body , h1 , h2 , h3 , h4 , h5 , h6 , p , ol , ul , form , blockquote {
 padding: 0;
 margin: 0;
}

/* Apply consistent font sizes */
h1 , h2 , h3 , h4 , h5 , h6 , pre , code {
	font-size: 100%;
}



body {
	clear: both;
	font-family: Arial,sans-serif;
	line-height: 130%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* set colour of links and remove underline */
a {
	color: #3333CC;
	padding: 0px;
}

a:hover {
	color: #666666;
}

/* remove borders from linked images */
a img {
	border: none;
}

h1 {
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #330066;
 margin: 0px;
 padding: 0px;
}

h2 {
 font-family: Arial,sans-serif;
 font-size: 120%;
 color: #330066;
 margin: 0px;
 padding: 0px;
}

h3 {
	font-family: Arial,sans-serif;
	font-size: 100%;
	color: #330066;
	margin: 0px;
	padding: 0px;
}

h4 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 130%;
 font-weight: bold;
 color: #FF3399;
 margin: 0px;
 padding: 0px;
}

h5 {
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 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: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #330066;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#bodyHome, #bodyEtfm,
#bodyAhe, #bodyLi {
	background-color: #7b8cce;
}

/*
#bodyEtfm {
	background-color: #edd685;
}

#bodyAhe {
	background-color: #A8F791;
}

#bodyLi {
	background-color: #99ffff;
}
*/

#masthead {
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	background-image: url(../images/fullbannerlogo.jpg);
	background-repeat: no-repeat;
	height: 129px;
	background-position: left bottom;
	background-color: #FFFFFF;
}

#globalBody {
	clear: both;
	background-color: #7b8cce;
}

#navBar {
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	}

#content {
	width: 75%;
	background: #ffffff;
	border-bottom: solid #336699 4px;
	border-right: solid #336699 4px;
	border-top: groove #336699 4px;
	border-left: groove #336699 4px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 2px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 30px;
	padding-left: 2px;
}


/***********************************************/
/* Components                                  */
/***********************************************/

#siteName {
	margin: 0;
	padding: 0 0 0 10px;
}

/**********************************************/
/* Body styles                                */
/**********************************************/

#bodyHome #content {
	width: 56%;
	margin: 10px 2px 20px 2px;
}

#content h3 {
	line-height: 390%;
}

#content h5 {
	font: 90%;
}
/************* #globalNav styles **************/

#globalNavWrapper {
	background-color: #131756;
	background-image: url(../images/global_link_bg_img.jpg);
	width: 97.5%;
	vertical-align: bottom;
	margin: 0pt;
	padding-left: 2.5%;
	}

#globalNav {
	color: #101555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	padding: 3px 30px 0px 10px;
	text-align: right;
	white-space: nowrap;
}

#globalNav img {
 display: block;
}

#globalNav ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt;
}

#globalNav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #ffffff;
	padding: 5px 5px 0px 5px;
}

#globalNav li {
	display: inline;
	width: 20em;
}

#globalNav li li {
	display: block;
	background: #131756;
	white-space: normal;
	}

#globalNav li ul {
	position: absolute;
	width: 20em;
	right: 999em;
}

/*#globalNav li:hover ul, #globalNav li.sfhover ul {
	right: 30px;
	}*/
	
#left li:hover ul, #globalNav li.sfhover ul{
	right: 120 px;
}	

#centre li:hover ul, #globalNav li.sfhover ul{
	right: 90px;
}

#right li:hover ul, #globalNav li.sfhover ul{
	right: 60px;
}

#farright li:hover ul, #globalNav li.sfhover ul{
	right: 30px;
}


#globalNav a {
	color: #FFFFFF;
	font-size: 105%;
	margin: 3px;
	padding: 6px 6px 1px 6px;
}

#globalNav a:link, #globalNav a:visited {
	text-decoration: none;
}




/*************** #pageName styles **************/

#pageName {
	margin: 5px 20px 0px 0px;
	padding: 2px 4px 2px 0px;
	width: 75%;
	float: left;
	font-size: 100%;
	font-weight: bold;
	color: #131756;
	}


/************* #breadCrumb styles *************/

#breadCrumb {
	font-size: 80%;
	padding: 2px 0px 0 10px;
	}


/************** .feature styles ***************/

.feature {
	padding: 10px 20px 10px 10px;
	font-size: 80%;

}

.feature h1 {
	padding: 30px 0px 5px 0px;
	text-align: center;
	font-weight: bold;
	color: #330066
}

/*
.feature ul, .feature ol {
	padding: 10px;
}
*/

.feature ol {
	margin-left: 1em;
}


/************** .story styles *****************/

.story {
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	background-color: #FFFFFF;
	height: 300px;
}

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

/*************** #groupwrap styles *****************/
#groupWrap {
	background: #ffffff;
	width: 70%;
	padding: 0px;
	margin: auto;
}

#groupWrap table , #groupWrap thead , #groupWrap tbody , #groupWrap tr , #groupWrap th , #groupWrap td {
	border-collapse: collapse;
	border: 1px solid #000033;
	margin: auto;
}

#groupWrap td {
	text-align: left;
	vertical-align: baseline;
	font-size: 80%;
	padding: 0px;
}

/*
.etfm_color {
	background-color: #EDD685;
}

.ahe_color {
	background-color: #a8f791;
}

.lig_color {
	background-color: #99FFFF;
}
*/

.main_color, .etfm_color,
.ahe_color, .lig_color {
	background-color: #7b8cce;
}


#groupWrap a {
	font-size: 100%;
	font-weight: bold;
	display: block;
	border: 0;
	padding: 1px;
	color: #000033;
	text-decoration: none;
}

#groupWrap a:hover {
	color: #0000C0;
	text-decoration: none;
	border: 1px solid #000033;
	padding: 0px 0px 0px 0px;
}




/************* #lastUpdated styles *************/

.lastUpdated {
	font-size: 80%;
	padding: 2px 0px 0 10px;
	width: 99%;
	text-align: center;
	clear: both;
}

/************* #siteInfo styles ***************/

#siteInfo {
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #ffffff;
	padding: 6px 6px 1px 6px;
	background-color: #101555;
	background-image: url(../images/global_link_bg_img.jpg);
}

#siteInfo img {
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
}

#siteInfo a {
	color: #FFFFFF;
	padding: 6px 6px 1px 6px;
}

#siteInfo a:hover {
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #ffffff;
	padding: 5px 5px 0px 5px;
}


/************* #search styles ***************/

#search {
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form {
 margin: 0px;
 padding: 20px 0px 0px 0px;
}

#search label {
	display: block;
	margin: 0px;
	padding: 0px;
}

#bodyEtfm #search {
	border-bottom: 1px solid #999999;
}


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

#navBar li {
	display: inline;
}


#navBar ul a:link, #navBar ul a:visited {
	display: block;
	margin: 0px 5px 0px 5px;
}

#navBar ul {list-style: none; margin: 0; padding: 0;}

/* 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;
	border-bottom: 1px solid #cccccc;
	font-size: 100%;
}

#sectionLinks h3 {
	padding: 10px 0px 2px 10px;
}

.banner_img {
	float: right;
}


#sectionLinks a {
	display: block;
	border: 0;
	border-top: 1px solid #cccccc;
	padding: 2px 1px 3px 11px;
	color: #ffffff;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
}

#sectionLinks a:hover {
	background-color: #330066;
	padding: 2px 0px 2px 10px;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #ffffff;
}


#sectionLinksEtfm {
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #999999;
	font-size: 100%;
}

#sectionLinksEtfm h3 {
	padding: 10px 0px 2px 10px;
}

#sectionLinksEtfm a {
	display: block;
	border: 0;
	border-top: 1px solid #999999;
	padding: 2px 1px 3px 11px;
	color: #3333CC;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
}

#sectionLinksEtfm a:hover {
	background-color: #330066;
	padding: 2px 0px 2px 10px;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #ffffff;;
}

/*********** .relatedLinks styles ***********/

.relatedLinks {
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 100%;
	color: #ffffff;
	font-weight: bold;
	border-top: solid #cccccc 1px;
	}


.relatedLinks h3 {
	padding: 10px 0px 2px 10px;
}

.relatedLinks a {
	display: block;
	border: 0;
	padding: 3px 1px 3px 11px;
	color: #ffffff;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
}

.relatedLinks a:hover {
	padding: 2px 0px 2px 10px;
	border: 1px solid #ffffff;
	text-decoration: none;
	color: #ffffff;
}

.relatedLinksEtfm {
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 100%;
	color: #ffffff;
	font-weight: bold;
}

.relatedLinksEtfm h3 {
	padding: 10px 0px 2px 10px;
}

.relatedLinksEtfm a {
	display: block;
	border: 0;
	padding: 3px 1px 3px 11px;
	color: #3333CC;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
}


.relatedLinksEtfm a:hover {
	padding: 2px 0px 2px 10px;
	border: 1px solid #ffffff;
	color: #330066;
	text-decoration: none;
}


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

.bsi {
	padding: 10px 0px 10px 30px;
}

.bsi img {
	display: block;
	padding-left: 20%;
	padding: 5px 0px 0px 0px;
}

.ecart {
	padding: 10px 10px 10px 10px;
	padding-left: 20%;
}

.ecart img {
	display: block;
	padding: 5px 0px 0px 0px;
	padding-right: 5%;
}


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

.headlines {
	margin: 0 0 0 0;
	padding: 10px 10px 0px 5px;
/* 	font-size: 80%; */
}

/*
.headlines h1 {
	border-bottom: 1px solid #cccccc;
}
*/

.headlines h3 {
	padding: 10px 0 2px 10px;
}

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

.headlines a {
	display: block;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	padding: 11px 6px 1px 6px;
}

.headlines a:hover {
	color: #333;/*

	text-decoration: none;
	border: 1px solid #ffffff;
	padding: 10px 5px 0px 5px;
*/
}

.headlines a:active {
	color: #fff;
}

.border {
	height: 600px;
	width: 2%;
	margin: 0px;
	padding: 10px 0px 0px 10px;
	float:right;
}

#bodyEtfm table {
	border-style: none;
}
.emphasis {
	font-style: italic;
	font-weight: bold;
}
.highlight {
	font-style: italic;
}

.contact {
	clear: both;
	text-align: left;
	border-style: none;
	width: 40%;
	margin: 0 25%;
}

.contact h2 {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background-image: url(../images/global_link_bg_img.jpg);
	font-weight: bold;
	font-size: 130%;
}

.contact h4 {
	line-height: 160%;
	padding-left: 85px;
	color: #252969;
}


/*.title {
	text-align: right;
	float: left;
	width: 75px;
	padding-right: 10px;
}
*/
.glossary {
	clear: both;
	text-align: left;
	font-size: 80%;
	width: 90%;
	margin: 10px;
	border: 1px solid #003399;
	padding: 5px;
}

.glossary h2 {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background-image: url(../images/global_link_bg_img.jpg);
	font-weight: bold;
	font-size: 130%;
}

.glossary h4 {
	line-height: 160%;
}

.floatright {
	float: right;
	padding: 10px 0px 10px 10px;
	margin: 0px 0px 10px 10px;
}

.floatleft {
	float: left;
	padding: 10px 10px 10px 0px;
	margin: 0px 10px 10px 0px;
}
.floatcenter {
	padding: 0px 5px 0px 5px;
	margin: 0px 10px 0px 10px;
}
.bold {
	font-weight: bold;
}

.copyright {
	float: right;
	font-size: x-small;
}

.rightcolumn {
	width: 18%;
	float: right;
}

[if IE]>
<noscript>
<style type="text/css">
#globalNav ul{position:relative;left:0;margin-left:0;border:0 none;}
</style>
</noscript>
<![endif]

.feature li {
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
}
#announce {
	font-size: 80%;
	padding: 10px 0px 10px 10px;
	border: 4px solid;
	background-image: url(../news/images/cava_bg.jpg);
	margin: 2px;
	border-color: #B0BB93;
}
.menuright {
	float: right;
	background-image: url(../images/global_link_bg_img.jpg)
	width: 97.5%;
}
#fred {
	background: url(../images/uog_logo_wm.gif) no-repeat center center;
}

.newsflash {
	clear: both;
	width: 80%;
	background-color:#E6FFE6;
	border: 2px solid;
	margin: auto;
	padding: 10px;
}

/*ADDITIONS*/
.news p {margin-bottom: 1.2em;}
.news table {margin-bottom: 1.2em;}
.journal {font-style: italic;}
.newsImage {text-align: center;}
.newsImage img {background: #f0f0f0; padding: 4px;}
.newsImage .caption {background: #f0f0f0; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; margin: 0 auto; padding: 0.2em; width: 350px;}

/*ICONS*/
a[href$="pdf"] {background: transparent url(/images/icons/famfamfam/page_white_acrobat.png) no-repeat right 0; padding-right: 1.4em;}
a.noIcon {background-image: none; padding-right: 0;}

/*TABLES*/
table {color: #333; margin-bottom: 1em;}
caption {caption-side: top; font-size: 1.4em; margin: 0.4em 0; text-align: left;}
th {background: #f0f0f0; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; padding: 0.5em 1em; text-align: left; text-transform: uppercase;}
tr {background: #f8f8f8;}
td {border-bottom: 1px dashed #dadada; padding: 0.5em 1em;}