/* CSS Document */

/* BODY STYLES */
body {
	font: normal 62.5% Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
}
img {
	border: 0;
} 
h1 {
	line-height: 1.2em;
	font-weight: normal;
	color: #003D6E;
	font-size: 2em;
	margin: 0px;
	padding: 0px;
}
h2 {
	line-height: 1.2em;
	font-weight: normal;
	color: #003D6E;
	font-size: 1.6em;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-weight: normal;
	color: #003D6E;
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
}

/* LAYOUT STYLES */
.wrapper {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	clear: none;
	float: none;
	padding: 0px 0px 90px;
	font-size: 1em;
	color: #718085;
	line-height: 1em;
}
#wrapper_archive {		/* WRAPPER FOR BLOG ARCHIVE PAGE*/
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	clear: none;
	float: none;
	padding: 8px 0px 100px;
	font-size: 1em;
}
.clear {
	padding: 0px;
	margin: 0px;
	height: 0px;
	width: 100%;
	clear: both;
}
#header {
	color: #718085;
	clear: none;
	float: none;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.5em;
	height: 88px;
}
.mainbody {
	width: 980px;
	float: none;
	clear: none;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.5em;
}
.leftcolumn {
	height: auto;
	width: 470px;
	float: left;
	margin-right: 10px;
}
.rightcolumn {
	height: auto;
	width: 500px;
	float: left;
}
.leftcolumn_320 {
	height: auto;
	width: 320px;
	float: left;
	margin-right: 10px;
}
.rightcolumn_650 {
	height: auto;
	width: 650px;
	float: left;
}
.indexcolumn_534 {
	height: auto;
	width: 534px;
	float: left;
	margin-right: 0px;
}
.index_left {
	height: auto;
	width: 485px;
	float: left;
	margin-right: 10px;
}
.index_middle {
	height: auto;
	width: 485px;
	float: left;
}
.index_right {
	height: auto;
	width: 968px;
	float: left;
	position: relative;
	margin-top: 10px;
	padding: 10px 5px 12px;
	border: 1px solid #C8D4DE;
}
.index_locations {
	height: 76px;
	width: 320px;
	float: left;
	margin-bottom: 10px;
	padding: 0px;
	background-image: url(../graphics/buttons/index_button_a.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
}
.indexbutton {
	height: 76px;
	width: 256px;
	float: left;
	margin-bottom: 10px;
	padding: 0px;
}
.indexcolumn_178 {
	height: auto;
	width: 168px;
	float: left;
	margin-right: 10px;
}
.leftcolumn_300 {
	height: auto;
	width: 300px;
	float: left;
}
.rightcolumn_500 {
	height: auto;
	width: 500px;
	float: left;
}
.certificates {
	height: auto;
	width: 482px;
	float: left;
	padding: 7px 8px 8px;
	margin-bottom: 10px;
	border: 1px solid #C8D4DE;
}
.footer {
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-top: 14px;
	height: 32px;
	background-image: url(../graphics/footer.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.media {
	width:980px;
	padding: 0px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.medial{
	float: left;
	height: 32px;
	width: 485px;
	margin-right: 10px;
}
.mediar{
	float: left;
	height: 16px;
	width: 485px;
	text-align: right;
	padding-top: 8px;
	padding-bottom: 8px;
}

.footer_menu1 {width:auto;float: left;margin: 0%;padding: 0px;}
* html .footer_menu1 {	width:auto;	w\idth:auto;}
.footer_menu1 ul {padding:0;margin:0;list-style-type:none;}
.footer_menu1 li {float:left;width:auto;position:relative;list-style-type:none;}
.footer_menu1 a {display:block;width:auto;height:32px;text-align: center;text-decoration: none;line-height: 32px;padding-right: 8px;padding-left: 24px;background-image: url(../graphics/footer_menu_1a.gif);background-repeat: no-repeat;background-position: 0px 0px;}
* html .footer_menu1 a, * html .footer_menu1 a:visited {display:inline-block;width:auto;w\idth:auto;}
.footer_menu1 table {position:absolute; top:0; left:0; border-collapse:collapse;;}
.footer_menu1 a:hover{background-image: url(../graphics/footer_menu_1b.gif);background-repeat: no-repeat;background-position: 0px 0px;color: #EEE;}

.footer_menu2 {width:auto;float: left;margin: 0%;padding: 0px;}
* html .footer_menu2 {	width:auto;	w\idth:auto;}
.footer_menu2 ul {padding:0;margin:0;list-style-type:none;}
.footer_menu2 li {float:left;width:auto;position:relative;list-style-type:none;}
.footer_menu2 a {display:block;width:auto;height:32px;text-align: center;text-decoration: none;line-height: 32px;padding-right: 8px;padding-left: 28px;background-image: url(../graphics/footer_menu_2a.gif);background-repeat: no-repeat;background-position: 0px 0px;}
* html .footer_menu2 a, * html .footer_menu2 a:visited {display:inline-block;width:auto;w\idth:auto;}
.footer_menu2 table {position:absolute; top:0; left:0; border-collapse:collapse;;}
.footer_menu2 a:hover{background-image: url(../graphics/footer_menu_2b.gif);background-repeat: no-repeat;background-position: 0px 0px;color: #EEE;}

.footer_menu3 {width:auto;float: left;margin: 0%;padding: 0px;}
* html .footer_menu3 {	width:auto;	w\idth:auto;}
.footer_menu3 ul {padding:0;margin:0;list-style-type:none;}
.footer_menu3 li {float:left;width:auto;position:relative;list-style-type:none;}
.footer_menu3 a {
	display:block;
	width:auto;
	height:32px;
	text-align: center;
	text-decoration: none;
	line-height: 32px;
	padding-right: 8px;
	padding-left: 32px;
	background-image: url(../graphics/footer_menu_3a.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
* html .footer_menu3 a, * html .footer_menu3 a:visited {display:inline-block;width:auto;w\idth:auto;}
.footer_menu3 table {position:absolute; top:0; left:0; border-collapse:collapse;;}
.footer_menu3 a:hover{background-image: url(../graphics/footer_menu_3b.gif);background-repeat: no-repeat;background-position: 0px 0px;color: #EEE;}

.footer_menu4 {width:auto;float: left;margin: 0%;padding: 0px;}
* html .footer_menu4 {	width:auto;	w\idth:auto;}
.footer_menu4 ul {padding:0;margin:0;list-style-type:none;}
.footer_menu4 li {float:left;width:auto;position:relative;list-style-type:none;}
.footer_menu4 a {display:block;width:auto;height:32px;text-align: center;text-decoration: none;line-height: 32px;padding-right: 8px;padding-left: 24px;background-image: url(../graphics/footer_menu_1a.gif);background-repeat: no-repeat;background-position: 0px 0px;}
* html .footer_menu4 a, * html .footer_menu4 a:visited {display:inline-block;width:auto;w\idth:auto;}
.footer_menu4 table {position:absolute; top:0; left:0; border-collapse:collapse;;}
.footer_menu4 a:hover{background-image: url(../graphics/footer_menu_1b.gif);background-repeat: no-repeat;background-position: 0px 0px;color: #EEE;}

.footer_ext {
	width:980px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.footer_extl {
	float: left;
	width: auto;
	margin-right: 10px;
	text-align: left;
	padding-top: 4px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFDB00;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.footer_extr {
	float: right;
	width: auto;
	text-align: right;
	padding-top: 4px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFDB00;
	line-height: 1.5em;
	margin: 0px;
}
.blue_line {
	width:200px;
	padding: 0px;
	clear: right;
	float: left;
	background-color: #014984;
	height: 2px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.grey_box {
	margin-right: auto;
	margin-left: auto;
	width: 270px;
	padding: 7px 9px 8px;
	clear: both;
	border: 1px solid #CCCCCC;
}

/********** TOP NAVIGATION */
/* style the outer div to give it width */
.topnav {
	width:auto;
	height:32px;
	position:relative;
	z-index:100;
	margin-right: 0%;
	margin-left: 0%;
	float: right;
}
/* hack to correct IE5.5 faulty box model */
* html .topnav {
	width:auto;
	w\idth:auto;
}
/* remove all the bullets, borders and padding from the default list styling */
.topnav ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.topnav li {
	float:left;
	width:auto;
	position:relative;
}
/* style the links for the top level */
.topnav a, menu a:visited {
	display:block;
	width:auto;
	height:32px;
	line-height:32px;
	text-align: center;
	text-decoration: none;
	padding-right: 1em;
	margin-left: .5em;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .topnav a, * html .topnav a:visited {
	display:inline-block;
	width:auto;
	w\idth:auto;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.topnav table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the top level hover */
.topnav a:hover{
	background:url(../graphics/topnav.gif) repeat-x 0px 0px;
}

/* NAVIGATION */
#outerContainer {width:980px;height:32px;}
#menuContainer {position:relative; float:left; left:50%;}
#nav, 
#nav ul {padding:0;margin:0;list-style:none;position:relative;z-index:100;}
#nav {height:32px;float:left;padding:0;	position:relative;right:50%;font-size: 1.2em;}
#nav table {border-collapse:collapse;}
#nav li {background:url(../graphics/nav.jpg) repeat-x 0px 0px;float:left;}
#nav li li {float:none;background-image: none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}
#nav li a {display:block;float:left;color:#EEE;height:32px;padding:0 1.5em;line-height:32px;text-decoration:none;white-space:nowrap;}
#nav li li a {height:24px;line-height:24px;float:none;color: #003D6E;width: 180px;}
#nav li:hover {position:relative;z-index:100;}
#nav a:hover {background:url(../graphics/nav_down.jpg) repeat-x 0px 0px;position:relative;z-index:100;color:#EEE;border:0;}
#nav li:hover > a {color:#EEE;}
#nav li li:hover > a {color:#EEE;background-image: none;background-color: #C8D4DE;}
#nav li li li:hover > a {color:#EEE;background-image: none;background-color: #E1E8ED;}
#nav :hover  ul {left:-1px;top:32px;z-index:300;}
#nav a:hover ul {left:-1px;}
#nav ul {position:absolute;left:-9999px;top:-9999px;background-color: #FFFFFF;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;	border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #C8D4DE;border-bottom-color: #C8D4DE;border-left-color: #C8D4DE;text-align: left;padding-bottom: 12px;padding-top: 6px;}
#nav ul ul{background-color: #FFFFFF;text-align: left;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;	border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #C8D4DE;border-bottom-color: #C8D4DE;border-left-color:;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0px;margin-left:100%;top:-6px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {color:#003D6E;}
#nav li a:hover ul li a:hover {color:#003D6E;background-image: none;background-color: #C8D4DE;}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%;top:-6px;}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* ENGINEER NAVIGATION */
#naveng, 
#naveng ul {padding:0;margin:0;list-style:none;position:relative;z-index:100;}
#naveng {height:32px;float:left;padding:0;	position:relative;right:50%;font-size: 1.2em;}
#naveng table {border-collapse:collapse;}
#naveng li {background:url(../graphics/nav_logged.jpg) repeat-x 0px 0px;float:left;}
#naveng li li {float:none;background-image: none;}
/* a hack for IE5.x and IE6 */
#naveng li a li {float:left;}
#naveng li a {display:block;float:left;color:#003D6E;height:32px;padding:0 1.5em;line-height:32px;text-decoration:none;white-space:nowrap;}
#naveng li li a {height:24px;line-height:24px;float:none;color: #003D6E;width: 170px;}
#naveng li:hover {position:relative;z-index:100;}
#naveng a:hover {background:url(../graphics/nav.jpg) repeat-x 0px 0px;position:relative;z-index:100;color:#EEE;border:0;}
#naveng li:hover > a {color:#EEE;}
#naveng li li:hover > a {color:#EEE;background-image: none;background-color: #C8D4DE;}
#naveng li li li:hover > a {color:#EEE;background-image: none;background-color: #E1E8ED;}
#naveng :hover  ul {left:-1px;top:32px;z-index:300;}
#naveng a:hover ul {left:-1px;}
#naveng ul {position:absolute;left:-9999px;top:-9999px;background-color: #FFFFFF;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;	border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #C8D4DE;border-bottom-color: #C8D4DE;border-left-color: #C8D4DE;text-align: left;padding-bottom: 12px;padding-top: 6px;}
#naveng ul ul{background-color: #FFFFFF;text-align: left;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;	border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #C8D4DE;border-bottom-color: #C8D4DE;border-left-color:;}
/* it could have been this simple if all browsers understood */
/* show next level */
#naveng li:hover li:hover > ul {left:0px;margin-left:100%;top:-6px;}
/* keep further levels hidden */
#naveng li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#naveng li:hover li:hover > a {color:#003D6E;}
#naveng li a:hover ul li a:hover {color:#003D6E;background-image: none;background-color: #C8D4DE;}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#naveng a:hover a:hover ul,
#naveng a:hover a:hover a:hover ul,
#naveng a:hover a:hover a:hover a:hover ul,
#naveng a:hover a:hover a:hover a:hover a:hover ul
{left:100%;top:-6px;}
/* keep further levels hidden */
#naveng a:hover ul ul,
#naveng a:hover a:hover ul ul,
#naveng a:hover a:hover a:hover ul ul,
#naveng a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


/* ENGINEER NAVIGATION */

/* .menueng {
	width:800px;
	height:32px;
	position:relative;
	z-index:100;
	margin-right: 10%;
	margin-left: 10%;
} */


/* TABBED NAVIFATION */

.tabnav{
	padding: 0px 0 3px;
	margin: 0;
	font: 11px Verdana;
	list-style-type: none;
	text-align: left;
}

.tabnav li{
	margin: 0;
	padding: 0px 0px 10px;
}

.tabnav li a{
	display: block;
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 6px 0px 6px 8px;
	color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	left: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-right: 1px;
	background-color: #003D6E;
}

.tabnav li a:visited{
}

.tabnav li a:hover{
}

.tabnav li a.selected{ /*selected main tab style */
	position: relative;
	background-color: #FFFFFF;
	color: #003D6E;
	background-image: none;
	margin-right: 0px;
}

.tabnav li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* TOOLBARS */

.toolbar_top {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	float: none;
	line-height: 32px;
	height: 31px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C8D4DE;
	font-size: 1.2em;
	color: #718085;
}
.toolbar_menu {
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-repeat: repeat-x;
	background-position: left top;
	height: 32px;
	background-image: url(../graphics/nav.jpg);
	position: relative;
	z-index: 999;
}
.toolbar_menu_eng {
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-repeat: repeat-x;
	background-position: left top;
	height: 32px;
	background-image: url(../graphics/nav_logged.jpg);
}
.toolbar_bottom {
	margin-bottom: 14px;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-image: url(../graphics/toolbar_bot.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 32px;
	font-size: 1.2em;
}
.navigation {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 32px;
	text-align: center;
}
.welcome {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.search {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
}
.breadcrumb {
	float: left;
	width: 485px;
	margin-right: 10px;
	line-height: 32px;
	height: 32px;
}
.language {
	float: left;
	width: 485px;
	line-height: 32px;
	height: 32px;
	text-align: right;
}
.language a {
	line-height: 32px;
	height: 32px;
	display: inline-block;
	text-decoration: underline;
}
.language a:hover {
	background-image: url(../graphics/topnav2.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.language .current a {
	background-image: url(../graphics/topnav2.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.language .dead {
	color: #CCCCCC;
	background-image: none;
}

/* BLOG LAYOUT STYLES */
.blog_contact {
	margin-right: auto;
	margin-left: -12px;
	width: 203px;
	padding: 11px 59px 8px 28px;
	clear: both;
	background-image: url(../graphics/blog/post_it_note.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 282px;
}

/* TEXT STYLES */

a:link, a:visited{
	color: #718085;
	text-decoration: none;
}
a:hover, a:active{
	color: #003D6E;
	text-decoration: none;
}

.login a:link, .login a:visited {
	color: #003D6E;
	text-decoration: underline;
}

.helplink a:link, .helplink a:visited {
	color: #003D6E;
	font-size: 1em;
	text-decoration: none;
	display: inline-block;
	padding: 3px 10px 3px 6px;
	margin-bottom: 6px;
	float: left;
	width: auto;
	clear: both;
	background-color: #EEEEEE;
}
.helplink a:hover {
	font-size: 1em;
	display: inline-block;
	margin-bottom: 6px;
	float: left;
	width: auto;
	background-color: #003D6E;
	clear: both;
	color: #FFF;
}

.helplink_index a:link, .helplink_index a:visited {
	color: #003d6e;
	font-size: 1em;
	text-decoration: none;
	display: inline-block;
	padding: 2px 8px 2px 5px;
	float: left;
	width: auto;
	background-color: #CCCCCC;
	clear: both;
	position: absolute;
	bottom: 1px;
	left: 1px;
}
.helplink_index a:hover, .helplink_index a:active {
	color: #003D6E;
	font-size: 1em;
	display: inline-block;
	padding: 2px 8px 2px 5px;
	float: left;
	width: auto;
	background-color: #EEEEEE;
	clear: both;
}
.back_to_top a:link {
	color: #003d6e;
	clear: both;
	float: left;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 6px;
	text-align: right;
}
.article_title {
	font-size: 2em;
	color: #003D6E;
	text-decoration: none;
	line-height: 1.2em;
}
.news_wrap{
	width: 316px;
	float: left;
	padding-right: 4px;
}
.news_title a{
	font-size: 1.6em;
	color: #99CC66;
	line-height: 1.2em;
	display: inline;
}
.news_title a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #99CC66;
}
.news_title a:active{
}
.news_description {
	float: left;
	width: 100%;
}
.date {
	text-transform: uppercase;
	color: #999999;
	display: block;
	font-size: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}
.text_grey {
	color: #333333;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}
.text_red {
	color: #CC3300;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}

.text_size a:link {
	color: #FFFFFF;
	display: inline-block;
	width: 18px;
	line-height: 18px;
	text-align: center;
	height: auto;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
	background-color: #CCCCCC;
}
.text_size a:visited {
	color: #FFFFFF;
	display: inline-block;
	width: 18px;
	line-height: 18px;
	text-align: center;
	height: auto;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
	background-color: #CCCCCC;
}
.text_size a:hover {
	color: #FFFFFF;
	display: inline-block;
	width: 18px;
	line-height: 18px;
	text-align: center;
	height: auto;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
	background-color: #003D6E;
}
.text_size a:active {
	background-color: #467496;
}

.form_element {
	text-align: left;
	text-decoration: none;
	color: #003D6E;
	font-size: 1em;
}
.form_note {
	color: #666666;
	padding: 2px 5px;
	background-color: #FFE300;
	display: inline;
}
#lblError {
	padding: 5px 5px 5px 0px;
	z-index: 2;
	position:relative;
	left: 0px;
	top: 0px;
	width: 200px;
	color:#CC0000;
}

#lblGood {
	padding: 5px 5px 5px 0px;
	z-index: 2;
	position:relative;
	left: 0px;
	top: 0px;
	width: 200px;
	color: #339900;
}

/* Tool Tips  -----------------------------*/
#tooltips{
	background:#eeeeee;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	float:right;
	}
#tooltips ul{
	margin:0;
	border-top:solid 0px #ffffff;
	padding:0 1em;
	}
#tooltips li{
	list-style:none;
	padding:0.6em 0em;
	float:left;
	margin:0;
	position:relative;
	}
#tooltips li a{
	text-decoration:none;
	padding: 2px 2em;
	}
#tooltips li a#link{background:url(/graphics/link_icon.jpg) no-repeat center left;
	}


#tooltips li .tips{
	clear:both;
	width:20em;
	border:1px solid #FFE300;
	margin: 10px 0 0;
	padding: 9px 8px 10px;
	position:absolute;
	left:-19.5em;
	display:none;
	background: #FFF9CC;
	color: #003D6E;
	line-height: 0px;
}
#tooltips li .tips:before{
	display:block;
	position:absolute;
	content:url(/graphics/yellow_tiptop_pointer.gif);
	margin:-1.7em 0 1em 85%;
	}

#tooltips li:hover .tips{
	display:block;
}

/* JQuery Image Caption  -----------------------------*/

.imageLibrary p {
	position: absolute;
	margin: 76px 0px 0px;
	z-index:2;
	background-Color: #000000;
	color: #FFFFFF;
	width: 248px;
	opacity:.5;
	display: none;
	clear: none;
	height: 38px;
	padding: 0px 0px 0px 8px;
	font-size: 1.4em;
}
.imageLibrary img {
	z-index:1;
	width: 256px;
	height: 76px;
}