/*
	Outer grey #bbbbc5;
	dark border grey #757575;
	Aqua #0494A4;
	blue #0280AF;
	
*/
body {
	background-color: #BBBBC5;
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 0;
	border: 0;
	margin: 0;
	background-image: url(Images/fade_back.gif);
	background-repeat: repeat-x;
	line-height: 1.4em;
}

h1 {
	color: #0280AF;
	font-size: 20px;
}


h2 {
	color: #0280AF;
	font-size: 17px;
}

h3 {
	color: #bbbbc5;
	font-size: 12px;
}
 h4, h5 {
	color: #bbbbc5;
}

td, th {
vertical-align: top;
}

div#OuterFrame
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 20px;
	text-align: center;
	background-color: #fff;	
    background: url(Images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(Images/OshadowAlpha.gif) no-repeat bottom right;
}



table#Layout {
	min-height: 200px;
	margin: 0;
	padding: 0;
	position: relative;
	top: -12px ! important;
	top: -10px;
	left: -14px ! important;
	left: -10px;
	background-color: #eee;
	width: 950px;
	background-image: url(Images/InnerFadeBack.gif);
	background-position: right bottom;
	background-repeat: no-repeat;	
}

table#Layout td#Top
{
	background-color: #fff;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	border-width: 0 1px 4px 1px;
	border-color: #757575;
	border-style: solid;
	height: 210px;
	text-align: left;
	vertical-align: top;
}
table#Layout td#Menu
{
	margin: 0;
	padding: 0;
	border-width: 0 10px 10px 10px;
	border-color: #FFF;
	border-style: solid;
	background-color: transparent;
	background-image: url(Images/FadeBack.png);
}

table#Layout td#Bottom
{
	margin: 0;
	padding: 0;
	border-width: 0 1px 1px 1px;
	border-color: #757575;
	border-style: solid;
	height: 12px ! important;
	height: 7px;
}
table#Layout td#Bottom img#blcc
{
	float: left;
	behavior: url(iepngfix.htc);
}
table#Layout td#Bottom img#brcc
{
	float: right;
	behavior: url(iepngfix.htc);
}
table#Layout td#MainSection
{
	min-height: 400px;
	margin: 0;
	padding: 30px;
	padding-top: 20px;
	border-width: 0 1px 0 1px;
	border-color: #757575;
	border-style: solid;
	text-align: left;

}

table#Layout td#MainSection p , table#Layout td#MainSection div
{
padding-left: 0;
}
table#Layout td#Copyright
{
	margin: 0;
	padding-top: 10px;
	border-width: 0 10px 10px 10px;
	border-color: #f8b82c;
	border-style: solid;
	background-color: #f8b82c;
	color: #fff;
	font-size: 10px;
text-shadow: 2px 2px 3px black;
}


div#Logo {
padding-left: 30px;
padding-right: 50px;
float:left;
}
img.png {
	behavior: url(iepngfix.htc);
}

img#Tagline {
padding-left: 10px;
}

/* Required for navigation */

div#navcontainer
{
	width: 740px;
	margin: 0;
	padding: 0;
	padding-top: 2px;
	border: 0px #fff solid;
	float: right;
}

#navigation
{
	height: 28px !important;
	height: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 10;
	width: 100%;	
}



/* Top level */
#navigation li
{
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
	border-left: 1px #fff solid;
	background-color: #fff;
	background-image: url(Images/ButtonBack.png);
}

#navigation li.first{
	border-left: 0px #fff solid;
}	
#navigation ul li.first{
	border-right: 1px #fff dashed;
}	


#navigation li:hover {
	position:relative;
	z-index:10;
	cursor:pointer;
	background-image: url(Images/ButtonBackRev.png);
}
#navigation a
{
	float: left;
	display: block;
	margin: 2px 0 2px 0;
	height: 22px;
	width: auto;
	padding: 2px 10px 2px 10px;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	background: transparent;
	color: #000;
	font-weight: normal;
	text-transform: capitalize;
}
#navigation a em {
	font-style:normal;
	}
#navigation .r {
	float:right;
}

#navigation a:hover, #navigation li:hover a { 
	color:#0280AF; 
}
ul#navigation li.current a{
	color: #0280AF;
}	


#navigation .drop a:hover, #navigation .drop:hover a {
	height:20px;
	color:#4d6927; 
	background-image: url(Images/spacer.gif);

	}

/* sub level 1 */
#navigation ul
{
	position: absolute;
	width: 150px;
	top: 28px;
	left: -2px;
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent url(Images/spacer.gif) left bottom no-repeat;
}
#navigation ul li, #navigation ul li.first
{
	display: block;
	width: 148px;
	padding-right: 0px;
	background: transparent url(Images/spacer.gif) right top repeat-y;
	border: 0;
	border-left: 1px;
	border-style: solid;
	border-color: #757575;
}

#navigation ul a
{
	color: #4d6927;
	display: block;
	float: left;
	height: auto !important;
	font-size: 11px !important;
	line-height: 12px;
	text-decoration: none;
	text-transform: none;
	width: 152px;
	padding: 5px 2px 5px 7px !important;
	margin: 0;
	font-weight: normal;
	background-color: #bbbbc5;
	filter: alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity: 0.95;
	border-width: 1px 1px 0 0;
	border-color: #CCC;
	border-style: #fc5;
}

#navigation ul a:hover, #navigation ul a:active {
	color: #4d6927;
}


/* NESTED NORMAL STATE */
#navigation ul li.current ul li a, #navigation ul li.current ul li.current ul li a {
	background-color:#eee;
	color: #4d6927;
}

/* HOVER COLORS */
#navigation ul li:hover a, #navigation ul ul li:hover a, ul#navigation li.current ul li:hover a, ul#navigation li.current ul li.current ul li:hover a,  #navigation ul li.first ul li.first ul li:hover a {
	background-color:#a5a5a5;
	color: #fff;
	background-image:  url(Images/spacer.gif);
}
ul#navigation li.current ul li.current  a {
	background-color:#a5a5a5;
	color: #fff;
	background-image:  url(Images/spacer.gif);
}


/* DISPLAYS */
#navigation ul, #navigation li:hover ul ul, #navigation ul li:hover ul ul {
	display:none;	
	color: #4d6927;
	background-image:  url(Images/spacer.gif);
}
#navigation li:hover ul, #navigation ul li:hover ul, #navigation ul ul li:hover ul {
	display:block;	
	background-image:  url(Images/spacer.gif);
}

div.ImageHolder {
text-align: center;
}
div.ImageHolder:after {
content: ".";
height: 1px;
font-size: 1px;
}

.ImageShadow {
    float:left;
    background: url(Images/shadowAlpha.png) no-repeat bottom right !important;
	behavior: url(iepngfix.htc);
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}

div.Caption {
display: block;
clear: both;
}

.ImageShadow img {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px;
}

div.FeatureImg {
	float: right;
	margin-left: 10px;
}

div#Copyright
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-bottom: 30px;

text-shadow: 2px 2px 3px black;
}

table#EventsCalendar
{
	border-width: 0 2px 2px 1px;
	border-color: #CCC;
	border-style: solid;
}
table#EventsCalendar td {
	margin: 5px;
	padding: 2px;
	vertical-align: top;
}
table#EventsCalendar th
{
	font-size: 14px;
	text-align: center;
	border-width: 1px 0 1px 0;
	border-color: #ccc;
	border-style: solid;
	vertical-align: top;
}
table#EventsCalendar td.EDS {
	width: 80px;
}


table#EventsCalendar td p{
	margin:0;
	padding: 0;
}

table#Committee
{
	border-width: 1px 2px 2px 1px;
	border-color: #CCC;
	border-style: solid;
}

table#Committee td {
	margin: 5px;
	padding: 5px;
	vertical-align: top;
}

table#Committee td a
{
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
}
table#Committee th
{
	margin: 5px;
	padding: 5px;
	vertical-align: top;
	border-width: 0 0 2px 0;
	border-color: #ccc;
	border-style: solid;
}

a {
	color: #0280AF;
}

a:visited {
	color: #0494A4;	
}
a:hover {
	color: #b54537;	
}

table#Layout td div#TextSection div div.Release
{
	padding: 10px;
	border-width: 1px 2px 2px 1px;
	border-color: #CCC;
	border-style: solid;
}

table#Layout td#MainSection div#HeadlineBanner
{
	background-color: #b54537;
	color: #fff;
	padding: 3px;
	padding-left: 10px;
	border-width: 0 1px 1px 0;
	border-color: #610;
	border-style: solid;
}

div#HeadlineBanner a{
	color: #eee;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}
div#HeadlineBanner a:visited {
	color: #eee;
}
div#HeadlineBanner a:hover {
	background-color: #eee;
	color:  #b54537;
}

table#Layout td#MainSection div#Links
{
	width: 400px;
	padding: 10px;
	border-width: 1px 2px 2px 1px;
	border-color: #CCC;
	border-style: solid;
}

div#Links  ul { list-style-type: none; margin-left:5px;padding-left:5px;}
div#Links  ul li { list-style-type: none; padding-left: 0; margin-left:0; line-height: 1.5em;}

table#Layout td#MainSection table#Reports {
	border-width: 1px 0 0 1px;
	border-color: #ccc;
	border-style: solid;
}
table#Reports td,table#Reports th
{
	padding: 3px;
	border-width: 0 1px 1px 0;
	border-color: #ccc;
	border-style: solid;
}

ul#NewsList
{
	margin-top: 1px;
	margin-bottom: 3px;
	margin-left: 0;
	padding-left: 10px;
	list-style-type: none;
}


table#Layout td#Top div#TopSwap
{
	margin-top: 10px;
	clear: both;
	border-top: 0px #757575 solid;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
table#Layout td#Top div#TopSwap img
{

	border-top: 1px #757575 solid;
}


div#SideMenuContainer {
float: left;
padding-right: 30px;
padding-bottom: 250px;
}

#SideMenu
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 160px;
}

#SideMenu li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#SideMenu li a { font-size: 12px; text-decoration: none; color: #0280af; text-transform: uppercase}
#SideMenu li a:visited { 	color: #0494A4; }
#SideMenu li a:hover,  #SideMenu li.current a{ 	color: #b54537; }
ul#ValueList
{
margin-left: 0;
list-style-type: none;

}
ul#ValueList li {
	list-style-type: none;
	list-style-position: outside;
}

div.ImagePair {
margin-left: auto; 
margin-right: auto;
text-align: center;
}

div.ImagePair img{
padding-left: 30px;
padding-right: 70px;
padding-top: 5px;
padding-bottom: 5px;

}

div.LocationPair
{
width: 90%;
}

div.LocationPair img{
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
	border: 1px #757575 solid;

}


div#MainContent h1{
margin-top: 0;

}

div.FrImage {
float: right;
padding-left: 20px;
margin-left: 20px;
padding-bottom: 10px;
text-align: center;

}
div.FrImage img {
padding-bottom: 4px;
}
p.CenterText {
text-align: center;
}


table.CountryTable td {
padding-right: 40px;
padding-left: 5px;
}

div.JStore {
position: absolute;
top: -1000px;
visibility: hidden;

}
div.DIndex {
float: left;
}

table.Projects {
width: 580px;
}
table.Projects th, table.Projects td{
font-size: 11px;
}
table.Projects th{
vertical-align: top;

}

a.DT {
text-decoration: none;
}

div#DInfo {
width: 580px; 
float: right;
}

div#FrontLogos {
text-align: center;
}
div#FrontLogos img{
padding-right: 50px;
}
h2.team  {
font-size: 16px;
}

h2.team strong {
font-size: 13px;
}