/**************************************\
	2 columnStyles
	Author: Jason Seminara (Digital Distortion Designs)
	Modified: September 17, 2005
	--------
	Structure of this Document:
		-XHTML elements (restyled, hierarchical descending order),
		-Block Level Elements (In order of screen display, containing their styled elements),
		-General Classes (alphabetical) 
	--------	
\**************************************/
/*HTML restyling*/
html{
background:#ACB16F url(../images/bg_white.gif) 10em 0 repeat-y;}
html,
body{
	border:0; 
	margin:0;
	color:#000;

}
a:link{
	color:#07365F;
}
a:visited{
	color:#07365F;
}
a:hover{
	color:#000;
}
a:active{
	color:#000;
}

body {
	color: #000;
}				
h2{
	font-size:14pt;
	font-weight:bold;
	color:#063961;
	padding:0;
	margin:0;
}
h3{
	/*font-weight:bold;*/
	color:#063961;
	margin:0 0 -1px 0;
}
h4{
	font-weight:bold;
	color:#063961;
	margin-bottom:0;
}
div,p  {
	/*clear top margin for mozilla*/
	margin-top:0;
	}
acronym,abbr{
	cursor:default;
	text-decoration:none;
	border:none;
}
table>tr:last-child td{
	border:none;
}
tr.last-child td{
	border:none;
}

/*======================*\
	IDs
\*======================*/

#clearheader{/*needed to make room for header*/
	height:3em;
}
#clearfooter{/*needed to make room for footer*/
	clear:both;
	height:0px;
}
#container{
	width:100%;
	padding:0;
	margin:0;
}
#content{
	padding:0 0 2em;
	width:47.5em;
}
* html #content {
	position:relative;
	display:inline;
}

#contentTable{
	width:100%;
}
#contentTable td{
	padding:0 .5em 0 1em;
}
#footer{
	text-align:left;
	margin-left:10em;
	background-color:#FFFFFF;
	padding-bottom:0;
}
#footer ul{
	margin:0;
	padding: 0 1em;
}
#footer li{
	margin:0;
	padding:0;
	display:inline;

}
#footer li a{
	text-decoration:none;
	border-left:1px solid #3894C7;
	padding:0 1em;
}
#header{
	/*background:#fff url(../images/gui/bg_header.png) 100% 100% repeat-y;*/
	background:#205FA6 url(../images/TBI_logo.png) 0 20% no-repeat;
	width:100%;
	margin:0;
	padding:0em;
}

*html #header{
	margin-bottom:0;
}
#header a{
text-decoration:none;}
#logo{
	width:304px;
	height:20px;
	overflow:hidden;
	float:left;
	display:block;
	margin:0;
	paading:0;
}
#logo h1{
	margin:0;padding:0;
}
#logo h1 a{
	display:block;
	margin:0;
	padding:0;
	width:304px;
	height:20px;
	background:transparent url(../images/gui/cpg_logo.jpg) 0 0  no-repeat;
}
#logo h1 a span{
	visibility:hidden;
}
#mainContent{width:75%;}
#middle {
	background: #fff url(../images/shadow.png) 0 0 repeat-x;/* background colour of right column */
	margin-left:10.0em;/*this is the space for the left column */
}
* html #middle {height:1%;}/* combat ie's 3 pixel jog */

#pageTitle{padding:1em;}
#searchBox{
	text-align:right;
	padding:0;
}
#searchBox a{
	color:#fff;
}
#searchBox a:hover{
text-decoration:underline;
}
#searchBox ul{
	margin:0;
	padding: .5em 1em;
}
#searchBox li{
	margin:0;
	display:inline;
	border-left:1px solid #3894C7;
}
#searchBox li a{
	padding:0 .5em;
}

/******begin sidebar****************/
#sideBar {
	position:relative;/*ie needs this to show float */
	width:10em;
	float:left;
	margin:0 0 0 -10em;/*must be 1px less than width otherwise won't push footer down */
	padding: 130px 0 0 0;/*needed to make room for header*/
	background:#ACB16F url(../images/home.jpg) 0 0 no-repeat;	
}

#sideBar ul{
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
	background-color:#ACB16F;

}
#sideBar ul li{
	border-bottom:1px solid #c1c1c1;	
	padding:0 0 0 0;
	margin:0;
	background-color:#ACB16F;
}
#sideBar ul li a{
	font-size:9pt;
	color:#fff;
	text-decoration:none !important;
}
#sideBar ul li a{display: block;padding:.25em .5em;width:10.1em;}
#sideBar ul li a:hover{	background-color:#1A61AF;}
/***** [level2]*****/
#sideBar ul ul{
	display:none;
	background-color:#91B1D4 !important;
}
#sideBar ul ul li{
	border-bottom:1px solid #1A61AF;
	background-color:#91B1D4 !important;
}
#sideBar ul ul li a{
	padding-left:1.5em;
	width:9.1em;
	color:#1A61AF;
	background-color:#91B1D4 !important;
}
#sideBar ul ul li a:hover{
	color:#fff !important;
}
body.page01 li#menu01,
body.page02 li#menu02,
body.page03 li#menu03,
body.page04 li#menu04,
body.page05 li#menu05,
body.page06 li#menu06,
body.page07 li#menu07,
body.page08 li#menu08,
body.page09 li#menu09,
body.page10 li#menu10,
body.page11 li#menu11{
	background-color:#1A61AF;
}
body.page01 li#menu01 ul,
body.page02 li#menu02 ul,
body.page03 li#menu03 ul,
body.page04 li#menu04 ul,
body.page05 li#menu05 ul,
body.page06 li#menu06 ul,
body.page07 li#menu07 ul,
body.page08 li#menu08 ul,
body.page09 li#menu09 ul,
body.page10 li#menu10 ul,
body.page11 li#menu11 ul {
	display:block;
}
body.child01 li.child01 a,
body.child02 li.child02 a,
body.child03 li.child03 a,
body.child04 li.child04 a,
body.child05 li.child05 a,
body.child06 li.child06 a,
body.child07 li.child07 a,
body.child08 li.child08 a,
body.child09 li.child09 a,
body.child10 li.child10 a,
body.child11 li.child11 a {
	color:#fff !important;
}

/************end sidebar******************/

#sidebar2{
	width: 25%;
	text-align:center !important;
	padding:1em !important;
}
#sidebar2 *{
	vertical-align:top;
}
#sidebar2 .callout{
	margin: 1em 0;
	width: 190px;
}
/*********\
	Classes
\**********/
/* Add an external-link icon to absolute, external links */
/*#content a[href^="http:"],*/
.extLink{
	padding-right:18px;
	background:transparent url(../images/gui/globe.jpg) no-repeat right center ;
}

.backToTop{
	background: transparent url(../images/backtoTopBlue.gif) left center no-repeat;
}

.calloutw{
	width:13em;
	min-height:10em;
	padding:.5em;
	margin:auto 0 1em 1em;
	border:1px solid #1A61B0;
	background-color:#D7EBF7;
	clear:right;
	font-size:9pt;
	line-height:1.3em;
}
.callout{
	width:13em;
	min-height:10em;
	padding:.5em;
	margin: 0;
	border:1px solid #1A61B0;
	background-color:#D7EBF7;
	
	font-size:9pt;
	line-height:1.3em;
}
.callout h4{
	margin: 0;
}
*html .callout{
	height:10em;
}