/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

html * {
padding: 0;
margin: 0;
border: 0;
}

body { background-color: #002c5f; background-image: url(img/bg_page_rtaibc.gif); background-repeat: repeat-y; font-size:75%; 
    font-family: verdana,arial, sans-serif;  
    color:#626262; }

#wrap { width: 886px; }

#header {
	background-image: url(img/Performance-Report-2007.jpg); background-repeat: no-repeat; 
	width: 886px;
	min-height:136px;
    padding-bottom: .7em;
}

#logo { width: 154px; float: left; }
#logo img { margin-left: 18px; }

#headerright { width: 731px; float: left; }
#headerrighttop { width: 100%; height: 100px; }

/* Search */
/**************************************************************************/
#searchcontainer { border-left: 1px solid #fff; font-size: 0.9em; padding-top: 8px; 
	margin-left: 492px;
}

#searchcontainer p {
    padding-left: 5px;
    padding-top: 1px;
    color: #fff;
}
#searchcontainer p label {
    float:left;
    display:block;
    padding-top:6px;
    padding-right: 5px;
}
input.gobutton {
    border: none;
    color: #fff;
    background-color: transparent;
    font-size: 0.9em;
    cursor: pointer;
    margin-bottom:-3px;
}
input.searchbox { min-height: 17px; font-size: 0.9em; width: 138px; margin-top: 0; border-color: #8f8f8f; border-style: solid; border-width: 2px 0 0 2px; }


/**************************************************************************/


/* navigation
-----------------------------------------------------------------------------*/
#navContainer { position: relative; 
	margin: 0 0 0 1em; 
}

/* Remove List Formatting  */
 ul.menu, li.menu {
	list-style-type: none;
 }

#nav {
	position: relative;
	height: 1.375em;
}
#nav ul {
	list-style-type: none; 
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix IE6 Bug */
}

#nav ul li {float: left; color: #fff; }
#nav ul li a { font-size: 1.1em; display: block; padding: 1em 1em 0 .3em; color: #fff; text-decoration: none; border-left: 1px solid #fff; font-weight: bold; }

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus { text-decoration: underline; }
#nav li a:active, #nav ul li a.active { text-decoration: underline; } /* shows on click in IE */

/* Current page Customisations*/
#nav li.menu-current a { text-decoration: underline; }
#nav li.menu-parent a { text-decoration: underline; }


/* 2nd Child menu */
#nav .menu li ul { position: absolute; left: 0; top: 2.5em; width: 12em; display: none; padding-top: 1em; }
#nav .menu li ul li {width: 12em; border-bottom:1px solid #312834; }
#nav .menu li ul a {width: 11em; padding: .25em .5em; background: #000; color: #fff; text-decoration: none; border: 0; font-size: 1em; font-weight: normal; }

/* 2nd Child Current page Customisations
#nav li ul li.menu-current a { background: #0D3A9E; color: #ff0000; text-decoration: none; }
#nav li ul li.menu-parent a { background: #0D3A9E; color: #fff; }
*/

/* 2nd Child link hover */
#nav .menu li ul a:hover { text-decoration: underline; }


/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
/*#nav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #000; }*/

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

/*#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}*/

/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* container-main left-col and container-sub */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#container-main { clear: both; }

/* left-col
/***********************************************************************/

#left-col { width: 134px; float: left; padding: 15px 4px 0 16px }


/* left-col navigation
-----------------------------------------------------------------------------*/
#left-colnav ul {
	list-style-type: none; 
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix IE6 Bug */
}

#left-colnav ul li { padding: 1px 0 1px 0; }

#left-colnav ul li a { 
color:#fff; 
text-decoration:none;
font-size: .9em;
display:block;
padding-left: 4px;
}

#left-colnav ul li a:hover, #left-colnav ul li.menu-current a:hover { 
text-decoration:underline; 
}

#left-colnav ul li.menu-current a { 
text-decoration:underline; 
}

#left-colnav ul li.menu-current ul a { 
text-decoration:none; 
}

#left-colnav li.menu-parent a { 
text-decoration:underline;
font-weight: bold; 
background: url(img/bg_leftnav.gif) 0 0.6em no-repeat transparent;
}

/* 2nd level menu settings */
#left-colnav ul ul { margin: 21px 0 0 0; }

#left-colnav ul ul li { 
padding: 0 1px 5px 0;
}

#left-colnav ul ul li a { 
font-size: .9em;
line-height: 1.25em;
}

#left-colnav ul ul li.menu-child a, #left-colnav ul ul li.menu-sibling a { 
color:#fff;
text-decoration:none;
font-weight: normal; 
background: none;
}

#left-colnav ul ul li.menu-child a:hover, #left-colnav ul ul li.menu-current a, #left-colnav ul ul li.menu-sibling a:hover { 
color:#fff;
text-decoration:underline;
font-weight: normal; 
}

#left-colnav ul ul li.menu-parent a { 
text-decoration:underline;
font-weight: normal; 
background: url(img/bg_leftnav.gif) 0 0.6em no-repeat transparent;
}

/* 3rd level menu settings */
#left-colnav ul ul ul { margin: 10px 0 1px 0; }

#left-colnav ul ul ul li { 
padding: 0 0 4px 0;
}

#left-colnav ul ul ul li a { 
padding-left: 11px;
font-size: .9em;
line-height: 1.25em;
}

#left-colnav ul ul ul li.menu-child a, #left-colnav ul ul ul li.menu-sibling a { 
color:#fff;
text-decoration:none;
font-weight: normal; 
background: none;
}

#left-colnav ul ul ul li.menu-child a:hover, #left-colnav ul ul ul li.menu-current a, #left-colnav ul ul ul li.menu-sibling a:hover { 
color:#fff;
text-decoration:underline;
font-weight: normal; 
}

/* end left-col navigation */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* container-sub holds breadcrumbs, content, right-col */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#container-sub { float: right; padding-top: 16px }

/*                    Breadcrumbs                                */
/****************************************************************/

#breadcrumbs { 
	list-style: none;
    padding-left: 16px;
    margin-bottom: 1em;
    width: 712px;
	height: 16px;
}
#breadcrumbs li {
    float:left;
    font-size: 0.9em;
    padding: 0 6px 0 6px;
    background: url(img/bg_breadcrumb.gif) 0 50% no-repeat transparent;
    margin-bottom:4px;
}
#breadcrumbs li a {
    color: #626262;
    white-space:nowrap;
}
#breadcrumbs li a:hover {
    color: #005399;
}
#breadcrumbs li.menu-current {
    color: #005399;
    background-image: url(img/bg_breadcrumb_active2.gif);
    white-space:nowrap;
}

#breadcrumbs li.menu-current a {
    color: #005399;
	text-decoration: none;
}

/* content */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content { width: 460px; float: left; padding: 0 16px 0 16px; }


/*---- text for middle and right col ---- */

h1 {
    color: #005399;
    font-size: 1.2em;
    margin-bottom:0.5em;
    padding:0;
}

#content h2, #content h3, #right-col h2 {
    color: #005399;
    font-size: 1em;
    margin-bottom:0.5em;
}
#right-col h2 {
    color: #626262;
    margin:0 0 5px 9px;
}
#content h3 {
	color: #626262;
}

#content p, #right-col p {
    font-size: 0.9em;
    margin: 0 0 1em 0;
    line-height: 1.4em;
}
#content ul {
    font-size: 0.9em;
    margin: 0 0 1em 1.375em;
    line-height: 1.4em;
}

#content p.intro {
    font-size: 1em;
    margin-bottom: 0.9em;
}
#content > p:first-child {
    font-size: 1em;
    margin-bottom: 0.9em;
}
#content a {
    color: #626262;
}
#content a:hover {
    color: #005399;
}

#content hr { margin-bottom: 0.9em; border-top: 1px solid #dcddde;
	height: 1px;
 }

/* these tables are used as containers for images with captions and charts with captions */

table.imagecaptionbottom, table.charts {
border-collapse: collapse;
margin-bottom: 1em;
}
table.imagecaptionbottom td { font-size: 0.9em; font-weight: bold; line-height: 1.25em; vertical-align: bottom; }

table.charts { margin-bottom: 0; }
table.charts td { vertical-align: middle; padding-bottom: 18px; font-weight: bold; font-size: 0.9em; line-height: 1.25em; }
table.charts td a { color: #626262; font-weight: normal; }
table.charts td a:hover { color: #005399; }
table.charts img { margin-right: 8px; }

table.tabulardata {
border-collapse: collapse;
}

table.tabulardata td {
border: solid 1px #dcddde;
font-size: 0.9em;
vertical-align: top;
padding: 4px;
}

#right-col table td { vertical-align: middle; }

#content table td img, #right-col table.imagecaptionmiddle { margin-right: 12px; }

.marginbottom {
margin-bottom: 4px;
}

/* Pseudo-class to handle first paragraph of page content */
#content > p:first-child {
  font-size: 1em;
  margin-bottom: 0.9em;
}


/* Blockquotes */
blockquote {
    font-size: 1.2em;
    font-weight: bold;
    margin:0 0 0.8em 0;
}

/* end text for middle and right col */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#right-col { width: 222px; float: left; padding: 0 16px 0 0; }


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

#footer { clear: both;
	width: 700px;
	margin: 0 0 16px 170px;
    font-size: 0.8em;
    border-top: 1px solid #dcddde;
    padding-top: 16px;
    color: #626262;
}
#footer ul {
    list-style: none;
}    
#footer ul li {
    float: left;
    padding-right: 5px;
    padding-left: 6px;
    border-left: 1px solid #626262;
} 
#footer ul li.first {
    border: none;
    padding-left:0;
}
#footer a {
    text-decoration: none;
    color: #626262;
    white-space: nowrap;
}
#footer a:hover {
    text-decoration: underline;
    color: #005399;
}
#footer a.active {
    text-decoration: underline;
}


body.home #footer {
    margin-left:0px;
}

/***********************************************************/

.clear {
    clear: both;
    height: 1px;
    font-size: 0px;
    overflow: hidden; 
}
.hidden {
    display: none;
}


/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */